@extends('layouts.app')
@section('title', 'Take Over Unit')

@section('content')
<ul class="nav nav-tabs mb-3">
    <li class="nav-item"><a class="nav-link @if($tab === 'ajukan') active @endif" href="{{ route('take-over.index') }}"><i class="bi bi-plus-circle"></i> Ajukan Take Over</a></li>
    <li class="nav-item"><a class="nav-link @if($tab === 'riwayat') active @endif" href="{{ route('take-over.index', ['tab' => 'riwayat']) }}"><i class="bi bi-clock-history"></i> Riwayat Take Over</a></li>
</ul>

@if($tab === 'ajukan')
<div class="card">
    <div class="card-header bg-white">
        <form 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-6">
                <input type="search" name="q" value="{{ $q }}" class="form-control" placeholder="Cari no. transaksi, nama / NIK pemilik, atau unit (mis. A-12)">
            </div>
            <div class="col-md-2"><button class="btn btn-outline-secondary w-100"><i class="bi bi-search"></i> Cari</button></div>
        </form>
        <div class="small text-muted mt-2"><i class="bi bi-info-circle"></i> Pilih transaksi yang akan dialihkan ke pembeli baru. Hanya transaksi berstatus Booking / Proses Pembayaran yang masih memiliki sisa tagihan.</div>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>Unit</th><th>Pemilik Sekarang</th><th>Transaksi</th><th class="text-end">Terbayar</th><th class="text-end">Sisa Tagihan</th><th>Angsuran</th><th class="text-end">Aksi</th>
            </tr></thead>
            <tbody>
            @forelse($kandidat as $p)
                @php($belum = $p->jadwal->where('status', '!=', 'lunas'))
                @php($telat = $p->jadwal->where('status', 'terlambat')->count())
                <tr>
                    <td><div class="fw-semibold">{{ $p->unit->label }}</div><small class="text-muted">{{ $p->unit->perumahan->nama }} · {{ $p->unit->tipe }}</small></td>
                    <td>{{ $p->pembeli->nama }}<br><small class="text-muted">NIK {{ $p->pembeli->nik }}</small>
                        @if($p->takeOver->isNotEmpty())<br><span class="badge text-bg-primary-subtle text-primary-emphasis border">{{ $p->takeOver->count() }}× take over</span>@endif</td>
                    <td><a href="{{ route('penjualan.show', $p) }}">{{ $p->kode }}</a><br>
                        <small>{{ \App\Models\Penjualan::METODE[$p->metode] }}</small> <span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span></td>
                    <td class="text-end text-success text-nowrap">{{ rupiah($p->terbayar) }}</td>
                    <td class="text-end fw-semibold text-nowrap">{{ rupiah($p->sisa) }}
                        @if($p->sisa_dp > 0)<br><small class="text-danger fw-normal">sisa DP {{ rupiah($p->sisa_dp) }}</small>@endif</td>
                    <td class="small text-nowrap">
                        @if($p->isKredit())
                            {{ $belum->count() }}/{{ $p->tenor_bulan }} sisa · {{ rupiah($p->angsuran_bulanan) }}
                            @if($telat)<br><span class="text-danger"><i class="bi bi-exclamation-triangle"></i> {{ $telat }} terlambat</span>@endif
                        @else - @endif
                    </td>
                    <td class="text-end text-nowrap">
                        @if($p->hambatan)
                            <span class="badge text-bg-warning text-wrap text-start" style="max-width: 220px" title="{{ $p->hambatan }}"><i class="bi bi-lock"></i> {{ \Illuminate\Support\Str::limit($p->hambatan, 70) }}</span>
                        @else
                            <a href="{{ route('take-over.create', $p) }}" class="btn btn-sm btn-primary"><i class="bi bi-arrow-left-right"></i> Ajukan Take Over</a>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">Tidak ada transaksi aktif yang dapat di-take over{{ $q !== '' || $perumahanId ? ' dengan filter ini' : '' }}.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if($kandidat->isNotEmpty())<div class="card-footer bg-white small text-muted">{{ $kandidat->count() }} transaksi aktif</div>@endif
</div>

@else
<div class="row g-3 mb-3">
    @foreach([
        ['Take Over '.now()->year, $ringkasan->jumlah.'×', 'bi-people', 'primary'],
        ['Melanjutkan / Tenor Baru', (int) $ringkasan->lanjut.' / '.(int) $ringkasan->baru, 'bi-sliders', 'info'],
        ['Sisa Tagihan Dialihkan', rupiah($ringkasan->sisa), 'bi-cash-stack', 'warning'],
        ['Biaya Administrasi', rupiah($ringkasan->biaya), 'bi-receipt', 'success'],
    ] as [$label, $nilai, $ikon, $warna])
    <div class="col-6 col-lg-3">
        <div class="card h-100"><div class="card-body d-flex align-items-center gap-3">
            <div class="fs-3 text-{{ $warna }}"><i class="bi {{ $ikon }}"></i></div>
            <div><div class="small text-muted">{{ $label }}</div><div class="fw-bold">{{ $nilai }}</div></div>
        </div></div>
    </div>
    @endforeach
</div>

<div class="card">
    <div class="card-header bg-white">
        <form class="row g-2 align-items-center">
            <input type="hidden" name="tab" value="riwayat">
            <div class="col-md-2"><input type="date" name="dari" value="{{ $dari }}" class="form-control" title="Dari tanggal"></div>
            <div class="col-md-2"><input type="date" name="sampai" value="{{ $sampai }}" class="form-control" title="Sampai tanggal"></div>
            <div class="col-md-2">
                <select name="perumahan_id" class="form-select">
                    <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-2">
                <select name="opsi" class="form-select">
                    <option value="">Semua ketentuan</option>
                    @foreach(\App\Models\TakeOver::OPSI as $k => $v)<option value="{{ $k }}" @selected(request('opsi') === $k)>{{ $v }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-3"><input type="search" name="q" value="{{ $q }}" class="form-control" placeholder="No. TO / transaksi, nama / NIK"></div>
            <div class="col-md-1"><button class="btn btn-outline-secondary w-100"><i class="bi bi-search"></i></button></div>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>No. / Tanggal</th><th>Unit</th><th>Pemilik Lama → Baru</th><th>Ketentuan</th><th class="text-end">Sisa Dialihkan</th><th class="text-end">Biaya Admin</th><th>Petugas</th><th class="text-end"></th>
            </tr></thead>
            <tbody>
            @forelse($riwayat as $to)
                <tr>
                    <td><div class="fw-semibold">{{ $to->nomor }}</div><small class="text-muted">{{ tgl($to->tanggal) }}</small></td>
                    <td>{{ $to->penjualan->unit->label }}<br><small class="text-muted">{{ $to->penjualan->unit->perumahan->nama }} · <a href="{{ route('penjualan.show', $to->penjualan) }}">{{ $to->penjualan->kode }}</a></small></td>
                    <td><a href="{{ route('pembeli.show', $to->pembeliLama) }}" class="text-decoration-none">{{ $to->pembeliLama->nama }}</a>
                        <i class="bi bi-arrow-right text-muted"></i>
                        <a href="{{ route('pembeli.show', $to->pembeliBaru) }}" class="fw-semibold text-decoration-none">{{ $to->pembeliBaru->nama }}</a></td>
                    <td class="small"><span class="badge text-bg-{{ $to->opsi === 'baru' ? 'info' : 'secondary' }}">{{ \App\Models\TakeOver::OPSI[$to->opsi] }}</span>
                        @if($to->opsi === 'baru')<br>{{ $to->tenor_baru }}× {{ rupiah($to->angsuran_baru) }} mulai {{ tgl($to->mulai_baru) }}
                        @elseif($to->angsuran_sisa)<br>{{ $to->angsuran_sisa }}× {{ rupiah($to->angsuran_lama) }}@endif</td>
                    <td class="text-end text-nowrap">{{ rupiah($to->sisa) }}</td>
                    <td class="text-end text-nowrap">{{ $to->biaya_admin > 0 ? rupiah($to->biaya_admin) : '-' }}</td>
                    <td class="small">{{ $to->petugas->name ?? '-' }}</td>
                    <td class="text-end text-nowrap"><a href="{{ route('take-over.cetak', $to) }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="Berita acara"><i class="bi bi-file-earmark-pdf"></i></a>
                        @if(auth()->user()->isAdmin())<a href="{{ route('hapus-transaksi.konfirmasi', ['take_over', $to->id]) }}" class="btn btn-sm btn-outline-danger" title="Hapus take over salah input"><i class="bi bi-trash"></i></a>@endif</td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-4">Belum ada riwayat take over.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer bg-white">{{ $riwayat->links() }}</div>
</div>
@endif
@endsection