@extends('admin._layouts.master')

@section('content')

    {!! Form::model($user, ['url' => $action, 'method' => $method]) !!}
    <div class="row">
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('.basic_info')</h3>
                </div>
                <div class="box-body">
                    {!! FormGroup::text('username', transUc('models.user.email'), null, ['class' => 'form-control', 'placeholder' => 'Email']) !!}
                    {!! FormGroup::text('fullname', transUc('models.user.fullname')) !!}
                    <div class="row">
                        <div class="col-sm-6">
                            {!! FormGroup::password('password', transUc('models.user.password'), ['autocomplete' => 'new-password']) !!}
                            {!! FormGroup::password('password_confirmation', transUc('models.user.password_confirmation'), ['autocomplete' => 'new-password']) !!}
                        </div>
                        <div class="col-sm-6">
                            {!! FormGroup::password('pin', transUc('models.user.pin')) !!}
                            {!! FormGroup::password('pin_confirmation', transUc('models.user.pin_confirmation')) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('.permissions')</h3>
                </div>
                <div class="box-body">
                    {{-- use array directly from translation files for account_type select input. Keys in the translation files are identical to the database. --}}
                    {!! FormGroup::select('account_type', transUc('.account_type'), $userTypes) !!}

                    <div class="alert alert-info account_type_options account_type_common_terminal">
                        <i class="fa fa-info-circle fa-3x pull-left"></i>
                        <div class="">@trans('Common terminal user type is only used to connect a common terminal device to the system. A user of this type cannot take any other action.')</div>
                    </div>

                    <div class="account_type_options account_type_generic">
                        <div class="list-group-item">
                            <div class="checkbox">
                                @foreach(App\Models\User::$privilegeList as $privilege)
                                    <div class="bootstrap-toggle-box">
                                        <input type="checkbox" name="_privileges[]" value="{{ $privilege }}" {{ ($user->id && $user->hasPrivilege($privilege) ? 'checked' : '') }}
                                        data-toggle="toggle" data-on="@transUcFirst('ui.toggle.authorized')" data-off="@transUcFirst('ui.toggle.not_authorized')" data-size="mini" data-onstyle="warning" data-offstyle="default">
                                        <span>@transUc("generic.privileges.$privilege")</span>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <br>
                        {!! FormGroup::select('tracking_section_id', transUc('models.generic.tracking_section'), $trackingSections, $user->tracking_section_id) !!}
                    </div>

                    <div class="account_type_options account_type_generic">
                        <div class="form-group">
                            <label class="control-label" for="category_ids[]"
                                   data-toggle="tooltip"
                                   title="@trans("Restrict user's access to selected categories only. Leave this blank to give access to all categories.")">
                                @transUc('models.category.model_name') <i class="fa fa-info-circle"></i>
                            </label>
                            {!! Form::select('category_ids[]', $categories, $userCategoryIds, ["id" => "category-select", "multiple" => "multiple"]) !!}
                        </div>
                    </div>


                    {{------------------------------------------------------------------------------------------------------------- bool Settings --}}
                    @include('admin.settings._partials.bool-settings', ['model' => 'user', 'instance' => $user])

                    <hr>

                    {{--------------------------------------------------------------------------------- manually render non-boolean user settings --}}
                    {{-- target tracking section --}}
                    <div class="form-group">
                        <label for="_settings[target_tracking_section]" class="control-label">@transUc('generic.user_settings.target_tracking_section')</label>

                        {!! html()->select('_settings[target_tracking_section]', $targetTrackingSections, userSetting('target_tracking_section'))->class('form-control') !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-body">
                    @include('admin._partials.form-submit')
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

@endsection

@push('scripts')
    <script>
        $(function () {
            $('#category-select').select2({
                closeOnSelect: false
            })

            var $accountTypeInput   = $('#account_type')
            var $accountTypeOptions = $('.account_type_options')

            $accountTypeInput.change(updateAccountType)

            function updateAccountType() {
                var val = $accountTypeInput.val()
                console.log(val)
                $accountTypeOptions.hide()
                $accountTypeOptions.filter('.account_type_' + val).show()
            }

            updateAccountType()
        })


    </script>
@endpush