@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="register_pg section">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"> {{ $title ?? '' }} </h2>
                <div class="col-lg-10 mx-auto">
                    <div class="inner">
                        <div class="form_box">
                            <form action="{{ route('web.users.add_user', ['hashed_code' => $hashed_code]) }}"
                                  method="post" enctype="multipart/form-data" id="register-form"
                                  class="add-asterisk ajax-form">
                                @csrf
                                <div class="row">
                                    @if(in_array('name', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text"
                                                       name="name" value="{{ old('name') }}"
                                                       class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                                       placeholder="{{ __('users::users.full_name') }}"
                                                       required/>
                                                <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                            </div>
                                        </div>
                                    @endif
                                    @if(in_array('username', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text"
                                                       name="username" value="{{ old('username') }}"
                                                       class="form-control real-time-validation {{ $errors->has('username') ? 'is-invalid' : '' }}"
                                                       data-role="teacher"
                                                       data-user-id=""
                                                       placeholder="{{ __('users::users.username') }} ({{ __('users::users.used_for_login') }})"
                                                       required/>
                                                <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="email" name="email"
                                                   value="{{ old('email') }}"
                                                   class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::users.email') }}" required/>
                                            <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group phone_group">
                                            {{-- value="{{ old('phone') }}" --}}
                                            <input type="number"
                                                   name="phone"
                                                   required
                                                   value="{{ $field_value ?? null }}"
                                                   class="form-control digitsOnly {{ $errors->has('phone') ? 'is-invalid' : '' }}"
                                                   dir="ltr"
                                                   placeholder=""
                                                   readonly/>
                                            <span class="icon"> <i class="fa-light fa-mobile"></i> </span>
                                            <select name="country_code" class="code_select pe-none">
                                                @if(isset($countries))
                                                    @foreach($countries as $country)
                                                        <option
                                                            value="{{ $country->iso2 }}" @selected(old('country_code') == $country->iso2)>
                                                            {{ $country->country_code }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    @if(in_array('birth_date', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text"
                                                       data-toggle="datepicker" autocomplete="off"
                                                       name="birth_date" value="{{ old('birth_date') }}" required
                                                       class="form-control {{ $errors->has('birth_date') ? 'is-invalid' : '' }}"
                                                       placeholder="{{ __('users::users.birth_date') }}"/>
                                                <span class="icon"> <i
                                                        class="fa-light fa-calendar-circle-user"></i> </span>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text"
                                                   name="id_number" value="{{ old('id_number') }}" required
                                                   class="form-control {{ $errors->has('id_number') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::users.id_number') }}"/>
                                            <span class="icon"> <i class="fa-light fa-flag"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group subjects-wrapper">
                                            <select name="subjects[]" multiple
                                                    class="form-control form-select select2-multiple {{ $errors->has('subjects') ? 'is-invalid' : '' }}"
                                                    data-title="{{ __("users::teachers.subjects") }}">
                                                {{-- <option value="" selected disabled>{{ __('users::teachers.subjects') }}</option> --}}
                                                @foreach($subjects as $subject)
                                                    <option
                                                        @selected(in_array($subject->id, old('subjects', []))) value="{{ $subject->id }}">
                                                        {{ $subject->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <span class="icon"> <i class="fa-light fa-user-gear"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <select name="stage_id"
                                                    class="form-control form-select {{ $errors->has('stage_id') ? 'is-invalid' : '' }}">
                                                <option value="" selected
                                                        disabled>{{ __("users::teachers.stage_id") }}</option>
                                                @foreach($stages as $stage)
                                                    <option
                                                        @selected(old('stage_id') == $stage->id) value="{{ $stage->id }}">
                                                        {{ $stage->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <span class="icon"> <i class="fa-light fa-school"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="number"
                                                   name="experience_years" value="{{ old('experience_years') }}" required
                                                   class="form-control {{ $errors->has('experience_years') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::teachers.experience_years') }}"/>
                                            <span class="icon"> <i class="fa-light fa-user-gear"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text"
                                                   name="specialization" value="{{ old('specialization') }}"
                                                   class="form-control {{ $errors->has('specialization') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::teachers.specialization') }}"/>
                                            <span class="icon"> <i class="fa-light fa-user-gear"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" name="workplace"
                                                   value="{{ old('workplace') }}"
                                                   class="form-control {{ $errors->has('workplace') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::teachers.workplace') }}" required/>
                                            <span class="icon"> <i class="fa-light fa-briefcase"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <div class="drop_box ">
                                                <input id="demo1" class="demo1" type="file"
                                                       placeholder="{{ __('users::teachers.cv') }}"
                                                       name="cv"/>
                                            </div>
                                            <span class="icon"> <i class="fa-light fa-file-user"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="drop_box">
                                                <input id="demo2" class="demo1" type="file"
                                                       placeholder="{{ __('users::teachers.training_certificate') }}"
                                                       name="training_certificate"/>
                                            </div>
                                            <span class="icon"> <i class="fa-light fa-file-certificate"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <!-- maxlength="250" -->
                                            <textarea name="experience_details" required
                                                      rows="5"
                                                      class="form-control {{ $errors->has('experience_details') ? 'is-invalid' : '' }}"
                                                      placeholder="{{ __('users::teachers.experience_details') }}">{{ old('experience_details') }}</textarea>
                                            <span class="icon"> <i class="fa-light fa-memo-circle-info"></i> </span>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group show_hide_password">
                                            <input type="password" name="password"
                                                   class="form-control shadow_input {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::users.password') }}" required/>
                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                            <i class="show_pass far fa-eye-slash"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group show_hide_password">
                                            <input type="password"
                                                   name="password_confirmation"
                                                   class="form-control shadow_input {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::users.password_confirmation') }}"
                                                   required/>
                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                            <i class="show_pass far fa-eye-slash"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <p class="p mb-4">
                                            <small>
                                                <i class="fa-light fa-circle-exclamation me-1 text-danger"></i>
                                                {{ __('users::users.password_must_be') }}
                                            </small>
                                        </p>
                                    </div>
                                </div>

                                <div class="d-flex justify-content-between align-items-center mt-3 mb-5">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                        <label class="form-check-label" for="flexCheckDefault">
                                            {{ __('main.agreeing_to') }}
                                            <a href="{{ route('web.pages.show', $termsPage->id ?? null) }}"
                                               target="_blank"
                                               class="underline">
                                                {{ __('main.terms_conditions') }}
                                            </a>
                                            {{ __('general.and') }}
                                            <a href="{{ route('web.pages.show', $privacyPage->id ?? null) }}"
                                               target="_blank"
                                               class="underline">
                                                {{ __('main.privacy_policy') }}
                                            </a>
                                        </label>
                                    </div>
                                </div>

                                <div class="row col-lg-5 mx-auto">
                                    <button type="submit" class="butn primary_butn w-100">
                                        {{-- __('users::users.create_account') --}}
                                        {{-- __('users::users.sign_up') --}}
                                        <span> {{ __('users::users.new_registration') }} </span>
                                    </button>
                                </div>

                                <p class="another_opt text-center mt-4">
                                    {{ __('users::users.have_account') }}
                                    <a href="{{ route('web.users.login_form') }}" class="color-primary">
                                        {{ __('users::users.login2') }}
                                    </a>
                                </p>

                                <input type="hidden" name="role" value="{{ $role ?? '' }}"/>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/web/images/vector_login_1.svg')}}" class="vector" alt=""/>
            <img src="{{asset('assets/web/images/vector_login_2.svg')}}" class="vector2" alt=""/>
        </section>
    </main>

@endsection

@push('stack_scripts')



@endpush