@extends('web_site.account.layout')

@php
    $doctor = $booking->doctor;
    $isOnline = $booking->type === 'online';
    $isUpcoming = in_array($booking->status, \App\Models\Clinic\Booking::UPCOMING_STATUSES, true) && $booking->scheduled_at->isFuture();
    $isPaid = $booking->payment?->status === 'paid';
    $publishedRecord = $booking->medicalRecord?->published_at ? $booking->medicalRecord : null;
    $canReview = $booking->status === 'completed' && ! $booking->review;
    $paymentLabel = $isPaid
        ? trans('site.bookings.paid_online')
        : ($booking->status === 'pending' ? trans('site.bookings.awaiting_payment') : trans('site.bookings.pay_at_clinic'));
@endphp

@section('account_title', trans('site.bookings.details_title'))

@section('account_content')
    <div class="account-card">
        <div class="account-card__head">
            <div>
                <a href="{{ route('clinic.my-bookings.index') }}" class="account-back"><i class="far fa-arrow-left"></i> {{ trans('site.account.menu.bookings') }}</a>
                <h2 class="account-card__title mt-1">{{ trans('site.bookings.number', ['id' => $booking->id]) }}</h2>
            </div>
            <span class="status-badge status-badge--{{ $booking->status }}">{{ trans('clinic.bookings.statuses.'.$booking->status) }}</span>
        </div>

        <div class="doctor-strip">
            <img src="{{ $doctor->photo_path ? asset($doctor->photo_path) : asset('assets_web/img/team/img1.webp') }}" alt="{{ $doctor->name }}" loading="lazy">
            <div class="doctor-strip__who">
                <h3>{{ $doctor->name }}</h3>
                <span>{{ $doctor->specialty?->name }}</span>
            </div>
            <div class="doctor-strip__links">
                <a href="{{ route('clinic.doctors.show', $doctor) }}">{{ trans('site.bookings.doctor_profile') }}</a>
                <a href="{{ route('clinic.chat.index', $doctor) }}"><i class="far fa-comment-dots"></i> {{ trans('site.bookings.message_doctor') }}</a>
            </div>
        </div>

        <table class="member-table booking-facts">
            <tbody>
                <tr><th><i class="far {{ $isOnline ? 'fa-video' : 'fa-hospital-user' }}"></i> {{ trans('site.bookings.type') }}</th><td>{{ trans('clinic.bookings.'.$booking->type) }}</td></tr>
                <tr><th><i class="far fa-calendar-alt"></i> {{ trans('site.bookings.date') }}</th><td>{{ $booking->scheduled_at->translatedFormat('l j F Y') }}</td></tr>
                <tr><th><i class="far fa-clock"></i> {{ trans('site.bookings.time') }}</th><td>{{ $booking->scheduled_at->translatedFormat('h:i A') }}</td></tr>
                @unless ($isOnline)
                    <tr><th><i class="far fa-map-marker-alt"></i> {{ trans('site.bookings.place') }}</th><td>{{ $booking->clinicProfile?->name }}@if ($booking->clinicProfile?->branch) — {{ $booking->clinicProfile->branch->name }}@endif</td></tr>
                @endunless
                <tr><th><i class="far fa-wallet"></i> {{ trans('site.bookings.payment') }}</th><td>{{ $paymentLabel }}</td></tr>
                <tr class="booking-facts__total"><th>{{ trans('site.bookings.total') }}</th><td>{{ number_format((float) $booking->price, 0) }} {{ trans('site.bookings.currency') }}</td></tr>
            </tbody>
        </table>

        @if ($isOnline && $isUpcoming)
            <div class="account-note mt-3"><i class="far fa-video"></i><span>{{ trans('site.bookings.online_note') }}</span></div>
        @endif

        @if ($booking->followup?->is_required && $booking->followup->status === 'pending')
            <div class="account-note mt-3">
                <i class="far fa-redo"></i>
                <span>
                    <strong class="d-block">{{ trans('site.bookings.followup_title') }}</strong>
                    @if ($booking->followup->due_date)
                        {{ trans('site.bookings.followup_due', ['date' => $booking->followup->due_date->translatedFormat('j F Y')]) }} —
                    @endif
                    {{ trans('site.bookings.followup_contact') }}
                </span>
            </div>
        @endif

        @if ($booking->review)
            <div class="my-review mt-3">
                <strong>{{ trans('site.bookings.your_review') }}</strong>
                <span class="my-review__stars" aria-label="{{ trans('site.bookings.rating_label', ['count' => $booking->review->doctor_rating]) }}">
                    @for ($i = 1; $i <= 5; $i++)<i class="fas fa-star {{ $i <= $booking->review->doctor_rating ? 'is-on' : '' }}"></i>@endfor
                </span>
                @if ($booking->review->doctor_comment)
                    <p class="mb-0 mt-1">{{ $booking->review->doctor_comment }}</p>
                @endif
            </div>
        @endif

        <div class="booking-actions">
            @if ($booking->status === 'pending' && ! $isPaid)
                <a href="{{ route('clinic.payments.initiate', $booking) }}" class="vs-btn style2">{{ trans('site.bookings.pay') }} <i class="far fa-credit-card"></i></a>
            @endif
            @if ($publishedRecord)
                <a href="{{ route('clinic.medical-records.show', $publishedRecord) }}" class="vs-btn style2">{{ trans('site.bookings.report') }} <i class="far fa-file-medical-alt"></i></a>
            @endif
            @if ($canReview)
                <button type="button" class="vs-btn style2" data-bs-toggle="modal" data-bs-target="#reviewModal">{{ trans('site.bookings.review') }} <i class="far fa-star"></i></button>
            @endif
            @if ($canReschedule)
                <a href="{{ route('clinic.my-bookings.reschedule.form', $booking) }}" class="booking-action booking-action--soft">{{ trans('site.bookings.reschedule') }}</a>
            @endif
            @if ($canCancel)
                <button type="button" class="booking-action booking-action--danger" data-bs-toggle="modal" data-bs-target="#cancelModal">{{ trans('site.bookings.cancel') }}</button>
            @endif
        </div>

        @if ($isUpcoming)
            <p class="small text-muted mt-3 mb-0">
                @if ($canCancel)
                    {{ trans('site.bookings.cancel_policy', ['hours' => $cancelHours]) }}
                @else
                    {{ trans('site.bookings.cancel_closed', ['hours' => $cancelHours]) }}
                @endif
            </p>
        @endif
    </div>

    @if ($booking->status !== 'cancelled')
        <div class="account-card">
            <div class="account-card__head">
                <div>
                    <h2 class="account-card__title">{{ trans('site.bookings.files_title') }}</h2>
                    <p class="mb-0 mt-1 small">{{ trans('site.bookings.files_hint') }}</p>
                </div>
            </div>

            @if ($booking->attachments->isNotEmpty())
                <ul class="file-list">
                    @foreach ($booking->attachments as $attachment)
                        <li>
                            <a href="{{ asset($attachment->file_path) }}" target="_blank" rel="noopener">
                                <i class="far {{ $attachment->file_type === 'image' ? 'fa-file-image' : 'fa-file-alt' }}"></i>
                                {{ $attachment->label ?: trans('clinic.attachments.file') }}
                            </a>
                            <small>{{ $attachment->created_at?->translatedFormat('j F Y') }}</small>
                        </li>
                    @endforeach
                </ul>
            @endif

            <form action="{{ route('clinic.bookings.attachments.store', $booking) }}" method="POST" enctype="multipart/form-data" class="row g-3 align-items-end">
                @csrf
                <div class="col-md-5">
                    <label for="attachment_label" class="account-label">{{ trans('clinic.attachments.label') }}</label>
                    <input type="text" name="label" id="attachment_label" class="form-control style2" placeholder="{{ trans('clinic.attachments.label_placeholder') }}">
                </div>
                <div class="col-md-4">
                    <label for="attachment_file" class="account-label">{{ trans('clinic.attachments.file') }}</label>
                    <input type="file" name="file" id="attachment_file" class="form-control account-file" required>
                </div>
                <div class="col-md-3">
                    <button type="submit" class="vs-btn style2 w-100">{{ trans('clinic.attachments.upload') }} <i class="far fa-upload"></i></button>
                </div>
            </form>
        </div>
    @endif

    @if ($canCancel)
        <div class="modal fade" id="cancelModal" tabindex="-1" aria-labelledby="cancelModalTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <form action="{{ route('clinic.my-bookings.cancel', $booking) }}" method="POST" class="modal-content account-modal">
                    @csrf
                    <h2 class="h5 text-center mb-3" id="cancelModalTitle">{{ trans('site.bookings.cancel_title') }}</h2>
                    <label for="cancel_reason" class="account-label">{{ trans('site.bookings.cancel_reason') }}</label>
                    <textarea name="reason" id="cancel_reason" rows="2" maxlength="500" class="form-control style2 mb-4"></textarea>
                    <div class="d-flex gap-3">
                        <button type="submit" class="booking-action booking-action--danger flex-fill">{{ trans('site.bookings.yes_cancel') }}</button>
                        <button type="button" class="booking-action booking-action--soft flex-fill" data-bs-dismiss="modal">{{ trans('site.bookings.keep') }}</button>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if ($canReview)
        <div class="modal fade" id="reviewModal" tabindex="-1" aria-labelledby="reviewModalTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <form action="{{ route('clinic.reviews.store', $booking) }}" method="POST" class="modal-content account-modal">
                    @csrf
                    <h2 class="h5 text-center mb-3" id="reviewModalTitle">{{ trans('site.bookings.review_title') }}</h2>
                    @include('web_site.account.partials.star-input', ['name' => 'doctor_rating', 'label' => trans('clinic.reviews.rate_doctor').': '.$doctor->name])
                    <textarea name="doctor_comment" rows="2" maxlength="2000" class="form-control style2 mb-3" placeholder="{{ trans('site.bookings.review_notes') }}" aria-label="{{ trans('site.bookings.review_notes') }}">{{ old('doctor_comment') }}</textarea>
                    @include('web_site.account.partials.star-input', ['name' => 'clinic_rating', 'label' => trans('clinic.reviews.rate_clinic').': '.($booking->clinicProfile?->name ?? '')])
                    <textarea name="clinic_comment" rows="2" maxlength="2000" class="form-control style2 mb-4" placeholder="{{ trans('site.bookings.review_notes') }}" aria-label="{{ trans('site.bookings.review_notes') }}">{{ old('clinic_comment') }}</textarea>
                    <button type="submit" class="vs-btn style2 w-100">{{ trans('site.bookings.review_confirm') }} <i class="far fa-check"></i></button>
                </form>
            </div>
        </div>
    @endif
@endsection

@section('js')
    @if ($canReview && ($errors->has('doctor_rating') || $errors->has('clinic_rating')))
        <script>
            // Reopen the review form after a failed submit.
            document.addEventListener('DOMContentLoaded', function () {
                bootstrap.Modal.getOrCreateInstance(document.getElementById('reviewModal')).show();
            });
        </script>
    @endif
@endsection