@if(isset($user))
    <input type="hidden" name="user_id" value="{{$user->id}}">
@endif
<div class="row">
    <div class="col-md-3">
        <div class="form-group required {{ $errors->has('name') ? 'has-error' : '' }}">
            <label for="projectinput1">Tên nguoi dùng <span class="text-danger">*</span></label>
            <input type="text" class="form-control" placeholder="Tên người dùng" name="full_name"
                   value="{{ $user->full_name ?? old('full_name')}}">
            <span class="help-block">{{ $errors->first('full_name', ':message') }}</span>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group required {{ $errors->has('email') ? 'has-error' : '' }}">
            <label for="email">Email <span class="text-danger">*</span></label>
            <input type="email" class="form-control" placeholder="Email" name="email"
                   value="{{ $user->email ?? old('email') }}">
            <span class="help-block">{{ $errors->first('email', ':message') }}</span>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group required {{ $errors->has('password') ? 'has-error' : '' }}">
            <label for="password">Mật khẩu
                @if(empty($user))
                    <span class="text-danger">*</span>
                @endif
            </label>
            <input type="password" class="form-control" placeholder="Mật khẩu"
                   name="password" value="" autocomplete="off">
            <span class="help-block">{{ $errors->first('password', ':message') }}</span>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group required {{ $errors->has('password') ? 'has-error' : '' }}">
            <label for="password">Xác nhận lại mật khẩu
                @if(empty($user))
                    <span class="text-danger">*</span>
                @endif
            </label>
            <input type="password" class="form-control"
                   placeholder="Nhập lại mật khẩu" name="password_confirmation" value="" autocomplete="off">
            <span class="help-block">{{ $errors->first('password', ':message') }}</span>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-3">
        <div class="form-group required {{ $errors->has('phone') ? 'has-error' : '' }}">
            <label for="projectinput4">Số điện thoại <span class="text-danger">*</span></label>
            <input type="text" class="form-control" placeholder="Số điện thoại" name="phone"
                   value="{{ $user->phone ?? old('phone') }}">
            <span class="help-block">{{ $errors->first('phone', ':message') }}</span>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label for="status">Trạng thái</label>
            <select id="status" name="status" class="form-control">
                <option value="{{ \App\Constants\UserSetting::ENABLE }}" {{ isset($user) && $user->status == \App\Constants\UserSetting::ENABLE ? 'selected' : '' }}>
                    Hoạt động
                </option>
                <option value="{{ \App\Constants\UserSetting::DISABLE }}" {{ isset($user) && $user->status == \App\Constants\UserSetting::DISABLE ? 'selected' : '' }}>
                    Khoá
                </option>
            </select>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label for="status">Ngày sinh</label>
            <div class="input-group date" id="datetime">
                <input type="text" class="form-control" placeholder="Chọn ngày sinh" name="birthDay"
                       autocomplete="off"
                       value="{{isset($user->birthday) ? Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$user->birthday)->format('d/m/Y') : old('birthday') }}">
                <div class="input-group-append">
                    <span class="input-group-text">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label for="status">Giới tính</label>
            <select id="status" name="gender" class="form-control">
                <option value="{{ \App\Constants\UserSetting::MALE }}" {{ isset($user) && $user->gender == \App\constants\UserSetting::MALE ? 'selected' : ''}}>
                    Nam
                </option>
                <option value="{{ \App\Constants\UserSetting::FEMALE }}" {{ isset($user) && $user->gender == \App\constants\UserSetting::FEMALE ? 'selected' : ''}}>
                    Nữ
                </option>
            </select>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label for="projectinput1">Chọn phòng ban<span
                        class="text-danger">*</span></label>
            {!! Form::select('department_id', $departments,@$user->departments_id, array('class' => 'form-control departmentChange','required'=>'true')) !!}

        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label for="">Quyền hạn<span class="text-danger">*</span></label>
            @if(isset($user))
                {!! Form::select('role_id', $steps,@$user->role_id, array('class' => 'form-control roleId','required'=>'true')) !!}
            @else
                <select name="role_id" class="form-control roleId">

                </select>
            @endif

        </div>
    </div>
    {{--    <div class="col-md-3">--}}
    {{--        <div class="form-group">--}}
    {{--            <label for="code_tvv">Mã nhân viên (tự động tạo)</label>--}}
    {{--            <input disabled="true" type="text" class="form-control" placeholder="Mã nhân viên"--}}
    {{--                   value="{{@$user->code_tvv}}">--}}
    {{--        </div>--}}
    {{--    </div>--}}
</div>

<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="role">Ảnh đại diện</label>
                    <div class="col d-flex justify-content-center" style="margin-top: 10px;">
                        <div class="fileupload fileupload-new" data-provides="fileupload">
                            <div class="fileupload-new thumbnail"
                                 style="border-radius: 5px;width: 200px; height: 150px;">
                                <img class="viewImage"
                                     src="{{@$user->avatar? asset($user->avatar): asset('backend/images/account.png')}}"
                                     alt="Ảnh đại diện"/>
                            </div>
                            <div class="fileupload-preview fileupload-exists thumbnail"
                                 style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                            <div class="d-flex justify-content-center" style="margin-top: 10px;">
                                <button type="button" class="btn btn-secondary btn-file">
                                    <span class="fileupload-new"><i class="fa fa-picture-o"></i> Chọn ảnh</span>
                                    <span class="fileupload-exists"><i class="fa fa-undo"></i> Thay đổi</span>
                                    <input type="file" id='image' name='avatar' class="btn-secondary"/>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="form-actions">
    <button type="submit" class="btn btn-outline-primary mr-1">
        <i class="ft-check"></i> Lưu Lại
    </button>
    @if (Auth::user()->role == \App\Constants\UserSetting::ADMIN_ROLE)
        <button type="button" class="btn btn-outline-warning" onclick="location.href='{{route('admin.users.index')}}';">
            <i class="ft-x"></i> Trở lại
        </button>
    @endif
</div>
@section('scripts')
    <script>
        // instance, using default configuration.
        $(function () {
            $("#datetime").datetimepicker({
                format: 'DD/MM/YYYY',
                locale: 'vi'
            });
        });

        $('.departmentChange').on('change',function(){
                const id = $(this).find(":selected").val();
                let html = '';
                var row = $('body').find('.roleId');
                row.empty();
                $.ajax({
                    url: `/admin/users/create`,
                    data: {id: id},
                    }).done(function(data) {
                        let abc = data.data;
                        if(abc.length){
                            abc.forEach(element => {
                                if(element.role && element.role.name && element.role.id) {
                                    html+=`
                                <option value="`+element.role.id+`">`+element.role.name+`</option>`;
                                }
                            });
                            row.html(html);
                        }else {
                            row.empty();
                        }
                });
            })
    </script>
@endsection