@extends('layouts.app')

@section('title', ($showClosed ? 'Closed' : 'Active') . ' Leads')
@section('page-title', 'Lead Pipeline')

@section('content')

{{-- Tabs --}}
<div class="d-flex justify-content-between align-items-center mb-4">
    <ul class="nav nav-pills gap-1">
        <li class="nav-item">
            <a class="nav-link {{ ! $showClosed ? 'active' : '' }}"
               href="{{ request()->fullUrlWithQuery(['show' => 'active']) }}">
                Active Leads
                <span class="badge {{ ! $showClosed ? 'bg-white text-primary' : 'bg-primary' }} ms-1">{{ $activeCounts }}</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link {{ $showClosed ? 'active' : '' }}"
               href="{{ request()->fullUrlWithQuery(['show' => 'closed']) }}">
                Closed Leads
                <span class="badge {{ $showClosed ? 'bg-white text-primary' : 'bg-primary' }} ms-1">{{ $closedCount }}</span>
            </a>
        </li>
    </ul>
</div>

{{-- Filters --}}
<form method="GET" class="card border-0 shadow-sm p-3 mb-4">
    <input type="hidden" name="show" value="{{ $showClosed ? 'closed' : 'active' }}">
    <div 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>

        @if(auth()->user()->isAdmin())
        <div class="col-md-2">
            <label class="form-label small fw-medium mb-1">Assigned To</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>
        @endif

        <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="">Any</option>
                @foreach($interestTypes as $k => $v)
                    <option value="{{ $k }}" {{ request('interest_type') === $k ? 'selected' : '' }}>{{ $v }}</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="">Any</option>
                @foreach($propertyTypes as $k => $v)
                    <option value="{{ $k }}" {{ request('property_type') === $k ? 'selected' : '' }}>{{ $v }}</option>
                @endforeach
            </select>
        </div>

        <div class="col-md-2">
            <label class="form-label small fw-medium mb-1">From Date</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">To Date</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-primary btn-sm">
                <i class="bi bi-funnel me-1"></i>Filter
            </button>
            <a href="{{ route('admin.leads.index', ['show' => $showClosed ? 'closed' : 'active']) }}"
               class="btn btn-light btn-sm">Clear</a>
        </div>
    </div>
</form>

{{-- Table --}}
<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Client</th>
                    <th>Requirement</th>
                    <th>Current Stage</th>
                    <th class="text-center">Days in Stage</th>
                    @if(auth()->user()->isAdmin())
                    <th>Assigned To</th>
                    @endif
                    @include('partials._sort_th', ['column' => 'last_activity_at', 'label' => 'Last Activity'])
                    @include('partials._sort_th', ['column' => 'created_at', 'label' => 'Created'])
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($leads as $lead)
                @php
                    $client = $lead->requirement ? $lead->requirement->client : null;
                @endphp
                <tr>
                    <td>
                        @if($client)
                            <a href="{{ route('admin.client.show', $client) }}" class="fw-medium text-decoration-none">
                                {{ $client->full_name }}
                            </a>
                            <div class="text-muted" style="font-size:0.75rem">{{ $client->mobile }}</div>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td>
                        @if($lead->requirement)
                            <div class="small">{{ $lead->requirement->title }}</div>
                        @else
                            <span class="text-muted small">—</span>
                        @endif
                    </td>
                    <td>
                        @if($lead->currentStage)
                            <span class="badge" style="background-color: {{ $lead->currentStage->color }}">
                                {{ $lead->currentStage->name }}
                            </span>
                        @else
                            <span class="text-muted small">—</span>
                        @endif
                    </td>
                    <td class="text-center">
                        @php $days = $lead->days_in_stage; @endphp
                        <span class="{{ $days > 7 ? 'text-warning fw-semibold' : 'text-muted' }}">
                            {{ $days }}d
                        </span>
                    </td>
                    @if(auth()->user()->isAdmin())
                    <td class="small">{{ $lead->assignedTo ? $lead->assignedTo->name : '—' }}</td>
                    @endif
                    <td class="text-muted small">
                        {{ $lead->last_activity_at ? $lead->last_activity_at->diffForHumans() : $lead->created_at->diffForHumans() }}
                    </td>
                    <td class="text-muted small">{{ $lead->created_at->format('d M Y') }}</td>
                    <td class="text-end">
                        <a href="{{ route('admin.leads.show', $lead) }}" class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-eye"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="{{ auth()->user()->isAdmin() ? 8 : 7 }}" class="text-center py-5 text-muted">
                        No {{ $showClosed ? 'closed' : 'active' }} leads found.
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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