{{-- resources/views/user/org_q9.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_q9.submit') }}">

        @csrf

        @foreach($org_q9 as $question)

        <div class="question-box">

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

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

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

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

        <option value="1">Board members</option>
        <option value="2">Clerical and administrative workers</option>
        <option value="3">Community and personal service workers</option>
        <option value="4">Executives</option>
        <option value="5">Labourers</option>
        <option value="6">Machinery operators and drivers</option>
        <option value="7">Managers</option>
        <option value="8">Professionals</option>
        <option value="9">Salespersons</option>
        <option value="10">Senior Management</option>
        <option value="11">Technicians and trades workers</option>

                </select>
            </div>

            @endif


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

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

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

        <option value="1">less than 3 months</option>
        <option value="2">3 - 6 months</option>
        <option value="3">6 - 12 months</option>
        <option value="4">1 - 2 years</option>
        <option value="5">3 years</option>
        <option value="6">4 years</option>
        <option value="7">5 - 5 years</option>
        <option value="8">5 - 10 years</option>
        <option value="9">10 - 15 years</option>
        <option value="10">15 - 20 years</option>
        <option value="11">20 - 25 years</option>
        <option value="12">25 - 30 years</option>
        <option value="13">more than 30 years</option>


                </select>
            </div>

            @endif


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

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

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

        <option value="1">less than 3 months</option>
        <option value="2">3 - 6 months</option>
        <option value="3">6 - 12 months</option>
        <option value="4">1 - 2 years</option>
        <option value="5">3 years</option>
        <option value="6">4 years</option>
        <option value="7">5 - 5 years</option>
        <option value="8">5 - 10 years</option>
        <option value="9">10 - 15 years</option>
        <option value="10">15 - 20 years</option>
        <option value="11">20 - 25 years</option>
        <option value="12">25 - 30 years</option>
        <option value="13">more than 30 years</option>
                </select>
            </div>

            @endif

        </div>

        @endforeach

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

    </form>

</div>



@endsection