@extends('web_site.layouts.master')

@section('content')
    <main class="main">
        @include('web_site.partials.alerts')
        <section class="py-100">
            <div class="container">
                <div class="site-heading">
                    <span class="site-title-tagline">{{ trans('clinic.bookings.title') }} #{{ $booking->id }}</span>
                    <h1 class="site-title">{{ trans('clinic.reviews.title') }}</h1>
                </div>

                <form action="{{ route('clinic.reviews.store', $booking) }}" method="POST" style="max-width: 720px;">
                    @csrf

                    <div class="p-4 border rounded mb-4">
                        <h4 class="mb-1">{{ trans('clinic.reviews.step_one') }}</h4>
                        <p class="text-muted mb-3">{{ trans('clinic.reviews.rate_doctor') }}: {{ $booking->doctor->name }} ({{ $booking->doctor->specialty->name }})</p>

                        <div class="mb-3">
                            <label class="form-label">{{ trans('clinic.reviews.rating') }}</label>
                            <select name="doctor_rating" class="form-select" required>
                                @for ($i = 5; $i >= 1; $i--)
                                    <option value="{{ $i }}">{{ $i }} {{ trans('clinic.reviews.stars') }}</option>
                                @endfor
                            </select>
                        </div>
                        <div>
                            <label class="form-label">{{ trans('clinic.reviews.comment') }}</label>
                            <textarea name="doctor_comment" rows="3" class="form-control"></textarea>
                        </div>
                    </div>

                    <div class="p-4 border rounded mb-4">
                        <h4 class="mb-1">{{ trans('clinic.reviews.step_two') }}</h4>
                        <p class="text-muted mb-3">{{ trans('clinic.reviews.rate_clinic') }}: {{ $booking->branch->name }}</p>

                        <div class="mb-3">
                            <label class="form-label">{{ trans('clinic.reviews.rating') }}</label>
                            <select name="clinic_rating" class="form-select" required>
                                @for ($i = 5; $i >= 1; $i--)
                                    <option value="{{ $i }}">{{ $i }} {{ trans('clinic.reviews.stars') }}</option>
                                @endfor
                            </select>
                        </div>
                        <div>
                            <label class="form-label">{{ trans('clinic.reviews.comment') }}</label>
                            <textarea name="clinic_comment" rows="3" class="form-control"></textarea>
                        </div>
                    </div>

                    <button type="submit" class="theme-btn">{{ trans('clinic.reviews.submit') }}</button>
                </form>
            </div>
        </section>
    </main>
@endsection