@extends('layouts.admin.app')

@section('title','Reservasi Pasien')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Reservasi Pasien</h4>

    {{-- Add Walk-in Appointment --}}
    <a href="{{ route('appointments.create') }}"
       class="btn btn-primary">
        + Tambah Reservasi Walk-in
    </a>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table id="dtAppointments"
                   class="table table-bordered table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Pasien</th>
                        <th>Layanan</th>
                        <th>Tanggal</th>
                        <th>Status</th>
                        <th>Transaksi</th>
                        <th width="300">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($appointments as $a)
                    <tr>
                        <td>
                            {{ $a->familyMember
                                ? $a->familyMember->name
                                : $a->patient->name }}

                            @if($a->familyMember)
                                <br>
                                <small class="text-muted">
                                    (Reservasi oleh: {{ $a->patient->name }})
                                </small>
                            @endif
                        </td>
                        <td>{{ $a->service?->name ?? '-' }}</td>
                        <td>
                            {{ $a->appointment_date }}
                            {{ $a->appointment_time }}
                        </td>
                        <td>
                            @if($a->status === 'pending')
                                <span class="badge bg-warning">
                                    Pending
                                </span>
                            @elseif($a->status === 'in_progress')
                                <span class="badge bg-info">
                                    In Progress
                                </span>
                            @elseif($a->status === 'completed')
                                <span class="badge bg-success">
                                    Completed
                                </span>
                            @elseif($a->status === 'cancelled')
                                <span class="badge bg-danger">
                                    Cancelled
                                </span>
                            @elseif($a->status === 'confirmed')
                                <span class="badge bg-primary">
                                    Confirmed
                                </span>
                            @else
                                <span class="badge bg-secondary">
                                    {{ ucfirst($a->status) }}
                                </span>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($a->transaction)
                                <a href="{{ route('transactions.show', $a->transaction->id) }}"
                                class="btn btn-sm btn-success">
                                    View
                                </a>
                            @elseif($a->status === \App\Models\Appointment::STATUS_COMPLETED)
                                <span class="badge bg-warning text-dark">
                                    Pending Pembayaran
                                </span>
                            @else
                                -
                            @endif
                        </td>

                        <td>
                            <!-- REVIEW BUTTON -->
                            <a href="{{ route('appointments.show',$a->id) }}"
                            class="btn btn-sm btn-primary">
                                Detail
                            </a>

                            <!-- CONFIRM -->
                            @if($a->status == 'scheduled')
                                <form method="POST"
                                    action="{{ route('appointments.confirm',$a->id) }}"
                                    style="display:inline;">
                                    @csrf
                                    <button class="btn btn-sm btn-success">
                                        Confirm
                                    </button>
                                </form>
                            @endif

                            @if($a->status == 'confirmed')
                                <a href="{{ route('appointments.printCard',$a->id) }}"
                                target="_blank"
                                class="btn btn-sm btn-secondary">
                                    Cetak Kartu
                                </a>
                            @endif


                            <!-- START SERVICE -->
                            @if($a->status == 'confirmed')
                                <form method="POST"
                                    action="{{ route('appointments.startService',$a->id) }}"
                                    style="display:inline;">
                                    @csrf
                                    <button class="btn btn-sm btn-warning">
                                        Mulai Pelayanan
                                    </button>
                                </form>
                            @endif

                            <!-- EDIT MEDICAL RECORD -->
                            @if($a->status == 'completed' && $a->medicalRecord)
                                <a href="{{ route('medical-records.edit',$a->medicalRecord->id) }}"
                                class="btn btn-sm btn-info">
                                    Edit Rekam Medis
                                </a>
                            @endif

                        </td>


                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function () {
    $('#dtAppointments').DataTable({
        pageLength: 10,
        order: [[2, 'desc']]
    });
});
</script>
@endpush

@endsection