@extends('layout.adminapp')
@section('content')
    <div class="container-fluid">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-10 col-lg-12 col-md-9 my-5">

                <div class="card o-hidden border-0 shadow-lg my-5">

                    <!-- Nested Row within Card Body -->
                    <div class="row d-flex justify-content-center">
                        <div class="col-10">
                            <div class="py-5">
                                <div class="text-center">
                                    <h1 class="h4 text-gray-900 mb-4">Add JobSeeker</h1>
                                </div>
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if (Session::has('status'))
                                    <div class="alert alert-success">
                                        <ul>
                                            <li>{{ Session::get('status') }}</li>
                                        </ul>
                                    </div>
                                @endif
                                @if (Session::has('error'))
                                    <div class="alert alert-danger">
                                        <ul>
                                            <li>{{ Session::get('error') }}</li>
                                        </ul>
                                    </div>
                                @endif
                                <form method="POST" action="{{ route('add.seeker') }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label>Name</label>
                                        <input required type="text" name="name" class="form-control"
                                            placeholder="Full Name">
                                    </div>
                                    <div class="form-group">
                                        <label>Nationality</label>
                                        <select required name="nationality" class="form-control">
                                            <option value="">Nationality</option>
                                            <option value="Saudi"> Saudi </option>
                                            <option value="Afghan"> Afghan </option>
                                            <option value="Albanian"> Albanian </option>
                                            <option value="Algerian"> Algerian </option>
                                            <option value="American"> American </option>
                                            <option value="Andorran"> Andorran </option>
                                            <option value="Angolan"> Angolan </option>
                                            <option value="Antiguans"> Antiguans </option>
                                            <option value="Argentinean"> Argentinean </option>
                                            <option value="Armenian"> Armenian </option>
                                            <option value="Australian"> Australian </option>
                                            <option value="Austrian"> Austrian </option>
                                            <option value="Azerbaijani"> Azerbaijani </option>
                                            <option value="Bahamian"> Bahamian </option>
                                            <option value="Bahraini"> Bahraini </option>
                                            <option value="Bangladeshi"> Bangladeshi </option>
                                            <option value="Barbadian"> Barbadian </option>
                                            <option value="Barbudans"> Barbudans </option>
                                            <option value="Batswana"> Batswana </option>
                                            <option value="Belarusian"> Belarusian </option>
                                            <option value="Belgian"> Belgian </option>
                                            <option value="Belizean"> Belizean </option>
                                            <option value="Beninese"> Beninese </option>
                                            <option value="Bhutanese"> Bhutanese </option>
                                            <option value="Bolivian"> Bolivian </option>
                                            <option value="Bosnian"> Bosnian </option>
                                            <option value="Brazilian"> Brazilian </option>
                                            <option value="British"> British </option>
                                            <option value="Bruneian"> Bruneian </option>
                                            <option value="Bulgarian"> Bulgarian </option>
                                            <option value="Burkinabe"> Burkinabe </option>
                                            <option value="Burmese"> Burmese </option>
                                            <option value="Burundian"> Burundian </option>
                                            <option value="Cambodian"> Cambodian </option>
                                            <option value="Cameroonian"> Cameroonian </option>
                                            <option value="Canadian"> Canadian </option>
                                            <option value="Cape Verdean"> Cape Verdean </option>
                                            <option value="Central African"> Central African </option>
                                            <option value="Chadian"> Chadian </option>
                                            <option value="Chilean"> Chilean </option>
                                            <option value="Chinese"> Chinese </option>
                                            <option value="Colombian"> Colombian </option>
                                            <option value="Comoran"> Comoran </option>
                                            <option value="Congolese"> Congolese </option>
                                            <option value="Congolese"> Congolese </option>
                                            <option value="Costa Rican"> Costa Rican </option>
                                            <option value="Croatian"> Croatian </option>
                                            <option value="Cuban"> Cuban </option>
                                            <option value="Cypriot"> Cypriot </option>
                                            <option value="Czech"> Czech </option>
                                            <option value="Danish"> Danish </option>
                                            <option value="Djibouti"> Djibouti </option>
                                            <option value="Dominican"> Dominican </option>
                                            <option value="Dominican"> Dominican </option>
                                            <option value="Dutch"> Dutch </option>
                                            <option value="Dutchman"> Dutchman </option>
                                            <option value="Dutchwoman"> Dutchwoman </option>
                                            <option value="East Timorese"> East Timorese </option>
                                            <option value="Ecuadorean"> Ecuadorean </option>
                                            <option value="Egyptian"> Egyptian </option>
                                            <option value="Emirian"> Emirian </option>
                                            <option value="Equatorial Guinean"> Equatorial Guinean </option>
                                            <option value="Eritrean"> Eritrean </option>
                                            <option value="Estonian"> Estonian </option>
                                            <option value="Ethiopian"> Ethiopian </option>
                                            <option value="Fijian"> Fijian </option>
                                            <option value="Filipino"> Filipino </option>
                                            <option value="Finnish"> Finnish </option>
                                            <option value="French"> French </option>
                                            <option value="Gabonese"> Gabonese </option>
                                            <option value="Gambian"> Gambian </option>
                                            <option value="Georgian"> Georgian </option>
                                            <option value="German"> German </option>
                                            <option value="Ghanaian"> Ghanaian </option>
                                            <option value="Greek"> Greek </option>
                                            <option value="Grenadian"> Grenadian </option>
                                            <option value="Guatemalan"> Guatemalan </option>
                                            <option value="Guinea-Bissauan"> Guinea-Bissauan </option>
                                            <option value="Guinean"> Guinean </option>
                                            <option value="Guyanese"> Guyanese </option>
                                            <option value="Haitian"> Haitian </option>
                                            <option value="Herzegovinian"> Herzegovinian </option>
                                            <option value="Honduran"> Honduran </option>
                                            <option value="Hungarian"> Hungarian </option>
                                            <option value="I-Kiribati"> I-Kiribati </option>
                                            <option value="Icelander"> Icelander </option>
                                            <option value="Indian"> Indian </option>
                                            <option value="Indonesian"> Indonesian </option>
                                            <option value="Iranian"> Iranian </option>
                                            <option value="Iraqi"> Iraqi </option>
                                            <option value="Irish"> Irish </option>
                                            <option value="Irish"> Irish </option>
                                            <option value="Israeli"> Israeli </option>
                                            <option value="Italian"> Italian </option>
                                            <option value="Ivorian"> Ivorian </option>
                                            <option value="Jamaican"> Jamaican </option>
                                            <option value="Japanese"> Japanese </option>
                                            <option value="Jordanian"> Jordanian </option>
                                            <option value="Kazakhstani"> Kazakhstani </option>
                                            <option value="Kenyan"> Kenyan </option>
                                            <option value="Kittian and Nevisian"> Kittian and Nevisian </option>
                                            <option value="Kuwaiti"> Kuwaiti </option>
                                            <option value="Kyrgyz"> Kyrgyz </option>
                                            <option value="Laotian"> Laotian </option>
                                            <option value="Latvian"> Latvian </option>
                                            <option value="Lebanese"> Lebanese </option>
                                            <option value="Liberian"> Liberian </option>
                                            <option value="Libyan"> Libyan </option>
                                            <option value="Liechtensteiner"> Liechtensteiner </option>
                                            <option value="Lithuanian"> Lithuanian </option>
                                            <option value="Luxembourger"> Luxembourger </option>
                                            <option value="Macedonian"> Macedonian </option>
                                            <option value="Malagasy"> Malagasy </option>
                                            <option value="Malawian"> Malawian </option>
                                            <option value="Malaysian"> Malaysian </option>
                                            <option value="Maldivan"> Maldivan </option>
                                            <option value="Malian"> Malian </option>
                                            <option value="Maltese"> Maltese </option>
                                            <option value="Marshallese"> Marshallese </option>
                                            <option value="Mauritanian"> Mauritanian </option>
                                            <option value="Mauritian"> Mauritian </option>
                                            <option value="Mexican"> Mexican </option>
                                            <option value="Micronesian"> Micronesian </option>
                                            <option value="Moldovan"> Moldovan </option>
                                            <option value="Monacan"> Monacan </option>
                                            <option value="Mongolian"> Mongolian </option>
                                            <option value="Moroccan"> Moroccan </option>
                                            <option value="Mosotho"> Mosotho </option>
                                            <option value="Motswana"> Motswana </option>
                                            <option value="Mozambican"> Mozambican </option>
                                            <option value="Namibian"> Namibian </option>
                                            <option value="Nauruan"> Nauruan </option>
                                            <option value="Nepalese"> Nepalese </option>
                                            <option value="Netherlander"> Netherlander </option>
                                            <option value="New Zealander"> New Zealander </option>
                                            <option value="Ni-Vanuatu"> Ni-Vanuatu </option>
                                            <option value="Nicaraguan"> Nicaraguan </option>
                                            <option value="Nigerian"> Nigerian </option>
                                            <option value="Nigerien"> Nigerien </option>
                                            <option value="North Korean"> North Korean </option>
                                            <option value="Northern Irish"> Northern Irish </option>
                                            <option value="Norwegian"> Norwegian </option>
                                            <option value="Omani"> Omani </option>
                                            <option value="Pakistani"> Pakistani </option>
                                            <option value="Palauan"> Palauan </option>
                                            <option value="Panamanian"> Panamanian </option>
                                            <option value="Papua New Guinean"> Papua New Guinean </option>
                                            <option value="Paraguayan"> Paraguayan </option>
                                            <option value="Peruvian"> Peruvian </option>
                                            <option value="Polish"> Polish </option>
                                            <option value="Palestinian"> Palestinian </option>
                                            <option value="Portuguese"> Portuguese </option>
                                            <option value="Qatari"> Qatari </option>
                                            <option value="Romanian"> Romanian </option>
                                            <option value="Russian"> Russian </option>
                                            <option value="Rwandan"> Rwandan </option>
                                            <option value="Saint Lucian"> Saint Lucian </option>
                                            <option value="Salvadoran"> Salvadoran </option>
                                            <option value="Samoan"> Samoan </option>
                                            <option value="San Marinese"> San Marinese </option>
                                            <option value="Sao Tomean"> Sao Tomean </option>

                                            <option value="Scottish"> Scottish </option>
                                            <option value="Senegalese"> Senegalese </option>
                                            <option value="Serbian"> Serbian </option>
                                            <option value="Seychellois"> Seychellois </option>
                                            <option value="Sierra Leonean"> Sierra Leonean </option>
                                            <option value="Singaporean"> Singaporean </option>
                                            <option value="Slovakian"> Slovakian </option>
                                            <option value="Slovenian"> Slovenian </option>
                                            <option value="Solomon Islander"> Solomon Islander </option>
                                            <option value="Somali"> Somali </option>
                                            <option value="South African"> South African </option>
                                            <option value="South Korean"> South Korean </option>
                                            <option value="Spanish"> Spanish </option>
                                            <option value="Sri Lankan"> Sri Lankan </option>
                                            <option value="Sudanese"> Sudanese </option>
                                            <option value="Surinamer"> Surinamer </option>
                                            <option value="Swazi"> Swazi </option>
                                            <option value="Swedish"> Swedish </option>
                                            <option value="Swiss"> Swiss </option>
                                            <option value="Syrian"> Syrian </option>
                                            <option value="Taiwanese"> Taiwanese </option>
                                            <option value="Tajik"> Tajik </option>
                                            <option value="Tanzanian"> Tanzanian </option>
                                            <option value="Thai"> Thai </option>
                                            <option value="Togolese"> Togolese </option>
                                            <option value="Tongan"> Tongan </option>
                                            <option value="Trinidadian or Tobagonian"> Trinidadian or Tobagonian
                                            </option>
                                            <option value="Tunisian"> Tunisian </option>
                                            <option value="Turkish"> Turkish </option>
                                            <option value="Tuvaluan"> Tuvaluan </option>
                                            <option value="Ugandan"> Ugandan </option>
                                            <option value="Ukrainian"> Ukrainian </option>
                                            <option value="Uruguayan"> Uruguayan </option>
                                            <option value="Uzbekistani"> Uzbekistani </option>
                                            <option value="Venezuelan"> Venezuelan </option>
                                            <option value="Vietnamese"> Vietnamese </option>
                                            <option value="Welsh"> Welsh </option>
                                            <option value="Welsh"> Welsh </option>
                                            <option value="Yemenite"> Yemenite </option>
                                            <option value="Zambian"> Zambian </option>
                                            <option value="Zimbabwean"> Zimbabwean </option>
                                            <option value="Other"> Other </option>

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Phone Number</label>
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <div class="input-group-text">+965</div>
                                            </div>
                                            <input required type="number" id="tel" name="phone_number"
                                                class="form-control" placeholder="Phone Number">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="pb-0 col-form-label-lg ">Email Address</label>
                                        <input type="email" required name="email" id="email"
                                            class="form-control" placeholder="Email Address">
                                    </div>
                                    <div class="form-group">
                                        <label class="pb-0 col-form-label-lg "for="birthday">Date of Birth</label>
                                        <input type="date" required id="dob" name="dob"
                                            class="form-control" placeholder="Date of Birth">
                                    </div>
                                    <div class="form-group">
                                        <label class="pb-0 col-form-label-lg "for="birthday">{{ $q1->question }}</label>
                                        <input type="hidden" name="question[]" value="{{ $q1->id }}">
                                        <select required id="livein" name="answer-{{ $q1->id }}"
                                            class="form-control">
                                            @foreach ($q1->option as $o1)
                                                <option value="{{ $o1->id }}">{{ $o1->option }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Gender</label>
                                        <select name="gender" id="gender" required class="form-control">
                                            <option value="">Gender</option>
                                            <option value="Male">Male</option>
                                            <option value="Female">Female</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Do You Have A Valid Driving License In Kuwait?
                                        </label>
                                        <select name="driving_license" id="license" required class="form-control">
                                            <option value="">Answer</option>
                                            <option value="Yes">Yes</option>
                                            <option value="No">No</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Enter Skills</label><br>
                                        <select name="skill[]" id="skill" multiple="multiple" class="form-control"
                                            placeholder="Select">
                                            @foreach ($allSkill as $item)
                                                <option value="{{ $item['id'] }}">{{ $item['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>{{ $q3->question }}</label><br>
                                        <input type="hidden" name="question[]" value="{{ $q3->id }}">
                                        <select required name="answer-{{ $q3->id }}" class="form-control">
                                            @foreach ($q3->option as $o3)
                                                <option value="{{ $o3->id }}">{{ $o3->option }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group">

                                                <label for="" class=" pb-0 col-form-label-lg text-capitalize">What
                                                    is your expected salary?
                                                </label>
                                                <input required name="min" id="min" type="number"
                                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                                    type="number" maxlength="5" min="0" class="form-control"
                                                    placeholder="Min">
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-sm-12">

                                            <label for="exampleFormControlSelect1" class=" pb-0 col-form-label-lg">To
                                            </label>
                                            <input required name="max" id="max" type="number"
                                                oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                                type="number" maxlength="5" min="0" class="form-control"
                                                placeholder="Max">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>{{ $q4->question }}</label><br>
                                        <input type="hidden" name="question[]" value="{{ $q4->id }}">
                                        <select required name="answer-{{ $q4->id }}" class="form-control">
                                            @foreach ($q4->option as $o4)
                                                <option value="{{ $o4->id }}">{{ $o4->option }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>{{ $q2->question }}</label><br>
                                        <input type="hidden" name="question[]" value="{{ $q2->id }}">
                                        <select required name="answer-{{ $q2->id }}" class="form-control">
                                            @foreach ($q2->option as $o2)
                                                <option value="{{ $o2->id }}">{{ $o2->option }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Are You Able To Join Immediately ?</label>
                                        <select name="join_avalibility" required
                                            class="form-control">
                                            <option value="">Answer</option>
                                            <option value="Yes">Yes</option>
                                            <option value="No">No</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>{{ $q5->question }}</label><br>
                                        <input type="hidden" name="question[]" value="{{ $q5->id }}">
                                        <select required name="answer-{{ $q5->id }}" class="form-control">
                                            @foreach ($q5->option as $o5)
                                                <option value="{{ $o5->id }}">{{ $o5->option }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>User Image</label><br>
                                        <input type="file" name="image" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label>CV(Required)</label><br>
                                        <input type="file" name="cv" class="form-control" required>
                                    </div>

                                    <button class="btn btn-primary btn-user btn-block" type="submit">
                                        SAVE
                                    </button>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $("#skill").select2({
                // theme: "classic",
                placeholder: "Select Skill",
                allowClear: true
            });
        })
    </script>
@endsection