@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Access Card #{{ $accessCard->id }}</div>
    <div class="card-body">
        {{-- Visual card preview --}}
        @php($cardNo = trim(chunk_split((string) $accessCard->card_number, 4, ' ')))
        <div style="width:340px; max-width:100%; border-radius:14px; background:#1f4e79; color:#fff; padding:18px; position:relative; margin-bottom:20px;">
            <div style="font-size:17px; font-weight:bold; letter-spacing:1px;">DAMAC
                <span style="display:block; font-size:8px; letter-spacing:2px; color:#cfe0f0; font-weight:normal;">OWNERS ASSOCIATION</span>
            </div>
            <img src="{{ asset('/img/damacpdf.png') }}" style="position:absolute; top:14px; right:14px; width:54px; height:54px; background:#fff; border-radius:8px;" alt="Logo">
            <div style="font-size:22px; letter-spacing:3px; font-weight:bold; margin-top:40px;">{{ $cardNo }}</div>
            <div style="margin-top:28px; display:flex; justify-content:space-between; align-items:flex-end;">
                <div>
                    <div style="font-size:8px; color:#a9c3dd; letter-spacing:1px;">HOLDER</div>
                    <div style="font-size:13px; font-weight:bold;">{{ optional($accessCard->user)->name ?? '—' }}</div>
                    <div style="font-size:8px; color:#a9c3dd; letter-spacing:1px; margin-top:4px;">UNIT</div>
                    <div style="font-size:13px; font-weight:bold;">{{ optional($accessCard->unit)->name ?? '—' }}</div>
                </div>
                <span style="background:#2e7d32; border-radius:12px; padding:3px 12px; font-size:10px; font-weight:bold;">{{ strtoupper($accessCard->status) }}</span>
            </div>
        </div>

        <a href="{{ route('admin.access-cards.pdf', $accessCard->id) }}" class="btn btn-primary mb-3" target="_blank">
            <i class="fas fa-file-pdf"></i> Download PDF
        </a>

        <table class="table table-bordered table-striped">
            <tr><th>Card Number</th><td>{{ $accessCard->card_number }}</td></tr>
            <tr><th>Unit</th><td>{{ optional($accessCard->unit)->name ?? '—' }}</td></tr>
            <tr><th>Tenant</th><td>{{ optional($accessCard->user)->name ?? '—' }}</td></tr>
            <tr><th>Status</th><td>{{ \App\Models\AccessCard::STATUS_SELECT[$accessCard->status] ?? $accessCard->status }}</td></tr>
            <tr><th>Issued at</th><td>{{ optional($accessCard->issued_at)->format('Y-m-d') }}</td></tr>
            <tr><th>Deactivated at</th><td>{{ optional($accessCard->deactivated_at)->format('Y-m-d') ?? '—' }}</td></tr>
            <tr><th>Replaces card</th><td>{{ $accessCard->replaced_card_id ?? '—' }}</td></tr>
            <tr><th colspan="2">Deposit Cheque</th></tr>
            <tr><th>Cheque No</th><td>{{ $accessCard->deposit_cheque_no ?? '—' }}</td></tr>
            <tr><th>Bank</th><td>{{ $accessCard->deposit_cheque_bank ?? '—' }}</td></tr>
            <tr><th>Amount</th><td>{{ $accessCard->deposit_amount ?? '—' }}</td></tr>
            <tr><th>Cheque Date</th><td>{{ optional($accessCard->deposit_cheque_date)->format('Y-m-d') ?? '—' }}</td></tr>
            <tr><th>Notes</th><td>{{ $accessCard->notes }}</td></tr>
        </table>
        <a href="{{ route('admin.access-cards.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection