@extends('layout.app')
@section('title')
    {{ __('Add User') }}
@stop

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">

                <!-- users edit account form start -->
                <form method="POST" action="{{ route('managers.store') }}">
                    @csrf
                    <div class="card">
                        <div class="card-header mb-2">
                            <h4 class="card-title">{{ __('Add User') }}</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                {{-- user name --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('Name') }}</label>
                                        <input type="text" class="form-control" id="name" name="name"
                                            value="{{ old('name') }}" required autofocus>
                                    </div>
                                </div>
                                {{-- end user name --}}

                                {{-- user email --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="email" class="form-label">{{ __('Email') }}</label>
                                        <input id="email" class="form-control" type="email" name="email"
                                            value="{{ old('email') }}" required>
                                    </div>
                                </div>
                                {{-- end user email --}}

                                {{-- username for user --}}
                                <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                    <div class="form-group">
                                        <label for="user_name" class="form-label">صلاحية المستخدم</label>
                                        {{-- <input id="user_name" class="form-control" type="text" name="user_name"  value="{{ old('user_name') }}" required> --}}
                                        <select id="user_name" class="form-control" name="user_name" required>
                                            {{-- <option value="">اختر الصلاحية</option> --}}
                                            <option value="member" {{ old('user_name') == 'member' ? 'selected' : '' }}>
                                                عضو
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                {{-- end username --}}
                                {{-- user phone number --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="phone" class="form-label">{{ __('Mobile Number') }}</label>
                                        <input type="text" id="phone" name="phone" value="{{ old('phone') }}"
                                            class="form-control">
                                    </div>
                                </div>
                                {{-- end phone number --}}

                                {{-- user password --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="password" class="form-label">{{ __('Password') }}</label>
                                        <input class="form-control" type="password" name="password" id="password" required
                                            autocomplete="new-password">
                                    </div>
                                </div>
                                {{-- end user password --}}

                                {{-- password confirm --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="password_confirmation"
                                            class="form-label">{{ __('Confirm Password') }}</label>
                                        <input type="password" id="password_confirmation" class="form-control"
                                            name="password_confirmation" required>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                    <div class="form-group">
                                        <label for="school_id" class="form-label">{{ __('المدرسة') }}</label>
                                        <input type="text" id="school_id" class="form-control" name="school_id"
                                            value="{{ $school_id }}" required>
                                    </div>
                                </div>

                                {{-- end password confirm --}}
                                {{-- user school --}}
                                {{-- <div class="col-lg-6 col-md-6 col-sm-12" >
                                    <div class="form-group">
                                        <label for="school_id" class="form-label">{{ __('المدرسة') }}</label>
                                        <select name="school_id" id="school_id" class="form-control">
                                            <option value="">{{ __('اختر المدرسة ') }}</option>
                                            @foreach (App\Models\School::where('id', Auth::user()->school_id)->get() as $school)
                                                <option value="{{ $school->id }}"
                                                    @if ($school->id == old('school_id')) selected @endif>{{ $school->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> --}}
                                {{-- @if (Auth::user()->user_name == 'admin')
                                    <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                        <div class="form-group">
                                            <label for="school_id" class="form-label">{{ __('المدرسة') }}</label>
                                            <select name="school_id" id="school_id" class="form-control">
                                                <option value="">{{ __('اختر المدرسة ') }}</option>
                                                @foreach (App\Models\School::get() as $school)
                                                    <option value="{{ $school->id }}"
                                                        @if ($school->id == old('school_id')) selected @endif>
                                                        {{ $school->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif --}}
                                {{-- end user school --}}

                                {{-- user role --}}
                                <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                    <div class="form-group">
                                        <label for="job_title_id" class="form-label">{{ __('المسمى الوظيفي') }}</label>
                                        <select name="job_title_id" id="job_title_id" class="form-control">
                                            {{-- <option value="">{{ __('اختار من الوظائف المتاحة') }}</option> --}}
                                            @foreach (App\Models\JobTitle::get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('job_title_id')) selected @endif>{{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                {{-- end user role --}}

                                {{-- user status --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="status" class="form-label">{{ __('الحالة') }}</label>
                                        <select name="status" id="status" class="form-control">
                                            <option @if (1 == old('status')) selected @endif value="1">
                                                {{ __('مفعل') }}</option>
                                            <option @if (2 == old('status')) selected @endif value="2">
                                                {{ __('غير مفعل') }}</option>
                                        </select>
                                    </div>
                                </div>
                                {{-- end user status --}}

                                {{-- user type --}}
                                <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                    <div class="form-group">
                                        <label for="type" class="form-label">{{ __('النوع') }}</label>
                                        <select name="type" id="type" class="form-control">
                                            <option @if ('0' == old('type')) selected @endif value="0">
                                                {{ __('معلم في المدرسة') }}</option>
                                            <option @if ('1' == old('type')) selected @endif value="1">
                                                {{ __('مششرف تربوي او مدرب من خارج المدرسة') }}</option>
                                        </select>
                                    </div>
                                </div>
                                {{-- end user type --}}
                            </div>
                        </div>
                    </div>

                    @if (count(App\Models\Role::where('id', '<>', 1)->get()) != 0)
                        {{-- <div class="card">
                            <div class="card-header">
                                <h3>{{ __('الصلاحيات') }}</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @foreach (App\Models\Role::where('id', '<>', 1)->get() as $item)
                                        <div class="col-lg-4 col-md-4 col-sm-6">
                                            <div class="form-group">
                                                <div class="custom-control custom-switch custom-switch-primary mt-1 mb-3 ">
                                                    <span class="mx-2">{{ $item->name }}</span>
                                                    <input type="checkbox" class="custom-control-input" name="role[]" value="{{ $item->id }}" id="customSwitch{{ $item->id }}" @if (in_array($item->id, old('role') ?? [])) checked @endif>
                                                    <label class="custom-control-label" for="customSwitch{{ $item->id }}">
                                                        <span class="switch-icon-left"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
                                                        <span class="switch-icon-right"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <button type="submit" class="btn btn-primary">{{ __('Submit') }}</button>
                                        <button type="reset" class="btn btn-light">{{ __('إلغاء') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                        <div class="card">
                            <div class="card-header">
                                <h3>{{ __('الصلاحيات') }}</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @foreach (App\Models\Role::where('id', '<>', 1)->get() as $item)
                                        <div class="col-lg-4 col-md-6 col-sm-12 mb-2">
                                            <div class="form-check form-switch">
                                                <input type="checkbox" class="form-check-input" name="role[]"
                                                    value="{{ $item->id }}" id="customSwitch{{ $item->id }}"
                                                    @if (in_array($item->id, old('role') ?? [])) checked @endif>
                                                <label class="form-check-label" for="customSwitch{{ $item->id }}">
                                                    <h6>{{ $item->name }}</h6>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="row mt-4">
                                    <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                                        <button type="submit" class="btn btn-primary">{{ __('Submit') }}</button>
                                        <button type="reset"
                                            class="btn btn-outline-secondary">{{ __('إلغاء') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    @endif
                </form>
            </section>
            <!-- users edit ends -->
        </div>
    </div>
@endsection