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

@extends('layouts.dashboard')

@section('content')

<link rel="stylesheet" href="{{ asset('css/q_css.css') }}">

<div class="page-wrapper">

    <div class="survey-header">
        <h2>Employer Survey</h2>
        <p>Please select the option that best describes your organisation.</p>
    </div>

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

        @csrf

        @foreach($org_q10 as $question)

        <div class="question-box">

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

            {{-- QUESTION 20 --}}
            @if($question->p_code == 20)

            <div class="select-wrapper">
                <select name="20" class="custom-select" required>

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

        <option value="1">High school or below</option>
        <option value="2">Less than year 12 or equivalent in high school</option>
        <option value="3">Year 12 or equivalent in high school</option>
        <option value="4">Vocational qualification</option>
        <option value="5">Associate Diploma</option>
        <option value="6">Undergraduate Diploma</option>
        <option value="7">Bachelor Degree (including with honours)</option>
        <option value="8">Postgraduate Diploma (includes graduate certificate)</option>
        <option value="9">Master’s degree</option>
        <option value="10">Doctorate</option>

                </select>
            </div>

            @endif


            {{-- QUESTION 21 --}}
            @if($question->p_code == 21)

            <div class="select-wrapper">
                <select name="21" class="custom-select" required>

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

        <option value="1">Male</option>
        <option value="2">Female</option>
        <option value="3">Non-binary</option>
        <option value="4">Prefer to self describe</option>
        <option value="5">Prefer to not disclose</option>
                </select>
            </div>

            @endif


            {{-- QUESTION 22 --}}
            @if($question->p_code == 22)

            <div class="select-wrapper">
                <select name="22" 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>
            </div>

            @endif

        </div>

        @endforeach

        <button type="submit" class="submit-btn">
            Submit & Next →
        </button>

    </form>

</div>



@endsection