@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Payment Schedule #{{ $schedule->id }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Owner</th><td>{{ optional($schedule->owner)->name ?? '—' }}</td></tr>
            <tr><th>Plan</th><td>{{ optional($schedule->plan)->name ?? '—' }}</td></tr>
            <tr><th>Unit</th><td>{{ optional($schedule->unit)->name ?? '—' }}</td></tr>
            <tr><th>Year</th><td>{{ $schedule->year }}</td></tr>
            <tr><th>Total</th><td>{{ $schedule->total_amount }}</td></tr>
            <tr><th>Status</th><td>{{ str_replace('_', ' ', $schedule->status) }}</td></tr>
        </table>

        <h5>Installments</h5>
        <table class="table table-bordered table-striped">
            <thead><tr><th>#</th><th>Due</th><th>Amount</th><th>Status</th></tr></thead>
            <tbody>
                @forelse($schedule->installments as $inst)
                    <tr>
                        <td>{{ $inst->sequence }}</td>
                        <td>{{ optional($inst->due_date)->format('Y-m-d') }}</td>
                        <td>{{ $inst->amount }}</td>
                        <td>{{ ucfirst($inst->status) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4">No installments generated yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        <a href="{{ route('admin.owner-payment-schedules.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection