@extends('layouts.admin.app')

@section('title','Daftar Transaksi')

@section('content')
<h4 class="mb-4">Daftar Transaksi</h4>

@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif

<table id="dtTransactions" class="table table-hover align-middle mb-0">
    <thead class="table-light">
        <tr>
            <th>Kode Transaksi</th>
            <th>Nama Pasien</th>
            <th>Metode Pembayaran</th>
            <th>Total Pembayaran</th>
            <th>Status Pembayaran</th>
            <th>Tanggal</th>
            <th class="text-end">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @forelse($transactions as $trx)
        <tr>
            <td>{{ $trx->transaction_code }}</td>

            <td>
                {{ $trx->appointment->familyMember
                    ? $trx->appointment->familyMember->name
                    : $trx->patient->name }}

                @if($trx->appointment->familyMember)
                    <br>
                    <small class="text-muted">
                        (Reservasi oleh: {{ $trx->patient->name }})
                    </small>
                @endif
            </td>

            <td>
                {{ $trx->payment_method
                    ? ucfirst($trx->payment_method)
                    : '-' }}
            </td>

            <td>
                Rp {{ number_format($trx->total_amount, 0, ',', '.') }}
            </td>

            <td>
                @if($trx->payment_status === 'paid')
                    <span class="badge bg-success">Lunas</span>
                @elseif($trx->payment_status === 'pending')
                    <span class="badge bg-warning text-dark">Menunggu Pembayaran</span>
                @else
                    <span class="badge bg-secondary">
                        {{ ucfirst($trx->payment_status) }}
                    </span>
                @endif
            </td>

            <td>
                {{ $trx->created_at->format('d M Y') }}
            </td>

            <td class="text-end">
                <a href="{{ route('transactions.show', $trx->id) }}"
                    class="btn btn-sm btn-outline-primary">
                    Detail
                </a>

                @if($trx->payment_status !== 'paid')
                    <a href="{{ route('transactions.edit', $trx->id) }}"
                        class="btn btn-sm btn-outline-success ms-1">
                        Bayar
                    </a>
                @endif

                @if($trx->payment_status === 'paid')
                    <a href="{{ route('transactions.invoice', $trx->id) }}"
                    class="btn btn-sm btn-outline-success">
                        Invoice
                    </a>
                @endif
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="7" class="text-center text-muted py-4">
                Belum ada transaksi
            </td>
        </tr>
        @endforelse
    </tbody>
</table>

{{-- SORT BY TANGGAL TERBARU --}}
@push('scripts')
<script>
$(document).ready(function () {
    $('#dtTransactions').DataTable({
        order: [[5, 'desc']], // kolom tanggal
        pageLength: 10
    });
});
</script>
@endpush

@endsection