@extends('dashboard.admin.layouts.master')

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('clinic.bookings.title') }} #{{ $booking->id }}</h1>
                </div>
                <a href="{{ route('admin.dashboard.clinic.bookings.index') }}" class="btn btn-sm fw-bold btn-secondary">{{ trans('clinic.common.back') }}</a>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                @if(session('success'))
                    <div class="alert alert-success mb-4">{{ session('success') }}</div>
                @endif

                <div class="card card-flush py-4">
                    <div class="card-body">
                        <div class="row g-5">
                            <div class="col-md-6">
                                <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>Patient:</strong> {{ $booking->patient->name }} — {{ $booking->patient->email }}</p>
                            </div>
                            <div class="col-md-6">
                                <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>
                                @if ($booking->payment)
                                    <p><strong>{{ trans('clinic.bookings.pay_title') }}:</strong> {{ trans('clinic.bookings.statuses.'.($booking->payment->status === 'paid' ? 'confirmed' : $booking->payment->status)) }}</p>
                                @endif
                            </div>
                        </div>

                        <div class="d-flex gap-2 mt-5">
                            @can('clinic.bookings.confirm')
                                @if ($booking->status === 'pending')
                                    <form action="{{ route('admin.dashboard.clinic.bookings.confirm', $booking) }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-success">{{ trans('clinic.bookings.confirm') }}</button>
                                    </form>
                                @endif
                            @endcan
                            @can('clinic.bookings.cancel')
                                @if (in_array($booking->status, ['pending', 'confirmed']))
                                    <form action="{{ route('admin.dashboard.clinic.bookings.cancel', $booking) }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-danger" onclick="return confirm('{{ trans('clinic.common.confirm_delete') }}')">{{ trans('clinic.bookings.cancel') }}</button>
                                    </form>
                                @endif
                            @endcan
                        </div>
                    </div>
                </div>

                @if ($booking->status === 'completed')
                    @php $followup = $booking->followup; @endphp
                    @php $doctorFlagged = $followup && ($followup->created_by === null || $followup->doctor_note !== null); @endphp
                    <div class="card card-flush py-4 mt-5">
                        <div class="card-header">
                            <h3 class="card-title">{{ trans('clinic.followups.title') }}</h3>
                        </div>
                        <div class="card-body">
                            <div class="mb-5">
                                <h4 class="fs-6 fw-bold">{{ trans('clinic.followups.doctor_flag_title') }}</h4>
                                @if ($doctorFlagged)
                                    <p class="text-gray-700 mb-1">{{ trans('clinic.followups.doctor_says_required') }}</p>
                                    @if ($followup->doctor_note)
                                        <p class="mb-0"><strong>{{ trans('clinic.followups.doctor_note') }}:</strong> {{ $followup->doctor_note }}</p>
                                    @endif
                                @else
                                    <p class="text-muted mb-0">{{ trans('clinic.followups.doctor_says_not_required') }}</p>
                                @endif
                            </div>

                            @if ($followup && $followup->status === 'scheduled')
                                <div class="alert alert-success mb-0">{{ trans('clinic.followups.already_scheduled') }}</div>
                            @else
                                @can('clinic.followups.manage')
                                    <form action="{{ route('admin.dashboard.clinic.bookings.followup.store', $booking) }}" method="POST">
                                        @csrf
                                        <h4 class="fs-6 fw-bold mb-3">{{ trans('clinic.followups.admin_decision_title') }}</h4>
                                        <div class="row g-5 mb-5">
                                            <div class="col-md-4">
                                                <label class="required form-label">{{ trans('clinic.followups.is_required') }}</label>
                                                <select name="is_required" id="followup_is_required" class="form-select @error('is_required') is-invalid @enderror">
                                                    <option value="1" @selected(old('is_required', (int) ($followup->is_required ?? true)) == 1)>{{ trans('clinic.followups.yes') }}</option>
                                                    <option value="0" @selected(old('is_required', (int) ($followup->is_required ?? true)) == 0)>{{ trans('clinic.followups.no') }}</option>
                                                </select>
                                                @error('is_required')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </div>
                                            <div class="col-md-4" id="followup_due_date_field">
                                                <label class="form-label">{{ trans('clinic.followups.due_date') }}</label>
                                                <input type="date" name="due_date" value="{{ old('due_date', $followup?->due_date?->format('Y-m-d')) }}" min="{{ now()->format('Y-m-d') }}" class="form-control @error('due_date') is-invalid @enderror">
                                                @error('due_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">{{ trans('clinic.followups.admin_note') }}</label>
                                                <input type="text" name="admin_note" value="{{ old('admin_note', $followup?->admin_note) }}" class="form-control @error('admin_note') is-invalid @enderror">
                                                @error('admin_note')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary">{{ trans('clinic.followups.save') }}</button>
                                    </form>
                                @endcan

                                @can('clinic.bookings.create')
                                    @if ($followup && $followup->is_required && $followup->due_date)
                                        <a href="{{ route('admin.dashboard.clinic.bookings.create', ['followup' => $followup->id]) }}" class="btn btn-success mt-3">
                                            {{ trans('clinic.followups.book_followup') }}
                                        </a>
                                    @endif
                                @endcan
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        document.getElementById('followup_is_required')?.addEventListener('change', function () {
            document.getElementById('followup_due_date_field').style.display = this.value === '1' ? '' : 'none';
        });
    </script>
@endsection