@extends('layouts.app')
@section('title', 'Konfirmasi Pembayaran')

@section('content')
<div class="card">
    <div class="card-header"><i class="bi bi-inbox text-hijau"></i> Konfirmasi Pembayaran dari Orang Tua</div>
    <div class="card-body">
        <ul class="nav nav-pills mb-3">
            @foreach(['pending' => 'Menunggu', 'ditindaklanjuti' => 'Ditindaklanjuti', 'ditolak' => 'Ditolak'] as $key => $lbl)
                <li class="nav-item">
                    <a class="nav-link {{ $status === $key ? 'active' : '' }}" href="{{ route('confirmations.index', ['status' => $key]) }}">
                        {{ $lbl }} <span class="badge bg-light text-dark">{{ $jml[$key] }}</span>
                    </a>
                </li>
            @endforeach
        </ul>

        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead><tr><th>Tanggal</th><th>Siswa</th><th>Pengirim</th><th>Jumlah</th><th>Metode</th><th>Bukti</th><th class="text-end">Aksi</th></tr></thead>
                <tbody>
                @forelse($konfirmasi as $k)
                    <tr>
                        <td><small>{{ $k->created_at->translatedFormat('d M Y H:i') }}</small></td>
                        <td><b>{{ $k->student?->nama ?? '—' }}</b><br><small class="text-muted">{{ $k->student?->no_induk }} · {{ $k->student?->kelas }}</small></td>
                        <td>{{ $k->nama_pengirim }}@if($k->catatan)<br><small class="text-muted"><i class="bi bi-chat-left-text"></i> {{ $k->catatan }}</small>@endif</td>
                        <td class="fw-semibold">{{ $k->jumlah_label }}</td>
                        <td><span class="badge bg-biru-soft">{{ strtoupper($k->metode) }}</span></td>
                        <td>@if($k->bukti)<a href="{{ asset('storage/'.$k->bukti) }}" target="_blank" class="btn btn-sm btn-outline-primary"><i class="bi bi-image"></i> Lihat</a>@else<span class="text-muted">—</span>@endif</td>
                        <td class="text-end" style="min-width:230px">
                            @if($k->status === 'pending')
                                <a href="{{ route('payments.create', ['siswa' => $k->student?->no_induk]) }}" class="btn btn-sm btn-primary" title="Catat sebagai pembayaran"><i class="bi bi-cash-coin"></i> Input</a>
                                <form method="POST" action="{{ route('confirmations.handle', $k) }}" class="d-inline">@csrf @method('PUT')
                                    <input type="hidden" name="status" value="ditindaklanjuti">
                                    <button class="btn btn-sm btn-info" title="Tandai sudah dicatat"><i class="bi bi-check-lg"></i> Selesai</button>
                                </form>
                                <form method="POST" action="{{ route('confirmations.handle', $k) }}" class="d-inline" onsubmit="return confirm('Tolak konfirmasi ini?')">@csrf @method('PUT')
                                    <input type="hidden" name="status" value="ditolak">
                                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i></button>
                                </form>
                            @elseif($k->status === 'ditindaklanjuti')
                                <span class="badge badge-lunas">Selesai</span>
                            @else
                                <span class="badge badge-belum">Ditolak</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">Tidak ada konfirmasi pada status ini.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pt-3">{{ $konfirmasi->links() }}</div>
    </div>
</div>
@endsection