@extends('layouts.app')

@section('title', 'Lead Report')
@section('page-title', 'Lead Report')

@section('content')

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

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Stage</label>
                <select name="stage_id" class="form-select form-select-sm">
                    <option value="">All Stages</option>
                    @foreach($stages as $stage)
                    <option value="{{ $stage->id }}" {{ request('stage_id') == $stage->id ? 'selected' : '' }}>
                        {{ $stage->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <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">Interest Type</label>
                <select name="interest_type" class="form-select form-select-sm">
                    <option value="">All</option>
                    @foreach(\App\Models\ClientRequirement::INTEREST_TYPES as $val => $label)
                    <option value="{{ $val }}" {{ request('interest_type') === $val ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Property Type</label>
                <select name="property_type" class="form-select form-select-sm">
                    <option value="">All Types</option>
                    @foreach(\App\Models\ClientRequirement::PROPERTY_TYPES as $val => $label)
                    <option value="{{ $val }}" {{ request('property_type') === $val ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Lead Created From</label>
                <input type="date" name="date_from" class="form-control form-control-sm"
                       value="{{ request('date_from') }}">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Lead Created To</label>
                <input type="date" name="date_to" class="form-control form-control-sm"
                       value="{{ request('date_to') }}">
            </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.reports.leads') }}" 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 py-3 d-flex align-items-center justify-content-between">
        <h6 class="fw-semibold mb-0">
            Leads
            <span class="badge bg-secondary bg-opacity-10 text-secondary ms-1">{{ $leads->total() }}</span>
        </h6>
    </div>

    @if($leads->isEmpty())
    <div class="card-body text-center py-5 text-muted">
        <i class="bi bi-funnel d-block fs-2 mb-2 opacity-25"></i>
        <p class="small mb-0">No leads match 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>
                    <th class="ps-3">Client</th>
                    <th>Requirement</th>
                    <th>Stage</th>
                    <th>Assigned To</th>
                    <th class="text-end">Days Open</th>
                    <th>Last Activity</th>
                </tr>
            </thead>
            <tbody>
                @foreach($leads as $lead)
                @php
                    $req    = $lead->requirement;
                    $client = $req ? $req->client : null;
                    $daysOpen = $lead->created_at->diffInDays(now());

                    $stage      = $lead->currentStage;
                    $stageClass = $stage && $stage->is_closed_won  ? 'text-success'
                                : ($stage && $stage->is_closed_lost ? 'text-danger'  : 'text-dark');
                @endphp
                <tr>
                    <td class="ps-3 small">
                        @if($client)
                        <a href="{{ route('admin.client.show', $client) }}"
                           class="text-decoration-none fw-medium text-dark">
                            {{ $client->full_name }}
                        </a>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td class="small">
                        <a href="{{ route('admin.leads.show', $lead) }}" class="text-decoration-none text-dark">
                            {{ $req ? $req->title : '—' }}
                        </a>
                        @if($req)
                        <div class="text-muted" style="font-size:0.72rem">
                            {{ \App\Models\ClientRequirement::INTEREST_TYPES[$req->interest_type] ?? '' }}
                            @if($req->property_type)
                                · {{ \App\Models\ClientRequirement::PROPERTY_TYPES[$req->property_type] ?? $req->property_type }}
                            @endif
                        </div>
                        @endif
                    </td>
                    <td class="small">
                        @if($stage)
                        <span class="{{ $stageClass }} fw-medium">{{ $stage->name }}</span>
                        @else
                        <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td class="small">{{ $lead->assignedTo ? $lead->assignedTo->name : '—' }}</td>
                    <td class="small text-end fw-medium">{{ $daysOpen }}d</td>
                    <td class="small text-muted text-nowrap">
                        {{ $lead->last_activity_at ? $lead->last_activity_at->format('d M Y') : $lead->created_at->format('d M Y') }}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

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

@endsection