@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="profile_pg section">
            <div class="container">
                <div class="row">
                    <div class="tab_wrapper profile_tab col-lg-10 mx-auto">
                        <div class="data_box">
                            <h2 class="title_w_shape w-fit mx-auto mb-5">
                                <span>{{ __('users::users.personal_data') }}</span>
                            </h2>
                            <div class="col-md-12 m-auto">
                                <div class="row">
                                    @if($userRole == 'teacher')
                                        <div class="col-lg-12">
                                            <div class="avatar_box">
                                                <img src="{{ getImage($user->photo ?? "") }}"
                                                     class="secImg"
                                                     alt="{{ $user->name }}"/>
                                            </div>
                                        </div>
                                    @endif <!-- $userRole -->
                                    @if(in_array('name', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0">
                                                <span class="icon">
                                                    <i class="fa-light fa-user"></i>
                                                </span>
                                                    {{ $user->name }}
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                    @if(in_array('username', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0">
                                                <span class="icon">
                                                    <i class="fa-light fa-user"></i>
                                                </span>
                                                    {{ $user->username }}
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-lg-6">
                                        <div class="data-group">
                                            <p class="data mb-0">
                                                <span class="icon">
                                                    <i class="fa-light fa-mobile"></i>
                                                </span>
                                                <span class="dir_ltr">{{ $user->phone }}</span>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="data-group">
                                            <p class="data mb-0"><span class="icon"> <i
                                                            class="fa-light fa-envelope"></i> </span> {{ $user->email }}
                                            </p>
                                        </div>
                                    </div>
                                    @if(in_array('birth_date', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0"><span class="icon"> <i
                                                                class="fa-light fa-envelope"></i> </span> {{ $user->birth_date }}
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                    @if(in_array('id_number', $moduleFields))
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0"><span class="icon"> <i
                                                                class="fa-light fa-envelope"></i> </span> {{ $user->id_number }}
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                    @if($userRole == 'teacher')
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0"><span class="icon">  <i
                                                                class="fa-light fa-user-gear"></i> </span>
                                                    {{ $user->subject_titles->isNotEmpty() ? $user->subject_titles->join(', ') : '' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0">
                                                    <span class="icon">
                                                        <i class="fa-light fa-school"></i>
                                                    </span>
                                                    {{ $user->stage->currentDescription->title ?? "" }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="data-group">
                                                <p class="data mb-0"><span class="icon"> <i
                                                                class="fa-light fa-briefcase"></i>  </span>
                                                    {{ $user->workplace }}
                                                </p>
                                            </div>
                                        </div>
                                        @if(_is_file($user->cv))
                                            <div class="col-lg-6">
                                                <div class="data-group">
                                                    <p class="data mb-0">
                                                        <span class="icon">
                                                            <i class="fa-light fa-file-user"></i>
                                                        </span>
                                                        <a href="{{ _asset($user->cv) }}"
                                                           target="_blank">
                                                            {{ __('users::teachers.cv') }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        @endif
                                        @if(_is_file($user->training_certificate))
                                            <div class="col-lg-12">
                                                <div class="data-group">
                                                    <p class="data mb-0">
                                                        <span class="icon">
                                                            <i class="fa-light fa-file-certificate"></i>
                                                        </span>
                                                        <a href="{{ _asset($user->training_certificate) }}"
                                                           target="_blank">
                                                            {{ __('users::teachers.training_certificate') }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-lg-12">
                                            <div class="data-group">
                                                <p class="data mb-0">
                                                    <span class="icon">
                                                        <i class="fa-light fa-memo-circle-info"></i>
                                                    </span>
                                                    {!! nl2br(e($user->experience_details)) !!}
                                                </p>
                                            </div>
                                        </div>
                                    @endif <!-- $userRole -->
                                </div>
                                <button class="butn primary_butn mt-5 m-auto"
                                        id="editButton"> {{ __('users::users.modify_data') }} <i
                                            class="fa-regular fa-pen-to-square ms-2 me-0"></i></button>
                            </div>
                        </div>
                        <div class="editData_box">
                            <h2 class="title_w_shape w-fit mx-auto mb-5">
                                <span> {{ __('users::users.edit_profile') }} </span></h2>
                            <form action="{{ route('web.users.update_profile', $user->id) }}"
                                  method="post" enctype="multipart/form-data"
                                  class="edit-profile add-asterisk ajax-form">
                                @method('PUT')
                                @csrf
                                <div class="register_pg">
                                    <div class="inner border-0 p-0">
                                        <div class="form_box row">
                                            @if($userRole == 'teacher')
                                                <div class="col-lg-12">
                                                    <div class="user_img">
                                                        <div class="avatar-upload">
                                                            <div class="avatar-edit">
                                                                <input type='file' name="photo" id="imageUpload"
                                                                       accept=".png, .jpg, .jpeg"/>
                                                                <label for="imageUpload"></label>
                                                            </div>
                                                            <div class="avatar-preview">
                                                                <div id="imagePreview"
                                                                     style="background-image: url({{ getImage($user->photo ?? "") }});"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif <!-- $userRole -->
                                            @if(in_array('name', $moduleFields))
                                                <div class="col-lg-6">
                                                    <div class="form-group mb-4">
                                                        <input type="text"
                                                               name="name"
                                                               value='{{ old("name", $user->name ?? "") }}'
                                                               class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                                               placeholder="{{ __('users::users.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 mb-4">
                                                        <input type="text"
                                                               name="username"
                                                               value='{{ old("username", $user->username ?? "") }}'
                                                               class="form-control real-time-validation {{ $errors->has('username') ? 'is-invalid' : '' }}"
                                                               data-role="{{ $userRole ?? '' }}"
                                                               data-user-id="{{ $user->id ?? '' }}"
                                                               placeholder="{{ __('users::users.username') }}"
                                                               required/>
                                                        <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="col-lg-6">
                                                <div class="form-group mb-4">
                                                    <input type="email" name="email" required
                                                           value="{{ old('email', $user->email ?? "") }}"
                                                           class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                                           placeholder="{{ __('users::users.email') }}"/>
                                                    <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group phone_group mb-4">
                                                    <input type="number"
                                                           name="phone"
                                                           required
                                                           value="{{ old('phone', $user->phone_formats['national_number'] ?? "") }}"
                                                           class="form-control digitsOnly {{ $errors->has('phone') ? 'is-invalid' : '' }}"
                                                           dir="ltr"
                                                           placeholder="{{ __('users::users.phone') }}"/>
                                                    <select name="country_code" class="code_select">
                                                        @if(isset($countries))
                                                            @foreach($countries as $country)
                                                                <option
                                                                        value="{{ $country->iso2 }}" @selected(old('country_code', $user->country_code ?? "") == $country->iso2)>
                                                                    {{ $country->country_code }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <span class="icon"><i class="fa-light fa-mobile"></i></span>
                                                </div>
                                            </div>
                                            @if(in_array('birth_date', $moduleFields))
                                                <div class="col-lg-6">
                                                    <div class="form-group mb-4">
                                                        <input type="text"
                                                               name="birth_date"
                                                               data-toggle="datepicker" autocomplete="off"
                                                               value='{{ old("birth_date", $user->birth_date ?? "") }}'
                                                               class="form-control {{ $errors->has('birth_date') ? 'is-invalid' : '' }}"
                                                               placeholder="{{ __("users::$routeName.birth_date") }}"
                                                               required/>
                                                        <span class="icon"> <i
                                                                    class="fa-light fa-calendar-circle-user"></i> </span>
                                                    </div>
                                                </div>
                                            @endif
                                            @if(in_array('id_number', $moduleFields))
                                                <div class="col-lg-6">
                                                    <div class="form-group mb-4">
                                                        <input type="text"
                                                               name="id_number"
                                                               value='{{ old("id_number", $user->id_number ?? "") }}'
                                                               class="form-control {{ $errors->has('id_number') ? 'is-invalid' : '' }}"
                                                               placeholder="{{ __("users::$routeName.id_number") }}"
                                                               required/>
                                                        <span class="icon"> <i class="fa-light fa-flag"></i> </span>
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="col-lg-6">
                                                <div class="form-group show_hide_password mb-4">
                                                    <input type="password" name="password"
                                                           class="form-control shadow_input {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                                           placeholder="{{ __('users::users.password') }}"/>
                                                    <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 mb-4">
                                                    <input type="password"
                                                           name="password_confirmation"
                                                           class="form-control shadow_input {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}"
                                                           placeholder="{{ __('users::users.password_confirmation') }}"/>
                                                    <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                                    <i class="show_pass far fa-eye-slash"></i>
                                                </div>
                                            </div>
                                            @if($userRole == 'teacher')
                                                <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.specialization") }}">
                                                            {{-- <option value="" selected disabled>{{ __('users::teachers.specialization') }}</option> --}}
                                                            @foreach($subjects as $subject)
                                                                <option
                                                                        @selected(in_array($subject->id, $userSubjects ?? [])) 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', $user->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="text" name="workplace"
                                                               value="{{ old('workplace', $user->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">
                                                        <textarea name="experience_details" required
                                                                  rows="5"
                                                                  class="form-control {{ $errors->has('experience_details') ? 'is-invalid' : '' }}"
                                                                  placeholder="{{ __('users::teachers.experience_details') }}"
                                                        >{{ old('experience_details', $user->experience_details ?? "") }}</textarea>
                                                        <span class="icon"> <i class="fa-light fa-memo-circle-info"></i> </span>
                                                    </div>
                                                </div>
                                            @endif <!-- $userRole -->
                                            <button type="submit" class="butn primary_butn mt-5 m-auto">
                                                {{ __('main.save') }}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')
    <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    let imagePreview = $('#imagePreview');
                    imagePreview.css('background-image', 'url(' + e.target.result + ')');
                    imagePreview.hide();
                    imagePreview.fadeIn(650);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#imageUpload").change(function () {
            readURL(this);
        });
    </script>
@endpush