@extends('layouts.app')
@section('title', 'Jatuh Tempo & Tunggakan Angsuran')

@section('content')
@use('App\Http\Controllers\JatuhTempoController', 'JT')
@php
    $bayarUrl = fn ($pj) => route('pembayaran.bayar', ['jenis' => 'angsuran', 'perumahan_id' => $pj->unit->perumahan_id, 'penjualan_id' => $pj->id]);
@endphp

{{-- Ringkasan --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3">
        <div class="card h-100 border-danger-subtle"><div class="card-body py-2">
            <div class="small text-muted"><i class="bi bi-exclamation-triangle text-danger"></i> Rumah Terlambat Bayar</div>
            <div class="fs-4 fw-bold text-danger">{{ $rekapUmur->sum('rumah') }}</div>
            <div class="small text-muted">tunggakan {{ rupiah($rekapUmur->sum('tunggakan')) }}</div>
        </div></div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="card h-100 border-warning-subtle"><div class="card-body py-2">
            <div class="small text-muted"><i class="bi bi-alarm text-warning"></i> Segera Jatuh Tempo ({{ $rentang }} hari)</div>
            <div class="fs-4 fw-bold">{{ $segera->count() }}</div>
            <div class="small text-muted">tagihan {{ rupiah($segera->sum('tagihan')) }} s/d {{ tgl($sampai) }}</div>
        </div></div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100"><div class="card-body py-2">
            <div class="small text-muted mb-1">Lama keterlambatan <span class="text-muted">(dihitung dari angsuran tertua yang belum lunas)</span></div>
            <div class="row g-2 text-center small">
                @foreach($rekapUmur as $k => $r)
                    <div class="col-3">
                        <a href="{{ request()->fullUrlWithQuery(['umur' => $umur === $k ? null : $k]) }}#terlambat"
                           class="d-block border rounded py-1 text-decoration-none text-reset {{ $umur === $k ? 'border-'.$r->warna.' border-2 bg-light' : '' }}">
                            <span class="badge text-bg-{{ $r->warna }}">{{ $r->label }}</span>
                            <div class="fw-semibold mt-1">{{ $r->rumah }} rumah</div>
                            <div class="text-muted" style="font-size: .75rem">{{ rupiah($r->tunggakan) }}</div>
                        </a>
                    </div>
                @endforeach
            </div>
        </div></div>
    </div>
</div>

{{-- Filter --}}
<form class="card card-body py-2 mb-3">
    <div class="row g-2 align-items-center">
        <div class="col-md-4">
            <select name="perumahan_id" class="form-select" onchange="this.form.submit()">
                <option value="">Semua perumahan</option>
                @foreach($perumahan as $id => $nama)<option value="{{ $id }}" @selected($perumahanId == $id)>{{ $nama }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-3">
            <select name="hari" class="form-select" onchange="this.form.submit()" title="Rentang segera jatuh tempo">
                @foreach(JT::RENTANG as $h)<option value="{{ $h }}" @selected($rentang === $h)>Jatuh tempo {{ $h }} hari ke depan</option>@endforeach
            </select>
        </div>
        <div class="col-md">
            <input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="Cari nama / NIK / telepon pembeli, blok, kode transaksi…">
        </div>
        @if($umur)<input type="hidden" name="umur" value="{{ $umur }}">@endif
        <div class="col-auto"><button class="btn btn-outline-secondary"><i class="bi bi-search"></i></button></div>
    </div>
</form>

{{-- Terlambat --}}
<div class="card mb-4 border-start border-danger border-4" id="terlambat">
    <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <span class="fw-semibold text-danger"><i class="bi bi-exclamation-triangle"></i> Angsuran Terlambat
            <span class="badge text-bg-danger">{{ $terlambat->count() }}</span>
            @if($umur)<span class="badge text-bg-light border text-dark fw-normal">{{ JT::UMUR[$umur][2] }} <a href="{{ request()->fullUrlWithQuery(['umur' => null]) }}#terlambat" class="text-reset ms-1" title="Hapus filter">×</a></span>@endif
        </span>
        <span class="small">Total tunggakan <strong class="text-danger">{{ rupiah($terlambat->sum('tunggakan')) }}</strong></span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light"><tr>
                <th class="ps-3">Unit</th><th>Pembeli</th><th>Jatuh Tempo Tertua</th><th class="text-center">Terlambat</th>
                <th class="text-center">Angsuran</th><th class="text-end">Tunggakan</th><th class="text-end">Saran Denda</th><th class="text-end pe-3"></th>
            </tr></thead>
            <tbody>
            @forelse($terlambat as $t)
                @php
                    $pj = $t->pj;
                    $wa = JT::linkWa($pj->pembeli->telepon, "Yth. Bapak/Ibu {$pj->pembeli->nama},\n\nKami informasikan angsuran rumah {$pj->unit->perumahan->nama} {$pj->unit->label} ({$pj->kode}) "
                        ."sebanyak {$t->jumlah}× sejak ".tgl($t->sejak)." telah melewati jatuh tempo ({$t->hari} hari) dengan total tunggakan ".rupiah($t->tunggakan).".\n\n"
                        ."Mohon segera melakukan pembayaran. Abaikan pesan ini bila sudah membayar.\n\nTerima kasih,\n".perusahaan());
                @endphp
                <tr>
                    <td class="ps-3"><a href="{{ route('penjualan.show', $pj) }}" class="fw-semibold text-decoration-none">{{ $pj->unit->label }}</a>
                        <div class="text-muted">{{ $pj->unit->perumahan->nama }} · {{ $pj->kode }}</div></td>
                    <td>{{ $pj->pembeli->nama }}<div class="text-muted">{{ $pj->pembeli->telepon }}</div></td>
                    <td class="text-nowrap">{{ tgl($t->sejak) }}
                        <div class="text-muted">angsuran ke-{{ $t->angsuran->pluck('angsuran_ke')->implode(', ') }}</div></td>
                    <td class="text-center text-nowrap">
                        <span class="badge text-bg-{{ JT::UMUR[$t->umur][3] }} fs-6">{{ $t->hari }} hari</span>
                    </td>
                    <td class="text-center text-nowrap">{{ $t->jumlah }}×<div class="text-muted">{{ rupiah($pj->angsuran_bulanan) }}/bln</div></td>
                    <td class="text-end text-nowrap fw-semibold text-danger">{{ rupiah($t->tunggakan) }}</td>
                    <td class="text-end text-nowrap">{{ $t->denda > 0 ? rupiah($t->denda) : '-' }}</td>
                    <td class="text-end text-nowrap pe-3">
                        <a href="{{ $bayarUrl($pj) }}" class="btn btn-sm btn-success py-0" title="Bayar angsuran"><i class="bi bi-cash-coin"></i> Bayar</a>
                        <a href="{{ route('transaksi-lain.form', ['jenis' => 'denda', 'perumahan_id' => $pj->unit->perumahan_id, 'penjualan_id' => $pj->id]) }}" class="btn btn-sm btn-outline-danger py-0" title="Catat denda"><i class="bi bi-exclamation-octagon"></i></a>
                        @if($wa)<a href="{{ $wa }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-success py-0" title="Kirim pengingat WhatsApp"><i class="bi bi-whatsapp"></i></a>@endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-4"><i class="bi bi-emoji-smile"></i> Tidak ada angsuran yang terlambat{{ request()->hasAny(['q', 'perumahan_id', 'umur']) ? ' untuk filter ini' : '' }}.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Segera jatuh tempo --}}
<div class="card border-start border-warning border-4" id="segera">
    <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <span class="fw-semibold"><i class="bi bi-alarm text-warning"></i> Segera Jatuh Tempo
            <span class="text-muted fw-normal small">hari ini s/d {{ tgl($sampai) }}</span>
            <span class="badge text-bg-warning">{{ $segera->count() }}</span></span>
        <span class="small">Total tagihan <strong>{{ rupiah($segera->sum('tagihan')) }}</strong></span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light"><tr>
                <th class="ps-3">Unit</th><th>Pembeli</th><th>Jatuh Tempo</th><th class="text-center">Sisa Waktu</th>
                <th class="text-center">Angsuran Ke</th><th class="text-end">Tagihan</th><th class="text-end pe-3"></th>
            </tr></thead>
            <tbody>
            @forelse($segera as $s)
                @php
                    $pj = $s->pj;
                    $wa = JT::linkWa($pj->pembeli->telepon, "Yth. Bapak/Ibu {$pj->pembeli->nama},\n\nMengingatkan angsuran ke-{$s->jadwal->angsuran_ke} rumah {$pj->unit->perumahan->nama} {$pj->unit->label} ({$pj->kode}) "
                        ."sebesar ".rupiah($s->jadwal->sisa)." akan jatuh tempo pada ".tgl($s->jadwal->jatuh_tempo).".\n\nAbaikan pesan ini bila sudah membayar.\n\nTerima kasih,\n".perusahaan());
                @endphp
                <tr>
                    <td class="ps-3"><a href="{{ route('penjualan.show', $pj) }}" class="fw-semibold text-decoration-none">{{ $pj->unit->label }}</a>
                        <div class="text-muted">{{ $pj->unit->perumahan->nama }} · {{ $pj->kode }}</div></td>
                    <td>{{ $pj->pembeli->nama }}<div class="text-muted">{{ $pj->pembeli->telepon }}</div>
                        @if($s->juga_terlambat)<span class="badge text-bg-danger-subtle text-danger-emphasis border border-danger-subtle">juga ada tunggakan</span>@endif</td>
                    <td class="text-nowrap">{{ tgl($s->jadwal->jatuh_tempo) }}</td>
                    <td class="text-center text-nowrap">
                        <span class="badge {{ $s->hari === 0 ? 'text-bg-danger' : ($s->hari <= 3 ? 'text-bg-warning' : 'text-bg-light border text-dark') }}">{{ JT::hitungMundur($s->hari) }}</span>
                    </td>
                    <td class="text-center">{{ $s->jadwal->angsuran_ke }}@if($s->jumlah > 1)<div class="text-muted">+{{ $s->jumlah - 1 }} lagi dlm rentang</div>@endif</td>
                    <td class="text-end text-nowrap fw-semibold">{{ rupiah($s->jadwal->sisa) }}
                        @if($s->jadwal->status === 'sebagian')<div class="text-muted fw-normal">sisa dari {{ rupiah($s->jadwal->jumlah) }}</div>@endif</td>
                    <td class="text-end text-nowrap pe-3">
                        <a href="{{ $bayarUrl($pj) }}" class="btn btn-sm btn-success py-0" title="Bayar angsuran"><i class="bi bi-cash-coin"></i> Bayar</a>
                        @if($wa)<a href="{{ $wa }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-success py-0" title="Kirim pengingat WhatsApp"><i class="bi bi-whatsapp"></i></a>@endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">Tidak ada angsuran yang jatuh tempo dalam {{ $rentang }} hari ke depan.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection