@extends('layouts.app')

@section('title', 'Managed Rentals')
@section('page-title', 'Managed Rentals')

@section('content')

{{-- Summary cards --}}
<div class="row g-3 mb-4">
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body d-flex align-items-center gap-3">
                <div class="rounded-3 p-3 bg-info bg-opacity-10">
                    <i class="bi bi-house-heart fs-4 text-info"></i>
                </div>
                <div>
                    <div class="text-muted small">Total Rentals</div>
                    <div class="fs-3 fw-bold lh-1">{{ $totalCount }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body d-flex align-items-center gap-3">
                <div class="rounded-3 p-3 bg-success bg-opacity-10">
                    <i class="bi bi-check-circle fs-4 text-success"></i>
                </div>
                <div>
                    <div class="text-muted small">Active</div>
                    <div class="fs-3 fw-bold lh-1">{{ $activeCount }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body d-flex align-items-center gap-3">
                <div class="rounded-3 p-3 bg-secondary bg-opacity-10">
                    <i class="bi bi-calendar-x fs-4 text-secondary"></i>
                </div>
                <div>
                    <div class="text-muted small">Expired</div>
                    <div class="fs-3 fw-bold lh-1">{{ $expiredCount }}</div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Colour-coding legend --}}
@if($status === 'active')
<div class="d-flex gap-3 mb-3 flex-wrap">
    <div class="d-flex align-items-center gap-2 small">
        <div class="rounded" style="width:14px;height:14px;background:#dc3545;opacity:.25"></div>
        <span class="text-muted">Expiring within {{ $reminderDays }} days</span>
    </div>
    <div class="d-flex align-items-center gap-2 small">
        <div class="rounded" style="width:14px;height:14px;background:#ffc107;opacity:.25"></div>
        <span class="text-muted">Expiring within 60 days</span>
    </div>
    <div class="d-flex align-items-center gap-2 small">
        <div class="rounded" style="width:14px;height:14px;background:#198754;opacity:.25"></div>
        <span class="text-muted">More than 60 days remaining</span>
    </div>
</div>
@endif

{{-- Filters --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body py-3">
        <form method="GET" action="{{ route('admin.rentals.index') }}" class="row g-2 align-items-end">

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="active"  {{ $status === 'active'  ? 'selected' : '' }}>Active</option>
                    <option value="expired" {{ $status === 'expired' ? 'selected' : '' }}>Expired</option>
                    <option value="all"     {{ $status === 'all'     ? 'selected' : '' }}>All</option>
                </select>
            </div>

            @if($status === 'active' || $status === 'all')
            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Expiry Window</label>
                <select name="expiry_days" class="form-select form-select-sm">
                    <option value=""  {{ request('expiry_days') === '' || request('expiry_days') === null ? 'selected' : '' }}>All</option>
                    <option value="30"  {{ request('expiry_days') === '30'  ? 'selected' : '' }}>Within 30 days</option>
                    <option value="60"  {{ request('expiry_days') === '60'  ? 'selected' : '' }}>Within 60 days</option>
                    <option value="90"  {{ request('expiry_days') === '90'  ? 'selected' : '' }}>Within 90 days</option>
                </select>
            </div>
            @endif

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Assigned Staff</label>
                <select name="assigned_to" class="form-select form-select-sm">
                    <option value="">All Staff</option>
                    @foreach($staffList as $staff)
                    <option value="{{ $staff->id }}" {{ request('assigned_to') == $staff->id ? 'selected' : '' }}>
                        {{ $staff->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">City / Area</label>
                <input type="text" name="city" class="form-control form-control-sm"
                       placeholder="Search…" value="{{ request('city') }}">
            </div>

            <div class="col-md-3">
                <label class="form-label small fw-medium mb-1">Search</label>
                <input type="text" name="search" class="form-control form-control-sm"
                       placeholder="Client, owner or property…"
                       value="{{ request('search') }}">
            </div>

            <div class="col-auto d-flex gap-2">
                <button type="submit" class="btn btn-sm btn-primary">
                    <i class="bi bi-search me-1"></i>Filter
                </button>
                <a href="{{ route('admin.rentals.index') }}" class="btn btn-sm btn-light">Reset</a>
            </div>

        </form>
    </div>
</div>

{{-- Results --}}
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white border-bottom py-3 px-4 d-flex align-items-center justify-content-between">
        <h6 class="fw-semibold mb-0">
            @if($status === 'expired') Expired Rental Agreements
            @elseif($status === 'all') All Rental Agreements
            @else Active Rental Agreements
            @endif
            <span class="badge bg-secondary bg-opacity-10 text-secondary ms-1">{{ $rentals->total() }}</span>
        </h6>
    </div>

    @if($rentals->isEmpty())
    <div class="card-body text-center py-5 text-muted">
        <i class="bi bi-house-heart d-block fs-2 mb-2 opacity-25"></i>
        <p class="small mb-0">No rental agreements found matching the selected filters.</p>
    </div>
    @else
    <div class="table-responsive">
        <table class="table table-sm table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    @include('partials._sort_th', ['column' => 'client_name', 'label' => 'Tenant', 'thClass' => 'ps-4'])
                    <th>Property</th>
                    <th>Owner</th>
                    <th>Start Date</th>
                    @include('partials._sort_th', ['column' => 'agreement_end_date', 'label' => 'End Date'])
                    @include('partials._sort_th', ['column' => 'monthly_rent', 'label' => 'Monthly Rent', 'thClass' => 'text-end'])
                    <th class="text-end">Days Left</th>
                    <th>Assigned Staff</th>
                    <th>Collection Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($rentals as $rental)
                @php
                    $lead   = $rental->lead;
                    $req    = $lead ? $lead->requirement : null;
                    $client = $req  ? $req->client       : null;
                    $staff  = ($lead && $lead->assignedTo) ? $lead->assignedTo : null;

                    $daysLeft = null;
                    if ($rental->agreement_end_date) {
                        $daysLeft = (int) $today->diffInDays($rental->agreement_end_date, false);
                    }

                    $isExpired = $daysLeft !== null && $daysLeft < 0;

                    $rowClass       = '';
                    $daysColorClass = '';
                    $statusBadge    = '<span class="badge bg-success bg-opacity-75">Active</span>';

                    if ($isExpired) {
                        $rowClass    = '';
                        $statusBadge = '<span class="badge bg-secondary bg-opacity-10 text-secondary">Expired</span>';
                        $daysColorClass = 'text-muted';
                    } elseif ($daysLeft !== null && $daysLeft <= $reminderDays) {
                        $rowClass       = 'table-danger';
                        $daysColorClass = 'text-danger fw-bold';
                        $statusBadge    = '<span class="badge bg-danger"><i class="bi bi-exclamation-circle me-1"></i>Critical</span>';
                    } elseif ($daysLeft !== null && $daysLeft <= 60) {
                        $rowClass       = 'table-warning';
                        $daysColorClass = 'text-warning fw-semibold';
                        $statusBadge    = '<span class="badge bg-warning text-dark"><i class="bi bi-clock me-1"></i>Expiring Soon</span>';
                    } else {
                        $daysColorClass = 'text-success';
                    }
                @endphp
                <tr class="{{ $rowClass }}">
                    <td class="ps-4 small">
                        <div class="fw-medium">
                            @if($client)
                                <a href="{{ route('admin.client.show', $client) }}"
                                   class="text-decoration-none text-dark">{{ $client->full_name }}</a>
                            @else
                                {{ $rental->client_name ?: '—' }}
                            @endif
                        </div>
                        @if($client && $rental->client_name && $rental->client_name !== $client->full_name)
                        <div class="text-muted" style="font-size:0.7rem">{{ $rental->client_name }}</div>
                        @endif
                    </td>
                    <td class="small">
                        @if($rental->property)
                            <a href="{{ route('admin.property.show', $rental->property) }}"
                               class="text-decoration-none fw-medium text-dark">
                                {{ $rental->property->title }}
                            </a>
                            @if($rental->property->city)
                            <div class="text-muted" style="font-size:0.7rem">{{ $rental->property->city }}</div>
                            @endif
                        @else
                            —
                        @endif
                    </td>
                    <td class="small text-muted">{{ $rental->owner_name ?: '—' }}</td>
                    <td class="small text-nowrap">
                        {{ $rental->agreement_start_date ? $rental->agreement_start_date->format('d M Y') : '—' }}
                    </td>
                    <td class="small text-nowrap">
                        {{ $rental->agreement_end_date ? $rental->agreement_end_date->format('d M Y') : '—' }}
                    </td>
                    <td class="small fw-medium text-nowrap text-end">
                        {{ $rental->monthly_rent ? '₹ ' . number_format((float) $rental->monthly_rent, 0) : '—' }}
                    </td>
                    <td class="small text-end text-nowrap">
                        @if($daysLeft !== null)
                            <span class="{{ $daysColorClass }}">
                                {{ $isExpired ? abs($daysLeft) . 'd ago' : $daysLeft . 'd' }}
                            </span>
                        @else
                            —
                        @endif
                    </td>
                    <td class="small">{{ $staff ? $staff->name : '—' }}</td>
                    <td>
                        {{-- Collection Status: Not Managed until the Managed Rental module is built --}}
                        <span class="badge bg-secondary bg-opacity-10 text-secondary">Not Managed</span>
                    </td>
                    <td class="text-nowrap">
                        @if($lead)
                        <a href="{{ route('admin.leads.show', $lead) }}"
                           class="btn btn-sm btn-outline-secondary py-0 px-2"
                           title="View Lead">
                            <i class="bi bi-funnel"></i>
                        </a>
                        @endif
                        @if($rental->document_path && $lead)
                        <a href="{{ route('admin.leads.agreement.document', $lead) }}"
                           class="btn btn-sm btn-outline-primary py-0 px-2 ms-1"
                           title="Download Agreement">
                            <i class="bi bi-file-earmark-pdf"></i>
                        </a>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @if($rentals->hasPages())
    <div class="card-footer bg-white border-top py-3 px-4">
        {{ $rentals->links() }}
    </div>
    @endif
    @endif
</div>

@endsection