@if($customFields)
    <h5 class="col-12 pb-4">{!! trans('lang.main_fields') !!}</h5>
@endif
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
    <!-- Name Field -->
    <div class="form-group row ">
        {!! Form::label('name', trans("lang.user_name"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('name', null,  ['class' => 'form-control']) !!}
            <div class="form-text text-muted">
                {{ trans("lang.user_name_help") }}
            </div>
        </div>
    </div>

    <!-- Email Field -->
    <div class="form-group row ">
        {!! Form::label('email', trans("lang.user_email"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('email', null,  ['class' => 'form-control']) !!}
            <div class="form-text text-muted">
                {{ trans("lang.user_email_help") }}
            </div>
        </div>

    </div>

    <!-- Password Field -->
    <div class="form-group row ">
        {!! Form::label('password', trans("lang.user_password"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::password('password', ['class' => 'form-control']) !!}
            <div class="form-text text-muted">
                {{ trans("lang.user_password_help") }}
            </div>
        </div>
    </div>
    <div class="form-group row ">
        {!! Form::label('agreement', trans("lang.accept_agreement"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">

            @php echo isset($user->accept_agreement)?"<span class='badge badge-success'>Yes</span>":"<span class='badge badge-danger'>No</span>";  @endphp
        </div>
    </div>
    <div class="form-group row ">
        {!! Form::label('agreement_date', trans("lang.agreement_date"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
           @php echo isset($user->accept_agreement)?getDateColumn($user,'agreement_time_stamp'):'-'; @endphp

        </div>
    </div>
</div>
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
    <!-- $FIELD_NAME_TITLE$ Field -->
    <div class="form-group row">
        {!! Form::label('avatar', trans("lang.user_avatar"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            <div style="width: 100%" class="dropzone avatar" id="avatar" data-field="avatar">
                <input type="hidden" name="avatar">
            </div>
            <a href="#loadMediaModal" data-dropzone="avatar" data-toggle="modal" data-target="#mediaModal"
               class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
            <div class="form-text text-muted w-50">
                {{ trans("lang.user_avatar_help") }}
            </div>
        </div>
    </div>
    @prepend('scripts')
        <script type="text/javascript">
            var user_avatar = '';
            @if(isset($user) && $user->hasMedia('avatar'))
                user_avatar = {
                name: "{!! $user->getFirstMedia('avatar')->name !!}",
                size: "{!! $user->getFirstMedia('avatar')->size !!}",
                type: "{!! $user->getFirstMedia('avatar')->mime_type !!}",
                collection_name: "{!! $user->getFirstMedia('avatar')->collection_name !!}"
            };
            @endif
            var dz_user_avatar = $(".dropzone.avatar").dropzone({
                url: "{!!url('uploads/store')!!}",
                addRemoveLinks: true,
                maxFiles: 1,
                init: function () {
                    @if(isset($user) && $user->hasMedia('avatar'))
                    dzInit(this, user_avatar, '{!! url($user->getFirstMediaUrl('avatar','thumb')) !!}')
                    @endif
                },
                accept: function (file, done) {
                    dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                },
                sending: function (file, xhr, formData) {
                    dzSending(this, file, formData, '{!! csrf_token() !!}');
                },
                maxfilesexceeded: function (file) {
                    dz_user_avatar[0].mockFile = '';
                    dzMaxfile(this, file);
                },
                complete: function (file) {
                    dzComplete(this, file, user_avatar, dz_user_avatar[0].mockFile);
                    dz_user_avatar[0].mockFile = file;
                },
                removedfile: function (file) {
                    dzRemoveFile(
                        file, user_avatar, '{!! url("users/remove-media") !!}',
                        'avatar', '{!! isset($user) ? $user->id : 0 !!}', '{!! url("uplaods/clear") !!}', '{!! csrf_token() !!}'
                    );
                }
            });
            dz_user_avatar[0].mockFile = user_avatar;
            dropzoneFields['avatar'] = dz_user_avatar;
        </script>
    @endprepend
    @can('permissions.index')
    <!-- Roles Field -->
        <div class="form-group row ">
            {!! Form::label('roles[]', trans("lang.user_role_id"),['class' => 'col-3 control-label text-right']) !!}
            <div class="col-9">
                {!! Form::select('roles[]', $role, $rolesSelected, ['class' => 'select2 form-control' , 'multiple'=>'multiple']) !!}
                <div class="form-text text-muted">{{ trans("lang.user_role_id_help") }}</div>
            </div>
        </div>
    @endcan

</div>

@if($customFields)
    {{--TODO generate custom field--}}
    <div class="clearfix"></div>
    <div class="col-12 custom-field-container">
        <h5 style="display:none" class="col-12 pb-4">{!! trans('lang.custom_field_plural') !!}</h5>
        {!! $customFields !!}
    </div>
@endif
<!-- Submit Field -->
@if(Route::currentRouteName()=='users.edit')
<div class="col-12 custom-field-container">
    <h5 style="display:none" class="col-12 pb-4">Custom Fields</h5>
    <div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
        <!-- $FIELD_NAME_TITLE$ Field -->
        <div class="form-group row ">

            {!! Form::label('wallet_amount', trans("lang.Credits"),['class' => 'col-3 control-label text-right']) !!}
            <div class="col-9">
                {!! Form::text('wallet_amount', null, ['class' => 'form-control','style'=>'border:none;background: none;width: 50%;margin-top: 0;padding-top: 0;','readonly' , 'multiple'=>'multiple']) !!}
                @if(Route::currentRouteName() == 'users.edit')
                    {!! Form::text('credit_amount',null,['id'=>'credit_amount','style'=>'width: 50%;float: left;margin-right: 10px;','class' => 'form-control']) !!} <button onclick="add_credit({{$user->id}})" type="button" class="btn btn-{{setting('theme_color')}}">Add {{trans("lang.credit")}}</button>
                @endif
                <div class="form-text text-muted">

                </div>
            </div>
        </div>
    </div>
    <div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
    </div>
</div>
@endif

<style>
    label:not(.form-check-label):not(.custom-file-label){
         font-size: 13px;
    }
</style>
<div class="form-group col-12 text-right">
    <button type="submit" class="btn btn-{{setting('theme_color')}}"><i
                class="fa fa-save"></i> {{trans('lang.save')}} {{trans('lang.user')}}</button>
    <a href="{!! route('users.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{trans('lang.cancel')}}
    </a>
</div>