@extends('layouts.dashboard')

@section('title', 'Bukti Pendaftaran Anggota')

@section('content')
<div class="container-fluid">
    <div class="row mb-4 no-print">
        <div class="col-md-6">
            <h4 class="fw-bold text-primary">Cetak Bukti Pendaftaran</h4>
            <form action="{{ url()->current() }}" method="GET" class="mt-3">
                <div class="input-group shadow-sm">
                    <input type="text" name="search" class="form-control" placeholder="Masukkan NIK atau Nama Lengkap..." value="{{ $search }}">
                    <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i> Cari</button>
                </div>
            </form>
        </div>
    </div>

    @if($anggota)
    <div class="card border-0 shadow-sm mb-4 no-print">
        <div class="card-body d-flex justify-content-between align-items-center">
            <span class="text-muted small">Data ditemukan: <strong>{{ $anggota->nama_lengkap }}</strong></span>
            <button onclick="window.print()" class="btn btn-success btn-sm">
                <i class="bi bi-printer me-1"></i> Cetak Bukti Sekarang
            </button>
        </div>
    </div>

    <div class="print-area shadow p-5 bg-white mx-auto" style="max-width: 800px; color: #000;">
        <div class="text-center mb-4 border-bottom border-3 pb-3">
            <h3 class="fw-bold mb-0">HIMPUNAN NELAYAN SELURUH INDONESIA</h3>
            <p class="mb-0">SURAT KETERANGAN TERDAFTAR (SKT)</p>
            <small>Nomor: {{ $anggota->anggota_id }}/SKT-HNSI/{{ date('Y') }}</small>
        </div>

        <div class="py-4">
            <p>Diterangkan dengan sebenarnya bahwa:</p>
            <table class="table table-borderless mt-3">
                <tr><td width="200">Nama Lengkap</td><td>: <strong>{{ $anggota->nama_lengkap }}</strong></td></tr>
                <tr><td>NIK</td><td>: {{ $anggota->nik }}</td></tr>
                <tr><td>Tempat, Tgl Lahir</td><td>: {{ $anggota->tempat_lahir ?? '-' }}, {{ \Carbon\Carbon::parse($anggota->tanggal_lahir)->format('d F Y') }}</td></tr>
                <tr><td>Status Anggota</td><td>: {{ $anggota->status_organisasi == 'A' ? 'Anggota' : 'Pengurus' }}</td></tr>
                <tr><td>Domisili</td><td>: {{ $anggota->kota->name ?? '-' }}, {{ $anggota->provinsi->name ?? '-' }}</td></tr>
            </table>
            
            <p class="mt-4">Bahwa nama tersebut di atas benar telah terdaftar dalam database sistem informasi HNSI pada tanggal <strong>{{ \Carbon\Carbon::parse($anggota->update_at)->format('d/m/Y') }}</strong>.</p>
        </div>

        <div class="row mt-5">
            <div class="col-8"></div>
            <div class="col-4 text-center">
                <p>Dicetak pada: {{ date('d/m/Y') }}</p>
                <div style="height: 80px;"></div>
                <p class="fw-bold text-decoration-underline">SISTEM INFORMASI HNSI</p>
            </div>
        </div>
    </div>
    @elseif($search)
    <div class="alert alert-warning border-0 shadow-sm">
        <i class="bi bi-exclamation-triangle me-2"></i> Data anggota tidak ditemukan. Pastikan NIK atau Nama yang dimasukkan benar.
    </div>
    @endif
</div>

<style>
    @media print {
        .no-print, .sidebar, .navbar { display: none !important; }
        .print-area { box-shadow: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; }
        body { background-color: white !important; }
    }
</style>
@endsection