{{-- resources/views/user/q9.blade.php --}}

@extends('layouts.dashboard')

@section('content')

<style>

*{
    box-sizing:border-box;
}

body{
    background:#f5f7fb;
}

.page-wrapper{
    width:100%;
    max-width:1000px;
    margin:auto;
    padding:20px;
}

.question-box{
    background:#fff;
    border:1px solid #ddd;
    border-radius:12px;
    padding:25px;
    margin-bottom:25px;
}

.question-title{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
    line-height:34px;
}

.custom-select{
    width:100%;
    padding:15px;
    border:1px solid #d1d5db;
    border-radius:10px;
    font-size:15px;
    background:#fff;
    outline:none;
    transition:0.3s;
}

.custom-select:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}

.submit-btn{
    background:#2563eb;
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:10px;
    font-size:16px;
    cursor:pointer;
    transition:0.3s;
}

.submit-btn:hover{
    background:#1d4ed8;
}

@media(max-width:768px){

.page-wrapper{
    padding:12px;
}

.question-box{
    padding:18px;
}

.question-title{
    font-size:18px;
    line-height:30px;
}

.custom-select{
    font-size:14px;
    padding:14px;
}

.submit-btn{
    width:100%;
}

}

</style>

<div class="page-wrapper">

<form method="POST" action="{{ route('q12.submit') }}">

@csrf

@foreach($q12 as $question)

<div class="question-box">

<div class="question-title">
{{ $question->question_id }}.
{{ $question->question_text }}
</div>

{{-- QUESTION 25 --}}

@if($question->p_code == 25)

<select name="25" class="custom-select" required>

<option value="">-- Select Option --</option>

<option value="1">18-24</option>
<option value="2">25-34</option>
<option value="3">35-44</option>
<option value="4">45-54</option>
<option value="5">55-64</option>
<option value="6">65 and over</option>

</select>

@endif



{{-- QUESTION 26 --}}

@if($question->p_code == 26)

<select name="26" class="custom-select" required>

<option value="">-- Select Option --</option>

<option value="1">Afghanistan</option>
<option value="2">Albania</option>
<option value="3">Algeria</option>
<option value="4">Andorra</option>
<option value="5">Angola</option>
<option value="6">Antigua and Barbuda</option>
<option value="7">Argentina</option>
<option value="8">Armenia</option>
<option value="9">Australia</option>
<option value="10">Austria</option>
<option value="11">Azerbaijan</option>
<option value="12">Bahamas</option>
<option value="13">Bahrain</option>
<option value="14">Bangladesh</option>
<option value="15">Barbados</option>
<option value="16">Belarus</option>
<option value="17">Belgium</option>
<option value="18">Belize</option>
<option value="19">Benin</option>
<option value="20">Bhutan</option>
<option value="21">Bolivia</option>
<option value="22">Bosnia and Herzegovina</option>
<option value="23">Botswana</option>
<option value="24">Brazil</option>
<option value="25">Brunei Darussalam</option>
<option value="26">Bulgaria</option>
<option value="27">Burkina Faso</option>
<option value="28">Burundi</option>
<option value="29">Cambodia</option>
<option value="30">Cameroon</option>
<option value="31">Canada</option>
<option value="32">Cape Verde</option>
<option value="33">Central African Republic</option>
<option value="34">Chad</option>
<option value="35">Chile</option>
<option value="36">China</option>
<option value="37">Colombia</option>
<option value="38">Comoros</option>
<option value="39">Congo, Republic of the</option>
<option value="40">Costa Rica</option>
<option value="41">Côte d'Ivoire</option>
<option value="42">Croatia</option>
<option value="43">Cuba</option>
<option value="44">Cyprus</option>
<option value="45">Czech Republic</option>
<option value="46">Democratic People's Republic of Korea</option>
<option value="47">Democratic Republic of the Congo</option>
<option value="48">Denmark</option>
<option value="49">Djibouti</option>
<option value="50">Dominica</option>
<option value="51">Dominican Republic</option>
<option value="52">Ecuador</option>
<option value="53">Egypt</option>
<option value="54">El Salvador</option>
<option value="55">Equatorial Guinea</option>
<option value="56">Eritrea</option>
<option value="57">Estonia</option>
<option value="58">Ethiopia</option>
<option value="59">Fiji</option>
<option value="60">Finland</option>
<option value="61">France</option>
<option value="62">Gabon</option>
<option value="63">Gambia</option>
<option value="64">Georgia</option>
<option value="65">Germany</option>
<option value="66">Ghana</option>
<option value="67">Greece</option>
<option value="68">Grenada</option>
<option value="69">Guatemala</option>
<option value="70">Guinea</option>
<option value="71">Guinea-Bissau</option>
<option value="72">Guyana</option>
<option value="73">Haiti</option>
<option value="74">Honduras</option>
<option value="75">Hong Kong (S.A.R.)</option>
<option value="76">Hungary</option>
<option value="77">Iceland</option>
<option value="78">India</option>
<option value="79">Indonesia</option>
<option value="80">Iran, Islamic Republic of</option>
<option value="81">Iraq</option>
<option value="82">Ireland</option>
<option value="83">Israel</option>
<option value="84">Italy</option>
<option value="85">Jamaica</option>
<option value="86">Japan</option>
<option value="87">Jordan</option>
<option value="88">Kazakhstan</option>
<option value="89">Kenya</option>
<option value="90">Kiribati</option>
<option value="91">Kuwait</option>
<option value="92">Kyrgyzstan</option>
<option value="93">Lao People's Democratic Republic</option>
<option value="94">Latvia</option>
<option value="95">Lebanon</option>
<option value="96">Lesotho</option>
<option value="97">Liberia</option>
<option value="98">Libyan Arab Jamahiriya</option>
<option value="99">Liechtenstein</option>
<option value="100">Lithuania</option>
<option value="101">Luxembourg</option>
<option value="102">Madagascar</option>
<option value="103">Malawi</option>
<option value="104">Malaysia</option>
<option value="105">Maldives</option>
<option value="106">Mali</option>
<option value="107">Malta</option>
<option value="108">Marshall Islands</option>
<option value="109">Mauritania</option>
<option value="110">Mauritius</option>
<option value="111">Mexico</option>
<option value="112">Micronesia, Federated States of</option>
<option value="113">Monaco</option>
<option value="114">Mongolia</option>
<option value="115">Montenegro</option>
<option value="116">Morocco</option>
<option value="117">Mozambique</option>
<option value="118">Myanmar</option>
<option value="119">Namibia</option>
<option value="120">Nauru</option>
<option value="121">Nepal</option>
<option value="122">Netherlands</option>
<option value="123">New Zealand</option>
<option value="124">Nicaragua</option>
<option value="125">Niger</option>
<option value="126">Nigeria</option>
<option value="127">North Korea</option>
<option value="128">Norway</option>
<option value="129">Oman</option>
<option value="130">Pakistan</option>
<option value="131">Palau</option>
<option value="132">Panama</option>
<option value="133">Papua New Guinea</option>
<option value="134">Paraguay</option>
<option value="135">Peru</option>
<option value="136">Philippines</option>
<option value="137">Poland</option>
<option value="138">Portugal</option>
<option value="139">Qatar</option>
<option value="140">Republic of Korea</option>
<option value="141">Republic of Moldova</option>
<option value="142">Romania</option>
<option value="143">Russian Federation</option>
<option value="144">Rwanda</option>
<option value="145">Saint Kitts and Nevis</option>
<option value="146">Saint Lucia</option>
<option value="147">Saint Vincent and the Grenadines</option>
<option value="148">Samoa</option>
<option value="149">San Marino</option>
<option value="150">Sao Tome and Principe</option>
<option value="151">Saudi Arabia</option>
<option value="152">Senegal</option>
<option value="153">Serbia</option>
<option value="154">Seychelles</option>
<option value="155">Sierra Leone</option>
<option value="156">Singapore</option>
<option value="157">Slovakia</option>
<option value="158">Slovenia</option>
<option value="159">Solomon Islands</option>
<option value="160">Somalia</option>
<option value="161">South Africa</option>
<option value="162">South Korea</option>
<option value="163">Spain</option>
<option value="164">Sri Lanka</option>
<option value="165">Sudan</option>
<option value="166">Suriname</option>
<option value="167">Swaziland</option>
<option value="168">Sweden</option>
<option value="169">Switzerland</option>
<option value="170">Syrian Arab Republic</option>
<option value="171">Tajikistan</option>
<option value="172">Thailand</option>
<option value="173">The former Yugoslav Republic of Macedonia</option>
<option value="174">Timor-Leste</option>
<option value="175">Togo</option>
<option value="176">Tonga</option>
<option value="177">Trinidad and Tobago</option>
<option value="178">Tunisia</option>
<option value="179">Turkey</option>
<option value="180">Turkmenistan</option>
<option value="181">Tuvalu</option>
<option value="182">Uganda</option>
<option value="183">Ukraine</option>
<option value="184">United Arab Emirates</option>
<option value="185">United Kingdom of Great Britain and Northern Ireland</option>
<option value="186">United Republic of Tanzania</option>
<option value="187">United States of America</option>
<option value="188">Uruguay</option>
<option value="189">Uzbekistan</option>
<option value="190">Vanuatu</option>
<option value="191">Venezuela, Bolivarian Republic of</option>
<option value="192">Viet Nam</option>
<option value="193">Yemen</option>
<option value="194">Zambia</option>
<option value="195">Zimbabwe</option>

</select>

@endif




{{-- QUESTION 27 --}}

@if($question->p_code == 27)

<select name="27" class="custom-select" required>

<option value="">-- Select Option --</option>

<option value="1">Acehnese</option>
<option value="2">Acholi</option>
<option value="3">Afghan</option>
<option value="4">African American</option>
<option value="5">Afrikaner</option>
<option value="6">Akan</option>
<option value="7">Albanian</option>
<option value="8">Algerian</option>
<option value="9">American</option>
<option value="10">Amhara</option>
<option value="11">Anglo-Burmese</option>
<option value="12">Anglo-Indian</option>
<option value="13">Angolan</option>
<option value="14">Argentinian</option>
<option value="15">Armenian</option>
<option value="16">Assyrian</option>
<option value="17">Australian Aboriginal</option>
<option value="18">Australian South Sea Islander</option>
<option value="19">Austrian</option>
<option value="20">Azeri</option>
<option value="21">Bahraini</option>
<option value="22">Balinese</option>
<option value="23">Bangladeshi</option>
<option value="24">Barbadian</option>
<option value="25">Bari</option>
<option value="26">Basque</option>
<option value="27">Batswana</option>
<option value="28">Belarusan</option>
<option value="29">Belgian</option>
<option value="30">Bengali</option>
<option value="31">Berber</option>
<option value="32">Bermudan</option>
<option value="33">Bhutanese</option>
<option value="34">Bolivian</option>
<option value="35">Bosnian</option>
<option value="36">Brazilian</option>
<option value="37">British, not listed above</option>
<option value="38">Bruneian</option>
<option value="39">Bulgarian</option>
<option value="40">Burgher</option>
<option value="41">Burmese</option>
<option value="42">Burundian</option>
<option value="43">Cameroonian</option>
<option value="44">Canadian</option>
<option value="45">Caribbean Islander, not listed above</option>
<option value="46">Catalan</option>
<option value="47">Central American, not listed above</option>
<option value="48">Central and West African, not listed above</option>
<option value="49">Central Asian, not listed above</option>
<option value="50">Chaldean</option>
<option value="51">Channel Islander</option>
<option value="52">Chilean</option>
<option value="53">Chin</option>
<option value="54">Chinese</option>
<option value="55">Chinese Asian, not listed above</option>
<option value="56">Colombian</option>
<option value="57">Congolese</option>
<option value="58">Cook Islander</option>
<option value="59">Coptic</option>
<option value="60">Costa Rican</option>
<option value="61">Croatian</option>
<option value="62">Cuban</option>
<option value="63">Cypriot</option>
<option value="64">Czech</option>
<option value="65">Danish</option>
<option value="66">Darfu/Darfurian</option>
<option value="67">Dinka</option>
<option value="68">Dutch</option>
<option value="69">Eastern European, not listed above</option>
<option value="70">Ecuadorian</option>
<option value="71">Egyptian</option>
<option value="72">Emirati</option>
<option value="73">English</option>
<option value="74">Eritrean</option>
<option value="75">Estonian</option>
<option value="76">Ethiopian</option>
<option value="77">Fijian</option>
<option value="78">Fijian Indian</option>
<option value="79">Filipino</option>
<option value="80">Finnish</option>
<option value="81">Flemish</option>
<option value="82">French</option>
<option value="83">French Canadian</option>
<option value="84">Frisian</option>
<option value="85">Fulani</option>
<option value="86">Georgian</option>
<option value="87">German</option>
<option value="88">Ghanaian</option>
<option value="89">Gibraltarian</option>
<option value="90">Gio</option>
<option value="91">Greek</option>
<option value="92">Guatemalan</option>
<option value="93">Gujarati</option>
<option value="94">Guyanese</option>
<option value="95">Hawaiian</option>
<option value="96">Hazara</option>
<option value="97">Hispanic (North American)</option>
<option value="98">Hmong</option>
<option value="99">Hungarian</option>
<option value="100">Hutu</option>
<option value="101">Icelandic</option>
<option value="102">Igbo</option>
<option value="103">I-Kiribati</option>
<option value="104">Indian</option>
<option value="105">Indian Tamil</option>
<option value="106">Indonesian</option>
<option value="107">Iranian</option>
<option value="108">Iraqi</option>
<option value="109">Irish</option>
<option value="110">Italian</option>
<option value="111">Ivorian</option>
<option value="112">Jamaican</option>
<option value="113">Japanese</option>
<option value="114">Javanese</option>
<option value="115">Jewish</option>
<option value="116">Jordanian</option>
<option value="117">Kadazan</option>
<option value="118">Karen</option>
<option value="119">Kashmiri</option>
<option value="120">Kazakh</option>
<option value="121">Kenyan</option>
<option value="122">Khmer (Cambodian)</option>
<option value="123">Korean</option>
<option value="124">Krahn</option>
<option value="125">Kunama</option>
<option value="126">Kurdish</option>
<option value="127">Kuwaiti</option>
<option value="128">Kyrgyz</option>
<option value="129">Lao</option>
<option value="130">Latvian</option>
<option value="131">Lebanese</option>
<option value="132">Liberian</option>
<option value="133">Libyan</option>
<option value="134">Lithuanian</option>
<option value="135">Luxembourg</option>
<option value="136">Macedonian</option>
<option value="137">Madi (Ma'di)</option>
<option value="138">Madurese</option>
<option value="139">Mainland South-East Asian, not listed above</option>
<option value="140">Malawian</option>
<option value="141">Malay</option>
<option value="142">Malayali</option>
<option value="143">Maldivian</option>
<option value="144">Maltese</option>
<option value="145">Mandaean</option>
<option value="146">Mandinka</option>
<option value="147">Manx</option>
<option value="148">Maori</option>
<option value="149">Maritime South-East Asian, not listed above</option>
<option value="150">Masai</option>
<option value="151">Mauritian</option>
<option value="152">Mayan</option>
<option value="153">Melanesian and Papuan, not listed above</option>
<option value="154">Mexican</option>
<option value="155">Micronesian, not listed above</option>
<option value="156">Moldovan</option>
<option value="157">Mon</option>
<option value="158">Mongolian</option>
<option value="159">Montenegrin</option>
<option value="160">Moroccan</option>
<option value="161">Mozambican</option>
<option value="162">Namibian</option>
<option value="163">Native North American Indian</option>
<option value="164">Nauruan</option>
<option value="165">Nepalese</option>
<option value="166">New Caledonian</option>
<option value="167">New Zealander</option>
<option value="168">Nicaraguan</option>
<option value="169">Nigerian</option>
<option value="170">Niuean</option>
<option value="171">Ni-Vanuatu</option>
<option value="172">North American, not listed above</option>
<option value="173">Northern European, not listed above</option>
<option value="174">Norwegian</option>
<option value="175">Nubian</option>
<option value="176">Nuer</option>
<option value="177">Ogaden</option>
<option value="178">Omani</option>
<option value="179">Oromo</option>
<option value="180">Other North African and Middle Eastern, not listed above</option>
<option value="181">Other North-East Asian, not listed above</option>
<option value="182">OTHER.......</option>
<option value="183">Pakistani</option>
<option value="184">Palestinian</option>
<option value="185">Papua New Guinean</option>
<option value="186">Paraguayan</option>
<option value="187">Parsi</option>
<option value="188">Pathan</option>
<option value="189">Peoples of the Sudan, not listed above</option>
<option value="190">Peruvian</option>
<option value="191">Polish</option>
<option value="192">Polynesian, not listed above</option>
<option value="193">Portuguese</option>
<option value="194">Puerto Rican</option>
<option value="195">Punjabi</option>
<option value="196">Qatari</option>
<option value="197">Rohingya</option>
<option value="198">Roma/Gypsy</option>
<option value="199">Romanian</option>
<option value="200">Russian</option>
<option value="201">Rwandan</option>
<option value="202">Salvadoran</option>
<option value="203">Samoan</option>
<option value="204">Saudi Arabian</option>
<option value="205">Scottish</option>
<option value="206">Senegalese</option>
<option value="207">Serbian</option>
<option value="208">Seychellois</option>
<option value="209">Shona</option>
<option value="210">Sierra Leonean</option>
<option value="211">Sikh</option>
<option value="212">Sindhi</option>
<option value="213">Singaporean</option>
<option value="214">Sinhalese</option>
<option value="215">Slovak</option>
<option value="216">Slovene</option>
<option value="217">Solomon Islander</option>
<option value="218">Somali</option>
<option value="219">Sorb/Wend</option>
<option value="220">South African</option>
<option value="221">South American, not listed above</option>
<option value="222">South Eastern European, not listed above</option>
<option value="223">South Sudanese</option>
<option value="224">Southern and East African, not listed above</option>
<option value="225">Southern Asian, not listed above</option>
<option value="226">Southern European, not listed above</option>
<option value="227">Spanish</option>
<option value="228">Sri Lankan</option>
<option value="229">Sri Lankan Tamil</option>
<option value="230">Sudanese</option>
<option value="231">Sundanese</option>
<option value="232">Swahili</option>
<option value="233">Swazilander</option>
<option value="234">Swedish</option>
<option value="235">Swiss</option>
<option value="236">Syrian</option>
<option value="237">Tahitian</option>
<option value="238">Taiwanese</option>
<option value="239">Tajik</option>
<option value="240">Tamil, nfd</option>
<option value="241">Tanzanian</option>
<option value="242">Tatar</option>
<option value="243">Telugu</option>
<option value="244">Temoq</option>
<option value="245">Thai</option>
<option value="246">Themne</option>
<option value="247">Tibetan</option>
<option value="248">Tigrayan</option>
<option value="249">Tigre</option>
<option value="250">Timorese</option>
<option value="251">Togolese</option>
<option value="252">Tokelauan</option>
<option value="253">Tongan</option>
<option value="254">Torres Strait Islander</option>
<option value="255">Trinidadian (Tobagonian)</option>
<option value="256">Tunisian</option>
<option value="257">Turkish</option>
<option value="258">Turkmen</option>
<option value="259">Tuvaluan</option>
<option value="260">Ugandan</option>
<option value="261">Uighur</option>
<option value="262">Ukrainian</option>
<option value="263">Uruguayan</option>
<option value="264">Uzbek</option>
<option value="265">Venezuelan</option>
<option value="266">Vietnamese</option>
<option value="267">Vlach</option>
<option value="268">Welsh</option>
<option value="269">Western European, not listed above</option>
<option value="270">Yemeni</option>
<option value="271">Yoruba</option>
<option value="272">Zambian</option>
<option value="273">Zimbabwean</option>
<option value="274">Zulu</option>

</select>

@endif

</div>

@endforeach


<button type="submit" class="submit-btn">
Submit Survey
</button>

</form>

</div>

@endsection