@extends('layouts.app')

@section('content')

<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                            Widget settings form goes here
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn blue">Save changes</button>
                            <button type="button" class="btn default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
            <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->


            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        Пользователь: Пользователь
                    <ul class="page-breadcrumb breadcrumb">
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="{{ url('') }}">Начало</a>
                        </li>
                                                                                    <li>
                                    <i class="fa fa-angle-right"></i>
                                    <a href="{{ url('users') }}">Пользователи</a>
                                </li>
                                                            <li>
                                    <i class="fa fa-angle-right"></i>
                                    <a href="{{ url('users/create') }}">Добавление</a>
                                </li>
                                                                            <li class="pull-right">
                            <div class="top-buttons-bar">
                                <div class="buttons-bar-item"><a onclick="return form_decline("{{ url('users') }}");" class="return btn default" href="{{ url('users') }}">Вернуться</a></div>                            </div>
                                                    </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->

            @include('common.msg')
                        
            <!-- BEGIN PAGE CONTENT -->
            <div id="page-content">
                
                <script type="text/javascript">
                    
            var form_name = "input_form";
            var check_link = "{{ url('users/check') }}";
                </script>
                
                <div id="error_show"></div>    
            
        <form enctype="multipart/form-data"  id="input_form" name="input_form" method="post" action="{{ url('users/store') }}">
        {{ Form::hidden('trans_operation', 'edit', ['id' => 'input_form_trans_operation']) }}
        
        

<div class="form-insert form-horizontal entity-form entity-user-form">

<div class="form-body">

    

        

    <div class="form-group" id="photo_container_row">

                <label class="col-md-4 control-label">Личное изображение</label>

        <div class="col-md-8">

                        <div id="photo_container" class="input_field_container mass_fileupload _small"><script type="text/javascript" src="{{ url('plugins/mass_fileupload/jquery.uploadify.min.js') }}"></script>
<link rel='stylesheet' href='{{ url('plugins/mass_fileupload/uploadify.css') }}' type='text/css' />



<style type="text/css">
.f_icon_bl{
  float: left;
}
.f_icon_bl span{
    position: absolute;
    margin: -23px 0 0 7px;
    color:     black;
    width: 35px;
    text-align: center;
    display: block;
}


.upl_img{
    display: block;
    margin: 0 auto;
}


.upl_item{
    width: 130px;
    height: 130px;
}
.upl_item_doc{
    width: 500px;
    height: 55px;
}

.upl_block{
    float:left;
    padding:10px 8px 0 8px;
    /*height: 152px;*/
    border: 2px solid #fff;
}

.upl_block a{
    font-size: 10px;
}

.upl_block.new{
    /*color: #063;*/
    background: #E7F6E8;
    /*border: 2px solid #39B54A;*/
    /*border-radius: 8px;*/
    /*box-shadow: #84B193 0px 4px 7px;*/
}

/*.clear{
    clear: both;
    float: left;
}*/
</style>

<script type="text/javascript">
    function remove_imgphoto(id) {
//        if (isNaN(parseInt(id)))
//            return false;
        
        $('#photosphoto .upl_block#block'+id).remove();
        
        
//        $.get(
//            '/admin/?action=catalog&do=remove_imgphoto',
//            {
//                id: id
//            },
//            function (data) {
//                $("#block" + id).remove();
//            }
//        );
    }

    var count_imgphoto = 1;

</script>



<script type="text/javascript">
    $(document).ready(function() {

        function makeFileBlockphoto(obj){ console.log(obj);

            var idPart = obj.path.replace('.', '');

            var text = '';
            text += '<div class="upl_block upload-item new" id="block'+idPart+'">';

            
            text += '    <input type="hidden" name="photo['+count_imgphoto+']" value="'+obj.path+'" />';
            text += '    <div class="upl_item">';// padding-left:17px;
            text += '        <img class="upl_img" src="/static/tmp/'+obj.path+'?100" alt="'+obj.path+'" border="0" width="'+obj.width+'" />';
            text += '        <br />';
            text += '    </div>';
            text += '    <a class="btn red" onclick="if (confirm(\'Вы действительно желаете удалить файл?\'))remove_imgphoto(\''+idPart+'\');return false;" href="javascript:;"><i class="fa fa-trash-o"></i> Удалить файл</a><br /><br />';
            //text += '    <input type="radio" name="index" value="'+obj.id+'" id="pic'+obj.id+'" '+((obj.main==1)?' checked':'')+' /><label for="pic'+obj.id+'"> Основная</label><br />';
            //text += '    <a onclick="if (confirm(\'Вы действительно желаете удалить изображение?\'))remove_imgphoto('+obj.id+');return false;" href="javascript:;">Удалить изображение</a><br /><br />';

            

            text += '</div>';

            
            return text;
        }

        setTimeout(function () 
        {
        var csrftoken = $('input[name=_token]').val();
        $("#file_upload_photo").uploadify({
            'formData' : { 'PHPSESSID' : '4gmleqjmcj97udga8bvku4quo3' },

            'fileSizeLimit' : '10MB',
            'fileTypeDesc' : 'Image files',
                        'fileTypeExts' : '*.jpg; *.jpeg; *.png; *.gif',
                        'queueSizeLimit' : 20,
            
            'swf'           : "{{ url('plugins/mass_fileupload/uploadify.swf') }}",
            'uploader'      : "{{ url('upload_image').'?_token=' }}" + csrftoken,
            'cancelImg'     : "{{ url('plugins/mass_fileupload/uploadify-cancel.png') }}",
            'queueID'    : 'list',
            'auto'      : true,
            'multi'     : true,             'progressData': 'speed',
            'buttonText'    : 'ВЫБРАТЬ ФОТО',
            'removeTimeout' : 1,
            'onUploadSuccess' : function(file, data, response) {
                var obj = jQuery.parseJSON(data);

                if(obj){
                                        if(obj.state == 1){
                        var text = makeFileBlockphoto(obj);

                        $("#photosphoto").html(text);

                        count_imgphoto++;
                    }
                    else if(obj.state == 0){
                        $("#photosphoto").html('<div style="float:left;padding:10px 20px 0 20px; width: 142px; height: 153px;" class="upload-error"><strong>Ошибка при загрузке файла '+file.name+': </strong>'+obj.error+'</div>');
                    }
                    else{
                        alert(data);
                    }
                                    }

            },

            'overrideEvents' : ['onSelectError', 'onDialogClose', 'onUploadError'],

            'onSelectError' : function(file, errorCode, errorMsg) {

                var error = 'Неизвестная ошибка';
                switch(errorCode){
                    case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
                        error = 'Превышено количество файлов для одновременной загрузки';
                        break;
                    case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
                        error = 'Размер файла слишком велик';
                        break;
                    case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
                        error = 'Файл пуст';
                        break;
                    case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
                        error = 'Недопустимый тип файла';
                        break;
                }
                if(file)
                    $("#photosphoto").append('<div style="float:left;padding:10px 20px 0 20px; width: 142px; height: 153px;" class="upload-error"><strong>Ошибка при загрузке файла '+file.name+': </strong>'+error+'</div>');
                else
                    $("#photosphoto").append('<div style="float:left;padding:10px 20px 0 20px; width: 142px; height: 153px;" class="upload-error"><strong>Ошибка при загрузке файлов: </strong>'+error+'</div>');
            },

            'onUploadError' : function(file, errorCode, errorMsg, errorString) {
                $("#photosphoto").append('<div class="upload-error"><strong>Ошибка при загрузке файла ' + file.name + ': ' + errorString+' ('+errorMsg+ ')');
            }
        });
            $(".uploadify-button .uploadify-button-text").addClass('btn blue');
            $(".uploadify-button").css({'width': '149px', height: '34px'});
            $(".swfupload").css({'width': '149px', height: '34px', cursor: 'pointer'});
            $(".swfupload").attr('width', 149);
            $(".swfupload").attr('height', 34);
            $(".uploadify").css({'width': '149px', height: '34px', cursor: 'pointer'});
        }, 0);
    });
</script>



<div id="photosphoto">
        <br class="clea" clear="both"/>
</div>
<br clear="all" />

{!! csrf_field() !!}
<p><input type="file" name="Filedata" id="file_upload_photo" /></p>
<div id='list'></div>
<script type="text/javascript">
    $(document).ready(function(){



        $( "#photosphoto" ).sortable({
            placeholder: "photo-state-highlight",
//                axis:'y',
            containment:'#photosphoto',
//                handle:'.handle',
//                revert: true,
            tolerance: "pointer"
//            update : function(e, ui){
//                //alert(ui.item.index());
//                $('#save_sort').fadeIn();
//            }
        });
        //$( "#offer_items" ).disableSelection();

    });
</script></div>                

                            </div>

    </div>

    <div class="form-group" id="department_id_container_row">
        <label class="col-md-4 control-label">
            Уровень доступа<span class="required">*</span>
        </label>
        <div class="col-md-8">
            <div id="group_id_container" class="input_field_container list _small">
                {{ Form::select('group_id', $groups, old('group_id'), ['id' => 'group_id', 'class' => 'form-control input-large select2me']) }}
            </div>                
        </div>
    </div>

    <div class="form-group" id="email_container_row">

                <label class="col-md-4 control-label">Логин / e-mail<span class="required">*</span></label>

        <div class="col-md-8">

                        <div id="email_container" class="input_field_container string _small">
                        <input class="form-control" title=""   type="text" id="email" name="email" value="{{ old('email') }}"/></div>                
                            </div>
    </div>


    <div class="form-group" id="password_container_row">

                <label class="col-md-4 control-label">Пароль<span class="required">*</span></label>

        <div class="col-md-8">

                        <div id="password_container" class="input_field_container password">
                        <input class="form-control" title="" maxlength="20" type="password" id="password" name="password" autocomplete="off" value=""/>
                    <script>
                    $(document).ready(function(){
                        setTimeout( function(){
                            $("#password").each( function() {
                                $(this).val("");
                            });
                        }, 1000 );
                    });
                    </script>
                    </div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="password_1_container_row">

                <label class="col-md-4 control-label">Повторите пароль<span class="required">*</span></label>

        <div class="col-md-8">

                        <div id="password_confirmation_container" class="input_field_container password">
                        <input class="form-control" title="" maxlength="20" type="password" id="password_confirmation" name="password_confirmation" autocomplete="off" value=""/>
                    <script>
                    $(document).ready(function(){
                        setTimeout( function(){
                            $("#password_confirmation").each( function() {
                                $(this).val("");
                            });
                        }, 1000 );
                    });
                    </script>
                    </div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="name_container_row">

                <label class="col-md-4 control-label">Имя<span class="required">*</span></label>

        <div class="col-md-8">

                        <div id="name_container" class="input_field_container string _small">
                        <input class="form-control" title=""   type="text" id="name" name="name" value="{{ old('name') }}"/></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="birthday_container_row">

                <label class="col-md-4 control-label">Дата рождения</label>

        <div class="col-md-8">

                        <div id="birthday_container" class="input_field_container date _small"><div style="position: relative;width: 240px;"><div class="input-group input-medium date date-picker" data-date-format="dd.mm.yyyy"">
                                    <input type="text" class="form-control" name="birthday" id="birthday" value="{{ old('birthday') }}" readonly>
                                    <span class="input-group-btn">
                                        <button class="btn default" type="button"><i class="fa fa-calendar"></i></button>
                                    </span>
                                </div>
                                <span class="input-group-btn" style="top: 0px;right: 77px;position: absolute;">
                                    <button class="btn default date-reset" type="button" onclick="$(this).parent().parent().find('#birthday').val('');"><i class="fa fa-times"></i></button>
                                </span>
                                </div></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="department_id_container_row">

                <label class="col-md-4 control-label">Отдел</label>

        <div class="col-md-8">

                        <div id="department_id_container" class="input_field_container list _small">
                            {{ Form::select('department_id', $departments, old('department_id'), ['id' => 'department_id', 'class' => 'form-control input-large select2me']) }}
                        </div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="phone_container_row">

                <label class="col-md-4 control-label">Телефон</label>

        <div class="col-md-8">

                        <div id="phone_container" class="input_field_container string">
                        <input class="form-control" title="" maxlength="50"  type="text" id="phone" name="phone" value="{{ old('phone') }}"/></div>                

                            </div>

    </div>

    

    

        


    <div class="form-group" id="rating_container_row">

                <label class="col-md-4 control-label">Лимит объектов/клиентов в работе</label>

        <div class="col-md-8">

                        <div id="rating_container" class="input_field_container int _small">
                        <input class="form-control" title=""   type="text" id="rating" name="rating" value="{{ old('rating') }}"/></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="can_fix_work_container_row">

                <label class="col-md-4 control-label">Может закреплять за собой объекты/клиенты</label>

        <div class="col-md-8">

                        <div id="can_fix_work_container" class="input_field_container checkbox _small">
                        <div class="checkbox_container">
                        <label>
                        {{ Form::checkbox('can_fix_work', true, old('can_fix_work'), ['id' => 'can_fix_work']) }}
                        </label>
                        </div></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="can_access_archive_container_row">

                <label class="col-md-4 control-label">Открытый архив с обьектами</label>

        <div class="col-md-8">

                        <div id="can_access_archive_container" class="input_field_container checkbox _small">
                        <div class="checkbox_container">
                        <label>
                        {{ Form::checkbox('can_access_archive', true, old('can_access_archive'), ['id' => 'can_access_archive']) }}
                        </label>
                        </div></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="ips_container_row">

                <label class="col-md-4 control-label">Рабочие IP</label>

        <div class="col-md-8">

                        <div id="ips_container" class="input_embed_container ips"><div class="list-container list-container-">

    <div class="tabbable tabbable-custom tabbable-custom-profile">

        <div class="">

            <div class="table-cool-scrollable">
                <table class="table table-striped table-bordered table-hover dataTable sortable editable embedded"  id="ips_sortable_cont">
                    <thead>
                    <tr class="table_header">
                                                                                                    <th>
                                                            </th>
                                                    <th>
                                IP<span class="required">*</span>                            </th>
                                                    <th>
                                                            </th>
                                            </tr>
                    </thead>
        <tbody class="content">
            <tr data-element-id=""  id="ips_0_row" class="row_0 ">
                <td class="col-sortable_point">
                    <div class="sortable_point" title="Сортировать">
                        <i class="fa fa-reorder"></i>
                    </div>
                    <span class="number badge badge-info"></span>
                </td>
                <td class="col-ip">
                    <div id="ips_0_ip_container" class="input_field_container string">
                        <input class="form-control" title="" maxlength="125"  type="text" id="ips_0_ip" name="ips[0][ip]" value=""/>
                    </div>
                </td>
                <td class="col-delete">
                    <div class="delete_container" id="ips_0_delete_container">
                        <input type="hidden" id="ips_0_delete" name="ips[0][delete]" value="0"/>
                        <a class="delete_emb_row_ips" href="" name="ips" onclick="delete_emb_row(this.name, 0); return false;" title="Удалить"><i class="fa fa-times"></i></a>
                    </div>
                </td>
            </tr>
            </tbody>
            </table>
            </div>
        </div>

    </div>


</div>
    <input id="ips_num_rows" value="1" type="hidden"/>
    <input id="ips_deleted_rows" value="0" type="hidden"/>
    <input id="ips_max_rows" value="0" type="hidden"/>
    
            <a class="btn green add_row_to_ips" href="" onclick="add_row_to_ips(); return false;">Добавить <i class="fa fa-plus"></i></a>
            <script type="text/javascript">
            function add_row_to_ips(){
                var row_id = $("#ips_num_rows").val();
                var max_row_id = $("#ips_max_rows").val();
                var deleted_rows = $("#ips_deleted_rows").val();
                    
                if(max_row_id==0 || row_id-deleted_rows<max_row_id){
                
                    row_id++;
                    $("#ips_sortable_cont tbody.content").append('<tr data-element-id=""  id="ips_'+row_id+'_row" class="row_0 ">                            <td class="col-sortable_point">                                <div class="sortable_point" title="Сортировать"><i class="fa fa-reorder"></i></div><span class="number badge badge-info"></span>            </td>        <td class="col-ip">                                <div id="ips_'+row_id+'_ip_container" class="input_field_container string">                        <input class="form-control" title="" maxlength="125"  type="text" id="ips_'+row_id+'_ip" name="ips['+row_id+'][ip]" value=""/></div>            </td>        <td class="col-delete">                                                <div class="delete_container" id="ips_'+row_id+'_delete_container">                    <input type="hidden" id="ips_'+row_id+'_delete" name="ips['+row_id+'][delete]" value="0"/>                    <a class="delete_emb_row_ips" href="" name="ips" onclick="delete_emb_row(this.name, '+row_id+'); return false;" title="Удалить"><i class="fa fa-times"></i></a>                </div>            </td>    </tr>');
                    eval('');

                    $("#ips_sortable_cont tr:even").each(function() {
                        $(this).addClass("even");
                    });
                    $("#ips_sortable_cont tr:odd").each(function() {
                        $(this).removeClass("even");
                    });
                    

                    $("#ips_"+row_id+"_row")
                    .find("td")
                    .wrapInner("<div style='display: none;' />");
                    
                    $("#ips_"+row_id+"_row").css("display","");

                    $("#ips_"+row_id+"_row")
                    .find("td > div")
                    .show(0,function(){
                        var $set = $(this);
                        $set.replaceWith($set.contents());
                    });

                    $("#ips_num_rows").val(row_id);
                }
                calculateOrderNumbers("ips_sortable_cont");
            }
            $(document).ready(function(){
                calculateOrderNumbers("ips_sortable_cont");
            });
            </script></div>                

                            </div>

    </div>

    

    

        

    <div class="form-group" id="about_container_row">

                <label class="col-md-4 control-label">О себе</label>

        <div class="col-md-8">
            <div id="about_container" class="input_field_container text">
                {{ Form::textarea('about', old(''), ['id' => 'about', 'title' => '', 'rows' => '6', 'maxlength' => '3000', 'class' => 'form-control big_textarea']) }}
            </div>                
        </div>
    </div>

    

    

    </div>

</div>









<div class="clear"></div>

<div class="subtables_insert">

</div>





<div class="clear"></div>

<div class="form-actions fluid">

    <div class="col-md-offset-4 col-md-8">
    <a onclick="return form_submit('input_form');" class="form_submit btn green" href="">Сохранить</a>
    <a onclick="return form_decline('{{ url('users') }}');" class="form_decline btn default" href="">Вернуться</a>    </div>

</div><input type="hidden" name="editid" id="editid" value="0"/>
        <div id="subt"></div>        
        
                <div id="additional"></div>    
            </form>
                <script type="text/javascript">
                    $(document).ready(function(){$("#password").maxlength({});});$(document).ready(function(){$("#password_1").maxlength({});});$(document).ready(function(){$("#phone").maxlength({});});
                $("#phone").mask("+7(999)999-99-99");
                            
                // Инициализация
                $(document).ready(function(){
                    $("#ips_sortable_cont tbody.content").sortable({
                       update: function(event, ui) {
                            $("#ips_sortable_cont tr:even").each(function() {
                                $(this).addClass("even");
                            });
                            $("#ips_sortable_cont tr:odd").each(function() {
                                $(this).removeClass("even");
                            });
                            calculateOrderNumbers("ips_sortable_cont");
                        }
                    });
                });
            
            $("#ips_sortable_cont tr:even").each(function() {
                $(this).addClass("even");
            });
        $(document).ready(function(){$("#about").maxlength({});});
                </script>
                            </div>
            <!-- END PAGE CONTENT -->
                                    
@endsection