@if ($user->exists)
    {!! Form::open([
        'id' => 'userForm',
        'method' => 'PATCH',
        'route' => ['users.update', $user->id],
    ]) !!}
@else
    {!! Form::open([
        'id' => 'userForm',
        'method' => 'POST',
        'route' => 'users.store',
    ]) !!}
@endif
    <fieldset>
        <div class="form-group">
            <label class="control-label">E-Mail Address</label>
            {!! Form::email('email', $user->email, [
                'placeholder' => 'E-Mail Address',
            ]) !!}
        </div>
        <div class="form-group">
            <label class="control-label">Password</label>
            {!! Form::password('password', [
                'placeholder' => 'Password',
            ]) !!}
        </div>
        <div class="form-group">
            <label class="control-label">Password Confirmation</label>
            {!! Form::password('password_confirmation', [
                'placeholder' => 'Password Confirmation',
            ]) !!}
        </div>
        <div class="form-group">
            <label class="control-label">Account Type</label>
            {!! Form::select('account_type', $user::$accountClasses, $user->account_type, [
                'id' => 'account_type',
                'class' => 'select2',
                'placeholder' => 'Account Type',
                'data-placeholder' => 'Account Type',
            ]) !!}
        </div>
        <div id="account-select-container" style="display: none;">
            <label class="control-label">Account</label>
            {!! Form::select('account_id', [], null, [
                'id' => 'account_id',
                'placeholder' => 'Account',
                'data-placeholder' => 'Account',
            ]) !!}
        </div>
    </fieldset>
    <div class="form-actions">
        <button class="btn btn-primary btn-block" type="submit">
            {{ $user->exists ? 'Edit' : 'Create' }}
        </button>
    </div>
{!! Form::close() !!}

@section('scripts')
    @parent

    <script type="text/javascript">
        $(function() {
            var account_type = getParameterByName('account_type');

            if (account_type) {
                account_type = account_type;
            } else {
                account_type = "{{ str_replace('\\', '\\\\', $user->account_type) }}";
            }

            if (account_type) {
                $('#account_type').val(account_type).change();
            }
        });

        $('#account_type').on('change', function() {

            var account_id = getParameterByName('account_id');

            if (account_id) {
                account_id = account_id;
            } else {
                account_id = {{ $user->account_id ?? 'null' }};
            }

            var value = $(this).val();
            var text = $(this).children("option:selected").text();

            if (value) {
                $.smallBox({
                    title : 'Info',
                    content : 'Accounts for the selected accounts type `' + text + '` are being prepared.',
                    color : 'rgb(50, 118, 177)', // info
                    iconSmall : "fa fa-fw fa-bell bounce animated",
                    timeout : 4000,
                });
                
                $('#account-select-container').fadeOut();

                $.ajax({
                    url: '/users/get-accounts',
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        account_id: account_id,
                        account_type: value,
                    },
                    success: function(response) {

                        if ($('#account_id').hasClass("select2-hidden-accessible")) {
                            $('#account_id').select2('destroy').empty();
                        }

                        $('#account_id').select2({
                            "data": response.data.data, 
                            "width": "100%", 
                        });

                        $('#account_id').val(response.data.selected).change();

                        $('#account-select-container').fadeIn();
                    },
                    complete: function(jqXHR) {
                        actOnResponse(jqXHR);
                    }
                });
            }
        });
    </script>
@stop