@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.my_bookings') }}</span>
                    <h1 class="site-title">{{ trans('clinic.bookings.title') }} #{{ $booking->id }}</h1>
                </div>

                <div class="p-4 border rounded" style="max-width: 640px;">
                    <p><strong>{{ trans('clinic.doctors.title') }}:</strong> {{ $booking->doctor->name }} ({{ $booking->doctor->specialty->name }})</p>
                    <p><strong>{{ trans('clinic.clinics.title') }}:</strong> {{ $booking->branch->name }}</p>
                    <p><strong>{{ trans('clinic.bookings.type') }}:</strong> {{ trans('clinic.bookings.'.$booking->type) }}</p>
                    <p><strong>{{ trans('clinic.bookings.date') }}:</strong> {{ $booking->scheduled_at->format('Y-m-d H:i') }}</p>
                    <p><strong>{{ trans('clinic.bookings.status') }}:</strong> {{ trans('clinic.bookings.statuses.'.$booking->status) }}</p>
                    <p><strong>{{ trans('clinic.bookings.total_due') }}:</strong> {{ number_format((float) $booking->price, 2) }}</p>

                    <div class="d-flex flex-wrap gap-2 mt-4">
                        @if ($booking->status === 'pending')
                            <a href="{{ route('clinic.payments.initiate', $booking) }}" class="theme-btn">{{ trans('clinic.bookings.proceed_to_pay') }}</a>
                        @endif

                        @if ($booking->status === 'completed' && $booking->medicalRecord)
                            <a href="{{ route('clinic.medical-records.show', $booking->medicalRecord) }}" class="theme-btn">{{ trans('clinic.medical_records.view') }}</a>
                        @endif

                        @if ($booking->status === 'completed' && !$booking->review)
                            <a href="{{ route('clinic.reviews.create', $booking) }}" class="theme-btn">{{ trans('clinic.reviews.leave_review') }}</a>
                        @endif

                        @if (in_array($booking->status, ['pending', 'confirmed']))
                            <a href="{{ route('clinic.my-bookings.reschedule.form', $booking) }}" class="theme-btn theme-btn2">{{ trans('clinic.bookings.reschedule') }}</a>

                            <form action="{{ route('clinic.my-bookings.cancel', $booking) }}" method="POST" onsubmit="return confirm('{{ trans('clinic.common.confirm_delete') }}');">
                                @csrf
                                <button type="submit" class="theme-btn theme-btn2">{{ trans('clinic.bookings.cancel') }}</button>
                            </form>
                        @endif
                    </div>
                </div>

                @if ($booking->status !== 'cancelled')
                    <div class="p-4 border rounded mt-4" style="max-width: 640px;">
                        <h4 class="mb-3">{{ trans('clinic.attachments.title') }}</h4>

                        @if ($booking->attachments->isNotEmpty())
                            <ul class="mb-3">
                                @foreach ($booking->attachments as $attachment)
                                    <li>
                                        <a href="{{ asset($attachment->file_path) }}" target="_blank">{{ $attachment->label ?: trans('clinic.attachments.file') }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted">{{ trans('clinic.attachments.none') }}</p>
                        @endif

                        <form action="{{ route('clinic.bookings.attachments.store', $booking) }}" method="POST" enctype="multipart/form-data" class="d-flex flex-wrap gap-2 align-items-end">
                            @csrf
                            <div>
                                <label class="form-label">{{ trans('clinic.attachments.label') }}</label>
                                <input type="text" name="label" class="form-control" placeholder="{{ trans('clinic.attachments.label_placeholder') }}">
                            </div>
                            <div>
                                <label class="form-label">{{ trans('clinic.attachments.file') }}</label>
                                <input type="file" name="file" class="form-control" required>
                            </div>
                            <button type="submit" class="theme-btn">{{ trans('clinic.attachments.upload') }}</button>
                        </form>
                    </div>
                @endif
            </div>
        </section>
    </main>
@endsection