{{-- resources/views/user/org_q12.blade.php --}}
@if(session('error'))
<script>
    alert("{{ session('error') }}");
</script>
@endif
@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_q12.submit') }}">

        @csrf

        @foreach($org_q12 as $question)

        <div class="question-box">

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

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

            <div class="select-wrapper">
                <select name="26" 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 27 --}}
            @if($question->p_code == 27)

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