@extends("AdminSide.Layout")
@section('content')
    <div class="col-xg-12" style="background-color: white">
        <div class="box-content">
            <form class="margin-top-30" action="{{route('newAdminStore')}}" method="POST" enctype="multipart/form-data">
                @method('POST')
                @csrf

                <h1 class="col-sm-12 box-title" style="font-size: 20px!important;">
                    مشخصات کاربری
                </h1><!-- /.become-teacher__form-title -->

                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-12 form-group">
                            <label>نام و نام خانوادگی</label>
                            <input value="{{old('name')}}" type="text" name="name"
                                   placeholder="لطفا نام و  نام خانوادگی مدیر را وارد کنید.." class="form-control">
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                                <strong class="laravel_error">{{ $message}}</strong>
                                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group">
                            <label for="showing" class="control-label">سمت</label>
                            <div class="custom-select course_type" onclick="check_position(this)">
                                <select class="form-control" name="role">
                                    <option value="">نوع:</option>
                                    <option value="Deputy">معاون</option>
                                    <option value="GeneralManager">مدیر دپارتمان</option>
                                    <option value="DepartmentHead">مدیر گروه</option>
                                    <option value="Expert">کارشناس</option>
                                    <option value="Intern">کارورز</option>
                                    <option value="Accountants">حسابدار</option>
                                    <option value="SeniorAuthor">نویسنده ارشد</option>
                                    <option value="Author">نویسنده</option>
                                </select>
                            </div>
                            @error('role')
                            <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                            @enderror
                    </div>
                    <div class="row margin-top-30 relationships_input_box"
                                 @if($errors->has('department_heads_ids') || $errors->has('smart_selection_options'))
                                 style="display: block"
                                 @else
                                 style="display: none"
                                 @endif
                            >
                                <div class="col-md-6 col-xs-12">
                                        <label for="title" class="control-label">تعیین مدیر گروه مربوطه</label>
                                    <br>
                                        <select class="form-control select2_1" name="department_heads_ids[]" multiple="multiple">
                                                @foreach($departmentHeads as $departmentHead)
                                                    <option value="{{$departmentHead['id']}}">
                                                        ({{$departmentHead['username']}})
                                                        {{$departmentHead['name']}}
                                                    </option>
                                                @endforeach
                                        </select>
                                        @error('department_heads_ids')
                                        <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                                        @enderror

                                </div>
                                <div class="col-md-6 col-xs-12" onmouseup="check_options(this)">
                                        <label for="title" class="control-label">گزینش هوشمند بر اساس</label>
                                    <br>
                                        <select class="form-control select2_1 options_ids" name="options_ids[]" multiple="multiple">
                                            @foreach($options as $i)
                                              <option value="{{$i['id']}}">{{$i['option']}}</option>
                                            @endforeach
                                        </select>
                                        @error('options_ids')
                                        <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                                        @enderror

                                </div>
                        <div class="col-xs-12 margin-top-30">
                            <label for="title">
                                تعداد سهمیه
                                <i class="fa fa-arrow-circle-left"></i>
                                <span class="show_num">
                                10
                                </span>
                            </label>
                            <input id="title" type="range" min="1" max="100" value="10" style="direction: ltr!important;transform: rotateY(180deg)!important;margin-top: -20px" class="form-control quota"  name="quota" onchange="show(this)">
                            @error('quota')
                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">{{ $message}}</strong>
                                        </span>
                            @enderror
                        </div>
                        <script>
                            function show(x) {
                                $(x).parent().find('.show_num').text($(x).val())
                            }
                        </script>
                    </div>

                    <div class="row margin-top-30 relationships_input_box_two"
                         @if($errors->has('general_managers_ids'))
                         style="display: block"
                         @else
                         style="display: none"
                            @endif
                    >
                        <div class="col-md-12 col-xs-12">
                            <label for="title" class="control-label">تعیین مدیر دپارتمان مربوطه</label>
                            <br>
                            <select class="form-control select2_1" name="department_heads_ids[]" multiple="multiple">
                                @foreach($generalManagers as $generalManager)
                                    <option value="{{$generalManager['id']}}">
                                        ({{$generalManager['username']}})
                                        {{$generalManager['name']}}
                                    </option>
                                @endforeach
                            </select>
                            @error('general_managers_ids')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>


                    <div class="form-group margin-top-30">
                        <label>آدرس ایمیل</label>
                        <input value="{{old('email')}}" name="email" type="email"
                               placeholder="لطفا آدرس ایمیل مدیر را وارد کنید.." class="form-control">
                        @error('email')
                        <span class="invalid-feedback" role="alert">
                                                <strong class="laravel_error">{{ $message}}</strong>
                                        </span>
                        @enderror
                    </div>
                    <div class="form-group margin-top-30">
                        <label>نام کاربری</label>
                        <input value="{{old('username')}}" name="username" type="username"
                               placeholder="لطفا یک نام کاربری برای مدیر انتخاب کنید.." class="form-control">
                        @error('username')
                        <span class="invalid-feedback" role="alert">
                                                <strong class="laravel_error">{{ $message}}</strong>
                                        </span>
                        @enderror
                    </div>

                    <div class="form-group margin-top-30">
                        <h4 class="box-title">تصویر پروفایل</h4>
                        <input type="file" style="" id="_file" name="_file" class="dropify"/>
                        <div class="help-block with-errors"></div>
                        @error('_file')
                        <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="row">
                        <div class="col-sm-6 margin-top-10">
                            <label for="password_confirm" class="box-title">{{ __('تکرار رمز عبور') }}</label>
                            <input type="password" class="form-control" id="password_confirm" name="password_confirm"
                                   placeholder="لطفا تکرار رمز عبور مدیر را وارد کنید..">
                            @error('password_confirm')
                            <span class="invalid-feedback" role="alert">
                                                    <strong style="color: red">{{ $message}}</strong>
                                                </span>
                            @enderror
                        </div>
                        <div class="col-sm-6 margin-top-10">
                            <label for="new_password" class="box-title">{{ __('رمز عبور') }}</label>
                            <input type="password" class="form-control" id="password" name="password"
                                   placeholder="لطفا رمز عبور مدیر را وارد کنید..">
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                                     <strong style="color: red">{{ $message}}</strong>
                                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="footer-widget__btn-block">
                        <button type="submit" class="btn"
                                style="margin-bottom: 20px;background-color:#28988f;margin-top: 20px;color: white">ذخیره
                        </button>
                    </div><!-- /.footer-widget__btn-block -->
                </div>
            </form>
        </div>

    </div>
@endsection