@extends('layouts.app')

@php
    $eyebrow = 'Reports';
    $pageTitle = 'Rent Roll';
@endphp

@section('content')

<div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
    <p class="text-muted mb-0">Every active or expiring lease and what it bills per month</p>
    <div class="d-flex gap-2">
        <a href="{{ route('reports.arrears') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-exclamation-circle me-1"></i>View Arrears
        </a>
        <button onclick="window.print()" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-printer me-1"></i>Print
        </button>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-sm-6 col-lg-3">
        <div class="stat-card">
            <div>
                <div class="label">Active/expiring leases</div>
                <div class="value">{{ $leases->count() }}</div>
            </div>
            <div class="stat-icon bg-grad-blue"><i class="bi bi-file-earmark-text-fill"></i></div>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="stat-card">
            <div>
                <div class="label">Total monthly rent roll</div>
                <div class="value">${{ number_format((float) $totalMonthlyRent, 0) }}</div>
            </div>
            <div class="stat-icon bg-grad-green"><i class="bi bi-cash-coin"></i></div>
        </div>
    </div>
</div>

<div class="surface-card">
    <div class="table-responsive">
        <table class="table table-modern mb-0 align-middle">
            <thead>
                <tr>
                    <th>Tenant</th>
                    <th>Unit</th>
                    <th>Building</th>
                    <th>Lease Start</th>
                    <th>Lease End</th>
                    <th>Billing Cycle</th>
                    <th class="text-end">Monthly Rent</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($leases as $lease)
                    <tr>
                        <td class="fw-semibold">{{ $lease->tenant->full_name ?? '—' }}</td>
                        <td>{{ $lease->apartment->unit_number ?? '—' }}</td>
                        <td>{{ $lease->apartment->building->name ?? '—' }}</td>
                        <td>{{ $lease->start_date?->format('d M Y') ?? '—' }}</td>
                        <td>{{ $lease->end_date?->format('d M Y') ?? '—' }}</td>
                        <td class="text-capitalize">{{ $lease->payment_frequency ?? '—' }}</td>
                        <td class="text-end fw-semibold">${{ number_format((float) $lease->rent_amount, 2) }}</td>
                        <td>
                            @php $cls = $lease->status === 'active' ? 'st-green' : 'st-orange'; @endphp
                            <span class="badge-status {{ $cls }}">{{ $lease->status }}</span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-5">No active or expiring leases.</td></tr>
                @endforelse
            </tbody>
            @if($leases->count())
                <tfoot>
                    <tr class="fw-bold">
                        <td colspan="6" class="text-end">Total</td>
                        <td class="text-end">${{ number_format((float) $totalMonthlyRent, 2) }}</td>
                        <td></td>
                    </tr>
                </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection