@extends('layouts.app')

@section('head')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet"/>
@endsection

@section('breadcrumb')
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-primary">@lang('Edit User')</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('users.index') }}">@lang('Users')</a></li>
                <li class="breadcrumb-item active">@lang('Edit')</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <p>{{ $message }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if (count($errors) > 0)
        <div class="alert alert-danger alert-dismissible fade show">
            <strong>@lang('Whoops!')</strong> @lang('There were some problems with your input.')<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            {!! Form::model($user, ['method' => 'PATCH','route' => ['users.update', $user->id]]) !!}
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Full Name'):</strong>
                        {!! Form::text('name', null, array('placeholder' => __('Full Name'),'class' => 'form-control')) !!}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Email'):</strong>
                        @if($user->is_ldap_user)
                            <div>{{ $user->email }}</div>
                        @else
                            {!! Form::text('email', null, array('placeholder' => __('Email'),'class' => 'form-control')) !!}
                        @endif
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Work phone'):</strong>
                        {!! Form::text('phone', null, array('placeholder' => __('Work phone'),'class' => 'form-control')) !!}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Mobile phone'):</strong>
                        {!! Form::text('mobile', null, array('placeholder' => __('Mobile phone'),'class' => 'form-control')) !!}
                    </div>
                </div>


                @if(!$user->is_ldap_user)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>@lang('Password'):</strong>
                            {!! Form::password('password', array('placeholder' => __('Password'), 'class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>@lang('Confirm Password'):</strong>
                            {!! Form::password('confirm-password', array('placeholder' => __('Confirm Password'),'class' => 'form-control')) !!}
                        </div>
                    </div>
                @endif

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Roles'):</strong>
                        {!! Form::select('roles[]', $roles, $userRole, array('id'=>'roles-select', 'class' => 'form-control','multiple')) !!}
                    </div>
                </div>
                <div id="group-div" class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>@lang('Groups'):</strong><br>
                        {!! Form::select('groups[]', $groups, $userGroups, ['id'=>'groups-select', 'class' => 'form-control', 'multiple']) !!}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="control-label font-weight-bold">
                            Клиент:
                        </label>
                        <select name="clients[]" class="form-control" multiple>
                            @foreach($userClient as $id => $name)
                                <option value="{{ $id }}" selected>{{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                    <button type="submit" class="btn btn-primary">@lang('Submit')</button>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>

    @if($user->is_ldap_user)
        <div class="card">
            <div class="card-body">
                <h2>Данные по сотруднику из LDAP (Active Directory)</h2>
                <div class="row">
                    @if(!empty($user->ldap_position))
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Должность:</strong>
                                {{ $user->ldap_position }}
                            </div>
                        </div>
                    @endif
                    @if(!empty($user->ldap_filial))
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Филиал:</strong>
                                {{ $user->ldap_filial }}
                            </div>
                        </div>
                    @endif
                    @if(!empty($user->ldap_department))
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Департамен:</strong>
                                {{ $user->ldap_department }}
                            </div>
                        </div>
                    @endif
                    @if(!empty($user->ldap_company))
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Компания:</strong>
                                {{ $user->ldap_company }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endif
@endsection

@push('scripts')
    <script src="{{ asset('vendor/select2/js/select2.full.js') }}"></script>
    <script src="{{ asset('vendor/select2/js/i18n/ru.js') }}"></script>
    <script type="text/javascript">
        $(function () {
            // Init select2
            $('select').select2({
                allowClear: true
            });

            // Fix for Select2: https://stackoverflow.com/questions/41961945/select2-dropdown-does-not-render-correct-if-hidden#comment71104600_41961945
            if ($.inArray("3", $('#roles-select').val()) == -1) {// 3 - agent
                $('#group-div').hide();
            }

            /* Toggle new user form */
            $('#roles-select').on('change', function () {
                if ($.inArray("3", $(this).val()) !== -1) {// 3 - agent
                    $('#group-div').show(100);
                } else {
                    $('#group-div').hide(100);
                    $('#groups-select').val([]).change();
                }
            });


            $('select[name="clients[]"]').select2({
                allowClear: false,
                ajax: {
                    cache: true,
                    url: '{{ route('onyma_clients.search_by_name') }}',
                    delay: 400,
                    dataType: 'json',
                    data: function (params) {
                        return {name: params.term};
                    },
                    processResults: function (data) {
                        return {
                            results: data.clients
                        };
                    }
                },
                placeholder: 'Поиск клиента',
                escapeMarkup: function (markup) {
                    return markup;
                }, // let our custom formatter work
                minimumInputLength: 3,
                dropdownAutoWidth: true,
                language: "ru",
                templateResult: formatState,
                templateSelection: formatRepoSelection,
                createTag: function (params) {
                    let term = $.trim(params.term);
                    if (term === '') {
                        return null;
                    }
                    return {
                        id: 'create_' + term,
                        text: term,
                        newTag: true // add additional parameters
                    }
                }
            });

            function formatState (result) {
                if (result.text) {
                    return result.text;
                }
                let html =
                    "<div class='select2-option-client__cont'>"+
                    "<div class='select2-option-client__name'>" + result.name + "</div>"+
                    "<div class='select2-option-client__attr'><span>Тип клиента:</span> " + result.client_type + "</div>";
                if (result.bin !== null || result.iin !== null) {
                    html+=
                        "<div class='select2-option-client__attr'><span>"+
                        (result.bin !== null ? 'БИН' : 'ИИН')+
                        ":</span> " +
                        (result.bin !== null ? result.bin : result.iin) +
                        "</div>";
                }
                if (result.contracts.length > 0) {
                    html +=
                        "<div class='select2-option-client__attr'>"+
                        "<table class='table table-bordered table-striped'>"+
                        "<thead>"+
                        "<tr>"+
                        "<th scope='col'>Лицевой счёт</th>"+
                        "<th scope='col'>Номер договора</th>"+
                        "<th scope='col'>Филиал/Группа</th>"+
                        "<th scope='col'>Адрес</th>"+
                        "<th scope='col'>Контактная информация</th>"+
                        "</tr>"+
                        "</thead>"+
                        "<tbody>";
                    let contract;
                    for (let i = 0; i < result.contracts.length; i++) {
                        contract = result.contracts[i];
                        html+=
                            "<tr>"+
                            "<td>" + contract.dognum + "</td>"+
                            "<td>" + contract.dogcode + "</td>"+
                            "<td>" + contract.filial + "</td>"+
                            "<td>" + contract.address + "</td>"+
                            "<td>" + contract.contacts + "</td>"+
                            "</tr>";
                    }
                    html+=
                        "</tbody>"+
                        "</table>"+
                        "</div>";
                }
                html +=
                    "</div>";
                return html;
            }

            function formatRepoSelection(result) {
                if (result.text) {
                    return result.text;
                }
                return result.name;
            }
        });
    </script>
@endpush