@extends('admin.main')

@section('content')
    <div class="w-lg-80 py-4 stepper-bars">
        <div class="container bg-color p-3 rounded-4">
            <div class="container my-5">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <form method="POST" action="submit_survey" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="user_id" value="{{ auth()->user()->id }}">

                            @foreach ($surveys as $survey)
                            <input type="hidden" name="question_id[]" value="{{ $survey->id }}">

                            <h1 class="mb-4 text-center">{{ $survey->q_name }}</h1>
                            <div class="form-group">
                                <p id="question" class="question-text"><strong>{{ $survey->question }}</strong></p>
                            </div>

                            <div class="form-group">
                                <div class="form-check">
                                    @for ($i = 1; $i <= 8; $i++)
                                        @php
                                            $optionKey = 'option_' . $i;
                                            $optionValue = $survey->{$optionKey};
                                        @endphp

                                        @if (!empty($optionValue))
                                            <input type="radio" class="form-check-input" name="answer[{{ $survey->id }}]" id="option{{ $i }}" value="{{ $optionValue }}">
                                            <label class="form-check-label option-item" for="option{{ $i }}">{{ $optionValue }}</label>
                                            <br>
                                        @endif
                                    @endfor
                                </div>
                            </div>
                            @endforeach
                            <button type="submit" class="btn btn-primary submit-button">Submit</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Include Bootstrap JS (you may need to adjust the path) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.min.js"></script>
@endsection