@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <section class="profile-section section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-10 mx-auto">
                        <div class="card bg-white box-shadow no-border profile-wrapepr raddius-15 view-profile">
                            <!-- View Profile Section -->
                            <h2 class="title_w_shape w-fit mx-auto mb-4">
                                <span> {{ $title ?? "" }} </span>
                            </h2>
                            <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 mt-4 contact-section">
                                    @if(in_array('name', $moduleFields))
                                        <div class="col-md-6 col-lg-6 col-sm-12 col-x-12">
                                            <div class="input-group mb-3">
                                                <input type="text"
                                                       name="name" value="{{ old('name') }}"
                                                       class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                                       required
                                                       placeholder="{{ __('users::users.full_name') }}"
                                                       aria-label="{{ __('users::users.full_name') }}"
                                                />
                                                <span
                                                    class="input-group-text orange-color"
                                                    id="basic-addon1"
                                                ><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-md-6 col-lg-6 col-sm-12 col-x-12">
                                        <div class="input-group mb-3">
                                            {{-- value="{{ old('phone') }}" --}}
                                            <input type="number"
                                                   name="phone"
                                                   required
                                                   value="{{ $field_value ?? null }}"
                                                   class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }} read-only"
                                                   readonly
                                                   placeholder="{{ __('users::users.phone') }}"
                                                   aria-label="{{ __('users::users.phone') }}"/>
                                            <select name="country_code"
                                                    class="code_select pe-none phone"
                                                    style="text-align: center;width: 100px;font-size: 1.1rem;">
                                                @if(isset($countries))
                                                    @foreach($countries as $country)
                                                        <option
                                                            value="{{ $country->iso2 }}" @selected(old('country_code') == $country->iso2)>
                                                            {{ $country->country_code }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <span class="input-group-text orange-color" id="basic-addon1"><i
                                                    class="fa-light fa-mobile"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-x-12">
                                        <div class="input-group mb-3">
                                            <input type="email"
                                                   name="email"
                                                   value="{{ old('email') }}"
                                                   class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                                   required
                                                   placeholder="{{ __('users::users.email') }} ({{ __('users::users.used_for_login') }})"
                                                   aria-label="{{ __('users::users.email') }} ({{ __('users::users.used_for_login') }})"/>
                                            <span
                                                class="input-group-text orange-color"
                                                id="basic-addon1"
                                            ><i class="fa-light fa-envelope"></i
                                                ></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-group mb-3">
                                            <select name="stage_id"
                                                    required
                                                    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="input-group-text orange-color">
                                            <i class="fa-light fa-school"></i>
                                        </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-3">
                                            <div class="drop_box">
                                                <input id="demo1"
                                                       class="demo1"
                                                       type="file"
                                                       placeholder="{{ __('users::teachers.cv') }} ({{ __('general.optional') }})"
                                                       name="cv"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-3">
                                            <div class="drop_box">
                                                <input id="demo2"
                                                       class="demo1"
                                                       type="file"
                                                       placeholder="{{ __('users::teachers.graduation_document') }} ({{ __('general.optional') }})"
                                                       name="graduation_document"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-x-12">
                                        <div class="input-group mb-3">
                                            <!-- maxlength="250" -->
                                            <textarea name="experience_details"
                                                      rows="3"
                                                      class="form-control {{ $errors->has('experience_details') ? 'is-invalid' : '' }}"
                                                      placeholder="{{ __('users::teachers.experience_details') }} ({{ __('general.optional') }})"
                                                      aria-label="{{ __('users::teachers.experience_details') }} ({{ __('general.optional') }})"
                                            >{{ old('experience_details') }}</textarea>
                                            <span class="input-group-text orange-color"
                                                  id="basic-addon1">
                                            <i class="fa-light fa-memo-circle-info"></i>
                                        </span>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-x-12">
                                        <div class="input-group mb-3">
                                            <input type="password" name="password"
                                                   class="form-control shadow_input {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                                   id="newPassword"
                                                   placeholder="{{ __('users::users.password') }}" aria-label=""
                                                   required/>
                                            <span
                                                class="input-group-text orange-color"
                                                id="toggleNewPassword"
                                                style="cursor: pointer"
                                            >
                        <i
                            class="fa-light fa-eye-slash"
                            id="newPasswordIcon"
                        ></i>
                      </span>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-x-12">
                                        <div class="input-group mb-3">
                                            <input type="password"
                                                   name="password_confirmation"
                                                   class="form-control shadow_input {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}"
                                                   placeholder="{{ __('users::users.password_confirmation') }}"
                                                   aria-label="{{ __('users::users.password_confirmation') }}"
                                                   id="confirmPassword"
                                                   required/>
                                            <span
                                                class="input-group-text orange-color"
                                                id="toggleConfirmPassword"
                                                style="cursor: pointer"
                                            >
                                            <i
                                                class="fa-light fa-eye-slash"
                                                id="confirmPasswordIcon"
                                            ></i>
                                          </span>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12">
                                        <p class="d-flex align-items-center mb-3 fs-6">
                                            <i class="fa-light fa-circle-exclamation orange-color"></i>
                                            <span class="ms-2 grey-dark">
                                                {{ __('users::users.password_must_be') }}
                                            </span>
                                        </p>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-check text-grey">
                                            <label class="form-check-label grey-text fs-6" for="flexCheckDefault">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="confirm"
                                                       required
                                                       id="flexCheckDefault">
                                                {{ __('main.agreeing_to') }}
                                                <a href="{{ route('web.pages.show', $termsPage->id ?? null) }}"
                                                   target="_blank"
                                                   class="orange-color">
                                                    {{ __('main.terms_conditions') }}
                                                </a>
                                                {{ __('general.and') }}
                                                <a href="{{ route('web.pages.show', $privacyPage->id ?? null) }}"
                                                   target="_blank"
                                                   class="orange-color">
                                                    {{ __('main.privacy_policy') }}
                                                </a>
                                            </label>
                                        </div>
                                    </div>
                                </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> --}}
                                <div class="nav_btns d-inline mt-4 mx-auto">
                                    <button type="submit"
                                            class="btn btn-primary half-rounded hvr-txt-trans">
                                        <div class="txt" data-text="{{ __('users::users.new_registration') }}">
                                          <span class="fs-7">
                                            {{-- __('users::users.create_account') --}}
                                              {{-- __('users::users.sign_up') --}}
                                              {{ __('users::users.new_registration') }}
                                            <img
                                                data-src="{{ asset('assets/web/images/icons/arrows.svg') }}"
                                                src="{{ asset('assets/web/images/icons/arrows.svg') }}"
                                                alt="arrows"
                                                class="lazyload img_contain ms-2"/>
                                          </span>
                                        </div>
                                    </button>
                                </div>
                                <input type="hidden" name="role" value="{{ $role ?? '' }}"/>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')



@endpush