@extends('admin.layouts.masterlayout')

@section('content')
<div class="main-content">
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card bg-dark text-white" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Edit Question</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        <form method="POST" action="{{ route('question.update', $question->id) }}">
                            @csrf
                            @method('PUT')

                            <!-- Row 1: Team Names (readonly) -->
                            <div class="row g-3">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Team 1 Full Name</label>
                                    <input type="text" class="form-control in_text" value="{{ $subcategory->team1fullName }}" readonly>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Team 2 Full Name</label>
                                    <input type="text" class="form-control in_text" value="{{ $subcategory->team2fullName }}" readonly>
                                </div>
                            </div>

                            <!-- Row 2: Question -->
                            <div class="row g-3 mt-3">
                                <div class="form-group col-12">
                                    <label class="lbl_frm py-2">Question</label>
                                    <input type="text" name="question" class="form-control in_text" value="{{ old('question', $question->question) }}">
                                    <span class="text-danger">{{ $errors->first('question') }}</span>
                                </div>
                            </div>

                            <!-- Row 3: Description -->
                            <div class="row g-3 mt-3">
                                <div class="form-group col-12">
                                    <label class="lbl_frm py-2">Description</label>
                                    <textarea name="description" class="form-control in_text" rows="3">{{ old('description', $question->description) }}</textarea>
                                    <span class="text-danger">{{ $errors->first('description') }}</span>
                                </div>
                            </div>

                            <!-- Row 4: Start/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') : '') }}">
                                    <span class="text-danger">{{ $errors->first('start_on') }}</span>
                                </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') : '') }}">
                                    <span class="text-danger">{{ $errors->first('expires_in') }}</span>
                                </div>
                            </div>

                            <!-- Row 5: Filter1 & Filter2 -->
                            <div class="row g-3 mt-3">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Filter 1</label>
                                    <input type="text" name="filter1" class="form-control in_text" value="{{ old('filter1', $question->filter1) }}">
                                    <span class="text-danger">{{ $errors->first('filter1') }}</span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Filter 2</label>
                                    <input type="text" name="filter2" class="form-control in_text" value="{{ old('filter2', $question->filter2) }}">
                                    <span class="text-danger">{{ $errors->first('filter2') }}</span>
                                </div>
                            </div>

                            <!-- Row 6: Yes/No Points -->
                            <div class="row g-3 mt-3">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Yes Point</label>
                                    <input type="number" name="yes_point" class="form-control in_text" value="{{ old('yes_point', $question->yes_point) }}">
                                    <span class="text-danger">{{ $errors->first('yes_point') }}</span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">No Point</label>
                                    <input type="number" name="no_point" class="form-control in_text" value="{{ old('no_point', $question->no_point) }}">
                                    <span class="text-danger">{{ $errors->first('no_point') }}</span>
                                </div>
                            </div>

                            <!-- Row 7: Result -->
                            <div class="row g-3 mt-3">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Result</label>
                                    <select name="result" class="form-control in_text">
                                        <option value="">Select Result</option>
                                        <option value="1" {{ old('result', $question->result) == 1 ? 'selected' : '' }}>Yes</option>
                                        <option value="2" {{ old('result', $question->result) == 2 ? 'selected' : '' }}>No</option>
                                    </select>
                                    <span class="text-danger">{{ $errors->first('result') }}</span>
                                </div>

                                <!-- Row 8: Status -->
                                <div class="form-group col-md-6">
                                    <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>
                                    <span class="text-danger">{{ $errors->first('status') }}</span>
                                </div>
                            </div>

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

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection