@extends('layouts.anggota')
@section('title', 'Simulasi Pinjaman Koperasi')

@section('content')
<div class="row mb-4">
    <div class="col-12 col-md-6">
        <div class="card shadow border-0">
            <div class="card-header bg-primary text-white fw-bold">
                <i class="bi bi-calculator"></i> Parameter Simulasi Pinjaman
            </div>
            <div class="card-body">
                <form method="GET" action="{{ url('anggota/simulasi-pinjaman') }}" class="row g-3">
                    <div class="col-md-12">
                        <label class="form-label fw-semibold">Nominal Pinjaman (Rp)</label>
                        <div class="input-group">
                            <span class="input-group-text">Rp</span>
                            <input type="number" name="nominal" class="form-control" value="{{ $nominal }}" min="100000" step="100000" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Bunga Total (%)</label>
                        <div class="input-group">
                            <input type="number" name="bunga" class="form-control" value="{{ $bunga }}" min="0" max="100" step="0.1" required>
                            <span class="input-group-text">%</span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Tenor (Bulan)</label>
                        <select name="tenor" class="form-select">
                            @foreach([1, 3, 6, 12, 18, 24, 36, 48, 60] as $t)
                                <option value="{{ $t }}" {{ $tenor == $t ? 'selected' : '' }}>{{ $t }} Bulan</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Tanggal Mulai Pinjaman</label>
                        <input type="date" name="tanggal_mulai" class="form-control" value="{{ $tanggalMulai }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Denda Terlambat (% / Hari)</label>
                        <div class="input-group">
                            <input type="number" name="denda_persen" class="form-control" value="{{ $dendaPersen }}" min="0" max="100" step="0.01" required>
                            <span class="input-group-text">% / hari</span>
                        </div>
                        <small class="text-muted">Default dari pengaturan: {{ $dendaDefault }}% / hari</small>
                    </div>

                    <div class="col-md-12">
                        <div class="d-grid gap-2 d-md-flex">
                            <button type="submit" class="btn btn-success w-50">
                                <i class="bi bi-play-fill"></i> Hitung Simulasi
                            </button>

                            <a href="{{ url('anggota/simulasi-pinjaman') }}" class="w-50 btn btn-outline-danger">
                                Reset
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-6">
        <div class="row g-3">
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-primary text-white h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Nominal Dipinjam</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($nominal, 0, ',', '.') }}</h4>
                        <div class="small opacity-75 mt-1">Pokok Pinjaman</div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-warning text-dark h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Bunga ({{ $bunga }}%)</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($jumlahBunga, 0, ',', '.') }}</h4>
                        <div class="small opacity-75 mt-1">Total Margin Bunga</div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-warning text-dark h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Angsuran Pokok / Bulan</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($pokokPerBulan, 0, ',', '.') }}</h4>                       
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-warning text-dark h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Angsuran Bunga / Bulan</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($bungaPerBulan, 0, ',', '.') }}</h4>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-success text-white h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Total Angsuran / Bulan</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($angsuranPerBulan, 0, ',', '.') }}</h4>                        
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card border-0 shadow-sm bg-dark text-white h-100">
                    <div class="card-body">
                        <div class="small opacity-75">Total Pengembalian</div>
                        <h4 class="fw-bold mb-0">Rp {{ number_format($totalPinjaman, 0, ',', '.') }}</h4>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Schedule Table -->
<div class="card shadow border-0 mb-4">
    <div class="card-header bg-white fw-bold d-flex justify-content-between align-items-center">
        <span><i class="bi bi-calendar-check"></i> Rincian Jadwal Simulasi Angsuran Bulanan</span>
        <a href="{{ url('anggota/simulasi-pinjaman/cetak-pdf?nominal='.$nominal.'&bunga='.$bunga.'&tenor='.$tenor.'&tanggal_mulai='.$tanggalMulai.'&denda_persen='.$dendaPersen) }}" target="_blank" class="btn btn-outline-danger btn-sm no-print"><i class="bi bi-file-earmark-pdf-fill"></i> Cetak PDF</a>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th class="text-center">Angsuran Ke</th>
                        <th>Estimasi Jatuh Tempo</th>
                        <th class="text-end">Setoran Pokok / Bulan</th>
                        <th class="text-end">Bunga / Bulan</th>
                        <th class="text-end text-success">Total Setoran / Bulan</th>
                        <th class="text-end">Sisa Pokok Pinjaman</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($details as $d)
                    <tr>
                        <td class="text-center fw-semibold"><span class="badge bg-secondary">Ke-{{ $d['angsuran_ke'] }}</span></td>
                        <td>{{ $d['jatuh_tempo'] }}</td>
                        <td class="text-end text-primary fw-semibold">Rp {{ number_format($d['pokok_per_bulan'], 0, ',', '.') }}</td>
                        <td class="text-end text-warning fw-semibold">Rp {{ number_format($d['bunga_per_bulan'], 0, ',', '.') }}</td>
                        <td class="text-end text-success fw-bold">Rp {{ number_format($d['jumlah_angsuran'], 0, ',', '.') }}</td>
                        <td class="text-end text-muted">Rp {{ number_format($d['sisa_bayar'], 0, ',', '.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection