@extends('admin.layouts.container')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row send_request_form" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($traineWorkSearcher ?? ''  && $traineWorkSearcher->id)
                @method('PUT')
            @endif
            @csrf

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.job_title')}}</label>
                    <input type="text" name="job_title" class="form-control" placeholder="{{__('traineWorkSearchers.job_title')}}" value="{{$traineWorkSearcher->job_title}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.first_name')}}</label>
                    <input type="text" name="first_name" class="form-control" placeholder="{{__('traineWorkSearchers.first_name')}}" value="{{$traineWorkSearcher->first_name}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.second_name')}}</label>
                    <input type="text" name="second_name" class="form-control" placeholder="{{__('traineWorkSearchers.second_name')}}" value="{{$traineWorkSearcher->second_name}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.family_name')}}</label>
                    <input type="text" name="family_name" class="form-control" placeholder="{{__('traineWorkSearchers.family_name')}}" value="{{$traineWorkSearcher->family_name}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.title')}}</label>
                    <input type="text" name="title" class="form-control" placeholder="{{__('traineWorkSearchers.title')}}" value="{{$traineWorkSearcher->title}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.birth_date')}}</label>
                    <input type="date" name="birth_date" class="form-control" placeholder="{{__('traineWorkSearchers.birth_date')}}" value="{{$traineWorkSearcher->birth_date}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.phone')}}</label>
                    <input type="tel" name="phone" class="form-control" placeholder="{{__('traineWorkSearchers.phone')}}" value="{{$traineWorkSearcher->phone}}"/>
                </div>
            </div>

            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.email')}}</label>
                    <input type="email" name="email" class="form-control" placeholder="{{__('traineWorkSearchers.email')}}" value="{{$traineWorkSearcher->email}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.email_confirmation')}}</label>
                    <input type="email" name="email_confirmation" class="form-control" placeholder="{{__('traineWorkSearchers.email_confirmation')}}" value="{{$traineWorkSearcher->email}}"/>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.gender')}}</label>
                    <select name="gender" class="form-control">
                        <option value="">{{__('traineWorkSearchers.gender')}}</option>
                        <option {{$traineWorkSearcher->gender == 'male' ? 'selected' : ''}} value="male">{{__('traineWorkSearchers.male')}}</option>
                        <option {{$traineWorkSearcher->gender == 'female' ? 'selected' : ''}} value="female">{{__('traineWorkSearchers.female')}}</option>
                    </select>
                </div>
            </div>

            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.nationality')}}</label>
                    <select name="nationality_id" class="form-control">
                        <option value="">{{__('traineWorkSearchers.nationality')}}</option>
                        @if($nationalities->count())
                            @foreach($nationalities as $nationality)
                                <option {{$traineWorkSearcher->nationality_id == $nationality->id ? 'selected' : ''}} value="{{$nationality->id}}">{{$nationality->name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.country_id')}}</label>
                    <select name="country_id" class="form-control countries" data-cities=".city_id">
                        <option value="">{{__('traineWorkSearchers.country_id')}}</option>
                        @if($countries->count())
                            @foreach($countries as $country)
                                <option {{$traineWorkSearcher->country_id == $country->id ? 'selected' : ''}} value="{{$country->id}}">{{$country->name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.city_id')}}</label>
                    <select name="city_id" class="form-control city_id">
                        <option value="">{{__('traineWorkSearchers.city_id')}}</option>
                        @if($cities->count())
                            @foreach($cities as $city)
                                <option {{$traineWorkSearcher->city_id == $city->id ? 'selected' : ''}} value="{{$city->id}}">{{$city->name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.degree')}}</label>
                    <select data-other=".other_degree" name="degree" class="form-control">
                        <option value="">{{__('traineWorkSearchers.degree')}}</option>
                        <option {{$traineWorkSearcher->degree == 'diploma' ? 'selected' : ''}} value="diploma">{{__('traineWorkSearchers.diploma')}}</option>
                        <option {{$traineWorkSearcher->degree == 'bachelor' ? 'selected' : ''}} value="bachelor">{{__('traineWorkSearchers.bachelor')}}</option>
                        <option {{$traineWorkSearcher->degree == 'ma' ? 'selected' : ''}} value="ma">{{__('traineWorkSearchers.ma')}}</option>
                        <option {{$traineWorkSearcher->degree == 'phd' ? 'selected' : ''}} value="phd">{{__('traineWorkSearchers.phd')}}</option>
                        <option {{$traineWorkSearcher->degree == 'other' ? 'selected' : ''}} value="other">{{__('traineWorkSearchers.other')}}</option>
                    </select>
                </div>
                <div class="form-group d-none other_degree">
                    <input type="text" name="other_degree" class="form-control" placeholder="{{__('traineWorkSearchers.other_degree')}}" value="{{$traineWorkSearcher->other_degree}}">
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.general_speciality')}}</label>
                    <select data-other=".other_general_speciality" name="general_speciality" class="form-control">
                        <option value="">{{__('traineWorkSearchers.general_speciality')}}</option>
                        <option {{$traineWorkSearcher->general_speciality == 'dental_technology' ? 'selected' : ''}} value="dental_technology">{{__('traineWorkSearchers.dental_technology')}}</option>
                        <option {{$traineWorkSearcher->general_speciality == 'other' ? 'selected' : ''}} value="other">{{__('traineWorkSearchers.other')}}</option>
                    </select>
                </div>
                <div class="form-group d-none other_general_speciality">
                    <input type="text" name="other_general_speciality" class="form-control" placeholder="{{__('traineWorkSearchers.general_speciality')}}" value="{{$traineWorkSearcher->other_general_speciality}}">
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.graduation_date')}}</label>
                    <input type="date" name="graduation_date" class="form-control" placeholder="{{__('traineWorkSearchers.graduation_date')}}" value="{{$traineWorkSearcher->graduation_date}}"/>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 ">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.job_status')}}</label>
                    <select data-other=".other_job_status" name="job_status" class="form-control">
                        <option value="">{{__('traineWorkSearchers.job_status')}}</option>
                        <option {{$traineWorkSearcher->job_status == 'public_employee' ? 'selected' : ''}} value="public_employee">{{__('traineWorkSearchers.public_employee')}}</option>
                        <option {{$traineWorkSearcher->job_status == 'private_employee' ? 'selected' : ''}} value="private_employee">{{__('traineWorkSearchers.private_employee')}}</option>
                        <option {{$traineWorkSearcher->job_status == 'self_employee' ? 'selected' : ''}} value="self_employee">{{__('traineWorkSearchers.self_employee')}}</option>
                        <option {{$traineWorkSearcher->job_status == 'unemployed' ? 'selected' : ''}} value="unemployed">{{__('traineWorkSearchers.unemployed')}}</option>
                        <option {{$traineWorkSearcher->job_status == 'other' ? 'selected' : ''}} value="other">{{__('traineWorkSearchers.other')}}</option>
                    </select>
                </div>
                <div class="form-group d-none other_job_status">
                    <input type="text" name="other_job_status" class="form-control" placeholder="{{__('traineWorkSearchers.other_job_status')}}" value="{{$traineWorkSearcher->other_job_status}}">
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.specialization')}}</label>
                    <select data-other=".other_specialization" name="specialization" class="form-control">
                        <option value="">{{__('traineWorkSearchers.specialization')}}</option>
                        <option {{$traineWorkSearcher->specialization == 'fixed_fixtures' ? 'selected' : ''}} value="fixed_fixtures">{{__('traineWorkSearchers.fixed_fixtures')}}</option>
                        <option {{$traineWorkSearcher->specialization == 'unfixed_fixtures' ? 'selected' : ''}} value="unfixed_fixtures">{{__('traineWorkSearchers.unfixed_fixtures')}}</option>
                        <option {{$traineWorkSearcher->specialization == 'orthodontics' ? 'selected' : ''}} value="orthodontics">{{__('traineWorkSearchers.orthodontics')}}</option>
                        <option {{$traineWorkSearcher->specialization == 'other' ? 'selected' : ''}} value="other">{{__('traineWorkSearchers.other')}}</option>
                    </select>
                </div>
                <div class="form-group d-none other_specialization">
                    <input type="text" name="other_specialization" class="form-control" placeholder="{{__('traineWorkSearchers.other_specialization')}}" value="{{$traineWorkSearcher->other_specialization}}">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 d-flex justify-content-between">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.cv')}}</label>
                    <input type="file" name="cv" class="form-control"/>
                </div>
                @if($traineWorkSearcher->cv)
                    <div class="form-group">
                        <label>{{__('users.download')}}</label>
                        <a download class="form-control btn btn-primary" href="{{asset($traineWorkSearcher->cv)}}"><i class="fa fa-download"></i> {{__('users.download')}}</a>
                    </div>
                @endif
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.how_know_us')}}</label>
                    <select data-other=".other_how_know_us" name="how_know_us" class="form-control">
                        <option value="">{{__('traineWorkSearchers.how_know_us')}}</option>
                        <option {{$traineWorkSearcher->how_know_us == 'friend' ? 'selected' : ''}} value="friend">{{__('traineWorkSearchers.through_friend')}}</option>
                        <option {{$traineWorkSearcher->how_know_us == 'google' ? 'selected' : ''}} value="google">{{__('traineWorkSearchers.google')}}</option>
                        <option {{$traineWorkSearcher->how_know_us == 'related_associations' ? 'selected' : ''}} value="related_associations">{{__('traineWorkSearchers.related_associations')}}</option>
                        <option {{$traineWorkSearcher->how_know_us == 'social_media' ? 'selected' : ''}} value="social_media">{{__('traineWorkSearchers.social_media')}}</option>
                        <option {{$traineWorkSearcher->how_know_us == 'other' ? 'selected' : ''}} value="other">{{__('traineWorkSearchers.other')}}</option>
                    </select>
                </div>
                <div class="form-group d-none other_how_know_us">
                    <input type="text" name="other_how_know_us" class="form-control" placeholder="{{__('traineWorkSearchers.other_how_know_us')}}" value="{{$traineWorkSearcher->other_how_know_us}}">
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="form-group">
                    <label for="">{{__('traineWorkSearchers.experience_years')}}</label>
                    <input type="number" name="experience_years" class="form-control" min="1" placeholder="{{__('traineWorkSearchers.experience_years')}}" value="{{$traineWorkSearcher->experience_years}}"/>
                </div>
            </div>


            <div class="text-center mt-5 col-12">
                <button class="butn send_request_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.send_request_button').click(async function (e) {
                e.preventDefault();

                let form = $('.send_request_form'),
                    data = new FormData(form[0]),
                    url = form.attr('action'),
                    method = form.attr('method');

                const response=await ajax({
                    url,
                    data,
                    dataType: 'json',
                    method
                });

                if (response.errors) {
                    toasterError(response.errors);
                }
                if (response.message) {
                    toasterSuccess(response.message);
                    setTimeout(function(){
                        window.location.href = "{{route('traineWorkSearchers.index')}}";
                    }, 500)

                }
            });

            $('.countries').change(async function (e) {
                e.preventDefault();
                let data = {country_id: $(this).val()},
                    url = "{{route('getCities')}}",
                    method = 'get',
                    cities = $($(this).data('cities'));
                const response=await ajax({
                    url,
                    data,
                    dataType: 'html',
                    method,
                    // contentType: false,
                    // processData: false,
                });
                if (response) {
                    cities.html(response)
                }
            });

            $('select').change(function () {
                if ($(this).val() === 'other'){
                    $($(this).data('other')).removeClass('d-none');
                } else {
                    $($(this).data('other')).addClass('d-none');
                    $($(this).data('other')).children('input').val('');
                }
            });

            $('input[name="terms"]').click(function () {
                if ($(this).prop('checked') === true){
                    $('.modal').modal()
                }
            })
        });
    </script>
@endsection