{{-- 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('q9.submit') }}">

@csrf

@foreach($q9 as $question)

<div class="question-box">

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

{{-- QUESTION 16 --}}

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

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

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

<option value="1">
Public Sector
</option>

<option value="2">
Not-for-Profit Sector
</option>

<option value="3">
Private Sector
</option>

</select>

@endif



{{-- QUESTION 17 --}}

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

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

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

<option value="1">Accommodation and Food Services</option>

<option value="2">Administrative and Support Services</option>

<option value="3">Arts and Recreation Services</option>

<option value="4">Construction</option>

<option value="5">Education and Training</option>

<option value="6">Electricity, Gas, Water and Waste Services</option>

<option value="7">Financial and Insurance Services</option>

<option value="8">Health Care and Social Assistance</option>

<option value="9">Information Media and Telecommunications</option>

<option value="10">Professional, Scientific and Technical Services</option>

<option value="11">Not-for-profit Services</option>

<option value="12">Public Administration and Safety</option>

<option value="13">Rental, Hiring and Real Estate Services</option>

<option value="14">Retail Trade</option>

<option value="15">Transport, Postal and Warehousing</option>

<option value="16">Wholesale Trade</option>

<option value="17">Other Services</option>

</select>

@endif




{{-- QUESTION 18 --}}

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

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

<option value="">-- Select Service Type --</option>

<option value="1">Advocacy and Philanthropy</option>

<option value="2">Aged Care Services</option>

<option value="3">Animal Welfare Services</option>

<option value="4">Carer Support Services</option>

<option value="5">Community Development Services</option>

<option value="6">Disability Services</option>

<option value="7">Early Childhood Services</option>

<option value="8">Education Services</option>

<option value="9">Emergency Assistance Services</option>

<option value="10">Environment and Conservation</option>

<option value="11">Housing and Homeless Services</option>

<option value="12">Legal Services</option>

<option value="13">Mental Health Services</option>

<option value="14">Migrants and Minorities Services</option>

<option value="15">Poverty Relief Services</option>

<option value="16">Professional and Industry Associations</option>

<option value="17">Religion and Faith-based Services</option>

<option value="18">Social Services and Welfare</option>

<option value="19">Sports and Recreation Services</option>

<option value="20">Volunteering Services</option>

</select>

@endif

</div>

@endforeach


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

</form>

</div>

@endsection