@extends('AdminPanel.layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <!-- profile -->
            <div class="card">
                <div class="card-body py-2 my-25">
                    <form method="POST" action="{{ route('admin.adminUsers.store') }}" class="validate-form" enctype="multipart/form-data">
                        @csrf
                        <input autocomplete="false" name="hidden" type="text" style="display:none;">

                        <div class="divider">
                            <div class="divider-text">{{__('common.MainProfileData')}}</div>
                        </div>
                        <div class="row pt-3">
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="name">{{__('common.name')}}</label>
                                <input type="text" name="name" id="name" class="form-control" required>
                                @if($errors->has('name'))
                                    <span class="text-danger" role="alert">
                                        <b>{{ $errors->first('name') }}</b>
                                    </span>
                                @endif
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="title">{{__('common.job')}}</label>
                                <select name="title" id="title" class="form-select" required>
                                    <option value="" disabled selected>{{ __('common.choose') ?? '---' }}</option>
                                    @foreach(jobTitles() as $val => $label)
                                        <option value="{{ $val }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="leader">{{__('common.TeamWork')}}</label>
                                <select name="leader" id="leader" class="form-select">
                                    @php($leaders = ['' => 'بدون فريق عمل'] + leadersList())
                                    @foreach($leaders as $val => $label)
                                        <option value="{{ $val }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="another_phone">{{__('common.phone')}}</label>
                                <input type="text" name="another_phone" id="another_phone" class="form-control">
                                @if($errors->has('another_phone'))
                                    <span class="text-danger" role="alert">
                                        <b>{{ $errors->first('another_phone') }}</b>
                                    </span>
                                @endif
                            </div>
                            <div class="col-12 col-sm-12 mb-1">
                                <label class="form-label" for="address">{{__('common.address')}}</label>
                                <input type="text" name="address" id="address" class="form-control" required>
                            </div>
                        </div>

                        <div class="divider">
                            <div class="divider-text">{{__('common.loginData')}}</div>
                        </div>

                        <div class="row pt-3">
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="username">{{__('common.username')}}</label>
                                <input type="text" name="username" id="username" class="form-control">
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="email">{{__('common.email')}}</label>
                                <input type="email" name="email" id="email" class="form-control">
                                @if($errors->has('email'))
                                    <span class="text-danger" role="alert">
                                        <b>{{ $errors->first('email') }}</b>
                                    </span>
                                @endif
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="phone">{{__('common.personalPhone')}}</label>
                                <input type="text" name="phone" id="phone" class="form-control">
                                @if($errors->has('phone'))
                                    <span class="text-danger" role="alert">
                                        <b>{{ $errors->first('phone') }}</b>
                                    </span>
                                @endif
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="phone">{{__('common.password')}}</label>
                                <input type="password" name="password" id="phone" class="form-control" autocomplete="new-password" required>
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="role">{{__('common.role')}}</label>
                                <select name="role" id="role" class="form-select selectpicker" data-live-search="true">
                                    <option value="" disabled selected>{{ __('common.choose') ?? '---' }}</option>
                                    @foreach(getRolesList(session()->get('Lang'),'id','admin') as $val => $label)
                                        <option value="{{ $val }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="divider">
                            <div class="divider-text">{{__('common.employmentDetails')}}</div>
                        </div>

                        <div class="row pt-3">
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="sallary">{{__('common.sallary')}}</label>
                                <input type="number" name="sallary" id="sallary" class="form-control" value="0" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="commission">{{__('common.commission')}}</label>
                                <input type="number" name="commission" id="commission" class="form-control" value="0" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="PhoneCallTarget">{{__('common.PhoneCallTarget')}}</label>
                                <input type="number" name="PhoneCallTarget" id="PhoneCallTarget" class="form-control" value="0" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="InVisitTarget">{{__('common.InVisitTarget')}}</label>
                                <input type="number" name="InVisitTarget" id="InVisitTarget" class="form-control" value="0" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="OutVisitTarget">{{__('common.OutVisitTarget')}}</label>
                                <input type="number" name="OutVisitTarget" id="OutVisitTarget" class="form-control" value="0" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="UnitVisitTarget">{{__('common.UnitVisitTarget')}}</label>
                                <input type="number" name="UnitVisitTarget" id="UnitVisitTarget" class="form-control" value="0" required>
                            </div>


                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="company_id">{{__('common.company')}}</label>
                                <select name="company_id" id="company_id" class="form-select" required
                                onchange="SelectBranch()"
                                >
                                    <option value="" disabled selected>{{ __('common.choose') ?? '---' }}</option>
                                    @foreach($ProjectCompanies as $val => $label)
                                        <option value="{{ $val }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="branch_id">{{__('common.branch')}}</label>
                                <select name="branch_id" id="branch_id" class="form-select" required>
                                    <option value="" disabled selected>{{ __('common.choose') ?? '---' }}</option>
                                </select>
                            </div>
                            <script>
                                var branchesList = @json(
                                    App\Models\Branches::orderBy('name','asc')->get()->toArray()
                                ) ;
                                function SelectBranch(){
                                var company_id = $("#company_id").val()
                                $('#branch_id').empty();
                                var newItems = branchesList.filter(function(val) {
                                    return val.company_id == company_id;
                                });
                                $('#branch_id').append(new Option("{{ __('common.choose') ?? '---' }}", "", true, true));
                                newItems.forEach(function(elem) {
                                    $('#branch_id').append(new Option(elem.name, elem.id, false, false));
                                });
                                }
                            </script>




                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="employment_date">{{__('common.employmentDate')}}</label>
                                <input type="date" name="employment_date" id="employment_date" class="form-control" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="zk_id">{{__('common.zk_id')}}</label>
                                <input type="number" name="zk_id" id="zk_id" class="form-control" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="WorkFrom">{{__('common.WorkFrom')}}</label>
                                <input type="time" name="WorkFrom" id="WorkFrom" class="form-control" value="09:00" required>
                            </div>
                            <div class="col-12 col-sm-2 mb-1">
                                <label class="form-label" for="WorkTo">{{__('common.WorkTo')}}</label>
                                <input type="time" name="WorkTo" id="WorkTo" class="form-control" value="17:00" required>
                            </div>
                            <div class="col-12 col-md-2">
                                <label class="form-label" for="countLateAttendance">{{__('common.countLateAttendance')}}</label>
                                <div class="form-check form-check-success form-switch">
                                    <input type="checkbox" name="countLateAttendance" id="countLateAttendance" class="form-check-input" value="1" checked>
                                    <label class="form-check-label" for="countLateAttendance"></label>
                                </div>
                            </div>
                            <div class="col-12 col-md-2">
                                <label class="form-label" for="countOverTime">{{__('common.countOverTime')}}</label>
                                <div class="form-check form-check-success form-switch">
                                    <input type="checkbox" name="countOverTime" id="countOverTime" class="form-check-input" value="1" checked>
                                    <label class="form-check-label" for="countOverTime"></label>
                                </div>
                            </div>
                        </div>

                        <div class="divider">
                            <div class="divider-text">{{__('common.files')}}</div>
                        </div>

                        <div class="row d-flex justify-content-center">
                            <div class="col-md-3 text-center">
                                <label class="form-label" for="profile_photo">{{__('common.profilePhoto')}}</label>
                                <div class="file-loading">
                                    <input class="files" name="profile_photo" type="file">
                                </div>
                            </div>
                            <div class="col-md-3 text-center">
                                <label class="form-label" for="identity">{{__('common.identity')}}</label>
                                <div class="file-loading">
                                    <input class="files" name="identity" type="file" multiple>
                                </div>
                            </div>
                            <div class="col-md-12 text-center">
                                <label class="form-label" for="files">{{__('common.files')}}</label>
                                <div class="file-loading">
                                    <input class="files" name="attachments[]" type="file" multiple>
                                </div>
                            </div>

                        </div>

                        <!-- form -->
                        <div class="row pt-3">

                            <div class="col-12">
                                <button type="submit" class="btn btn-primary mt-1 me-1">{{__('common.Save changes')}}</button>
                            </div>
                        </div>
                        <!--/ form -->
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop