@extends('layouts.admin')

@section('title', 'Add Testimonial | Admin')

@section('content')

<div class="container py-5">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-1">Add Testimonial</h1>
            <p class="text-muted mb-0">Add a student testimonial.</p>
        </div>

        <a href="{{ route('admin.testimonials.index') }}"
           class="btn btn-outline-secondary">
            Back to Testimonials
        </a>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Please fix the following:</strong>
            <ul class="mb-0 mt-2">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card border-0 shadow-sm">
        <div class="card-body p-4 p-lg-5">

            <form method="POST"
                  action="{{ route('admin.testimonials.store') }}">
                @csrf

                <div class="row g-4">

                    <div class="col-md-6">
                        <label for="name" class="form-label">
                            Student Name
                        </label>

                        <input
                            type="text"
                            id="name"
                            name="name"
                            value="{{ old('name') }}"
                            class="form-control"
                            required
                        >
                    </div>

                    <div class="col-md-6">
                        <label for="designation" class="form-label">
                            Designation
                        </label>

                        <input
                            type="text"
                            id="designation"
                            name="designation"
                            value="{{ old('designation') }}"
                            class="form-control"
                            placeholder="Student / Professional"
                        >
                    </div>

                    <div class="col-12">
                        <label for="content" class="form-label">
                            Testimonial
                        </label>

                        <textarea
                            id="content"
                            name="content"
                            rows="6"
                            class="form-control"
                            required
                        >{{ old('content') }}</textarea>
                    </div>

                    <div class="col-md-4">
                        <label for="rating" class="form-label">
                            Rating
                        </label>

                        <select
                            id="rating"
                            name="rating"
                            class="form-select"
                            required
                        >
                            @for ($i = 5; $i >= 1; $i--)
                                <option
                                    value="{{ $i }}"
                                    {{ old('rating', 5) == $i ? 'selected' : '' }}
                                >
                                    {{ $i }} Star{{ $i > 1 ? 's' : '' }}
                                </option>
                            @endfor
                        </select>
                    </div>

                    <div class="col-md-4">
                        <label for="image" class="form-label">
                            Image Path
                        </label>

                        <input
                            type="text"
                            id="image"
                            name="image"
                            value="{{ old('image') }}"
                            class="form-control"
                            placeholder="testimonials/student.jpg"
                        >
                    </div>

                    <div class="col-md-4">
                        <label for="status" class="form-label">
                            Status
                        </label>

                        <select
                            id="status"
                            name="status"
                            class="form-select"
                            required
                        >
                            <option value="1"
                                {{ old('status', '1') == '1' ? 'selected' : '' }}>
                                Active
                            </option>

                            <option value="0"
                                {{ old('status') === '0' ? 'selected' : '' }}>
                                Inactive
                            </option>
                        </select>
                    </div>

                    <div class="col-12">
                        <hr>

                        <button type="submit"
                                class="btn btn-primary px-4">
                            Create Testimonial
                        </button>

                        <a href="{{ route('admin.testimonials.index') }}"
                           class="btn btn-outline-secondary ms-2">
                            Cancel
                        </a>
                    </div>

                </div>
            </form>

        </div>
    </div>

</div>

@endsection