@extends('admin.layouts.masterlayout')

@section('content')
<div class="main-content">
    <div class="card bg-dark text-white">
        <div class="card-header">
            <h4>Edit Polling Question</h4>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('question.updatePolling', $question->id) }}">
                @csrf
                @method('PUT')

                <input type="hidden" name="subcategory_id" value="{{ $subcategory->id }}">

                <!-- Question -->
                <div class="mb-3">
                    <label class="lbl_frm py-2">Question</label>
                    <input type="text" name="question" class="form-control in_text" 
                           value="{{ old('question', $question->question) }}" required>
                </div>

                <!-- Description -->
                <div class="mb-3">
                    <label class="lbl_frm py-2">Description</label>
                    <textarea name="description" class="form-control in_text" rows="3">{{ old('description', $question->description) }}</textarea>
                </div>

                <!-- Start and End Time -->
                <div class="row g-3 mt-3">
                    <div class="form-group col-md-6">
                        <label class="lbl_frm py-2">Start Time</label>
                        <input type="datetime-local" name="start_on" class="form-control in_text"
                            value="{{ old('start_on', $question->start_on ? \Carbon\Carbon::parse($question->start_on)->format('Y-m-d\TH:i') : '') }}">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="lbl_frm py-2">End Time</label>
                        <input type="datetime-local" name="expires_in" class="form-control in_text"
                            value="{{ old('expires_in', $question->expires_in ? \Carbon\Carbon::parse($question->expires_in)->format('Y-m-d\TH:i') : '') }}">
                    </div>
                </div>

                <hr class="my-4">
                <!-- <h5 class="lbl_frm py-2 text-warning">Polling Options (6 total)</h5> -->

                @for ($i = 0; $i < 6; $i++)
                    @php
                        $opt = $options[$i] ?? null;
                        $resultVal = old("options.$i.result", $opt->result ?? 0);
                    @endphp
                    <div class="row mb-3">
                        <div class="form-group col-md-6">
                            <label class="lbl_frm py-2">Option {{ $i + 1 }} Text</label>
                            <input type="text" name="options[{{ $i }}][text]" class="form-control in_text"
                                   value="{{ old("options.$i.text", $opt->options_str ?? '') }}">
                        </div>
                        <div class="form-group col-md-2">
                            <label class="lbl_frm py-2">Yes Point</label>
                            <input type="number" name="options[{{ $i }}][yes_point]" class="form-control in_text"
                                   value="{{ old("options.$i.yes_point", $opt->yes_point ?? 5) }}">
                        </div>
                        <div class="form-group col-md-2">
                            <label class="lbl_frm py-2">No Point</label>
                            <input type="number" name="options[{{ $i }}][no_point]" class="form-control in_text"
                                   value="{{ old("options.$i.no_point", $opt->no_point ?? 5) }}">
                        </div>
                        <div class="form-group col-md-2">
                            <label class="lbl_frm py-2">Result</label>
                            <select name="options[{{ $i }}][result]" class="form-control in_text">
                                <option value="0" {{ $resultVal == 0 ? 'selected' : '' }}>Pending</option>
                                <option value="1" {{ $resultVal == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="2" {{ $resultVal == 2 ? 'selected' : '' }}>No</option>
                            </select>
                        </div>
                    </div>
                @endfor

                <!-- Status -->
                <div class="mt-3">
                    <label class="lbl_frm py-2">Status</label>
                    <select name="status" class="form-control in_text">
                        <option value="1" {{ old('status', $question->status) == 1 ? 'selected' : '' }}>Pending</option>
                        <option value="2" {{ old('status', $question->status) == 2 ? 'selected' : '' }}>Live</option>
                        <option value="3" {{ old('status', $question->status) == 3 ? 'selected' : '' }}>Completed</option>
                        <option value="4" {{ old('status', $question->status) == 4 ? 'selected' : '' }}>Canceled</option>
                        <option value="5" {{ old('status', $question->status) == 5 ? 'selected' : '' }}>Paused</option>
                    </select>
                </div>

                <div class="py-3">
                    <button type="submit" class="btn btn-success">Update Polling Question</button>
                    <a href="{{ route('subcategory.viewDetails', $subcategory->id) }}" class="btn btn-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection