@extends('Admin.layout')

@section('content')

<div class="container py-5">

    <div class="row justify-content-center">

        <div class="col-lg-7 col-md-9">

            <div class="card border-0 shadow-sm rounded-4">

                <div class="card-body p-4 p-md-5">

                    <div class="text-center mb-4">
                        <h3 class="fw-bold mb-2">Add FAQ</h3>
                        <p class="text-muted mb-0">
                            Add a frequently asked question and its answer.
                        </p>
                    </div>

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
<form action="{{ route('store_faq') }}" method="POST">
    @csrf

    <!-- Question -->
    <div class="mb-4">
        <label class="form-label fw-semibold">
            Question
        </label>

        <input
            type="text"
            name="question"
            class="form-control form-control-lg"
            placeholder="Do I need to book an appointment?"
            value="{{ old('question') }}"
            required
        >
    </div>

    <!-- Answer -->
    <div class="mb-4">
        <label class="form-label fw-semibold">
            Answer
        </label>

        <textarea
            name="answer"
            class="form-control"
            rows="6"
            placeholder="Enter the answer..."
            required
        >{{ old('answer') }}</textarea>
    </div>

    <!-- Type -->
    <div class="mb-4">
        <label class="form-label fw-semibold">
            Type
        </label>

        <select
            name="type"
            class="form-select form-select-lg"
            required
        >
            <option value="">Select Type</option>

            <option value="academy"
                {{ old('type') == 'academy' ? 'selected' : '' }}>
                Academy
            </option>
              <option value="online_consultancy"
                {{ old('type') == 'online_consultancy' ? 'selected' : '' }}>
                Online Consultancy
            </option>

            <option value="clinic"
                {{ old('type') == 'clinic' ? 'selected' : '' }}>
                Clinic
            </option>
        </select>
    </div>

    <!-- Submit -->
    <div class="d-flex justify-content-end gap-2">
        <button type="submit" class="btn btn-primary px-4">
            Add FAQ
        </button>
    </div>

</form>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection