@php
    $pageTitle = 'Leads de Associação';
    $statusFilter = request()->input('status', '');
    $searchTerm = request()->input('search', '');

    $statusLabels = \V2\Modules\Institucional\AssocieSe\Models\MembershipLead::$statusLabels;
    $validStatuses = \V2\Modules\Institucional\AssocieSe\Models\MembershipLead::$validStatuses;
@endphp

@extends('v2-cms::layouts.app', [
    'title'    => $pageTitle,
])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Institucional'],
        ['label' => 'Associe-se'],
        ['label' => 'Leads'],
    ]])
@endsection

@section('content')

    <p class="text-muted mb-3">{{ $leads->total() }} registro(s)</p>

    {{-- Filters --}}
    @component('v2-cms::partials.filter-card', [
        'searchPlaceholder' => 'Buscar por nome, email ou empresa...',
        'searchValue'       => $searchTerm,
        'action'            => route('v2.associe-se.cms.leads'),
        'showDateRange'     => false,
    ])
        <div class="col-md-3">
            <label for="status" class="form-label small fw-medium text-muted mb-1">Status</label>
            <select name="status" class="form-select form-select-sm" aria-label="Filtrar por status">
                <option value="">Todos os status</option>
                @foreach($statusLabels as $key => $label)
                    <option value="{{ $key }}" @if($statusFilter === $key) selected @endif>{{ $label }}</option>
                @endforeach
            </select>
        </div>
    @endcomponent

    {{-- Table --}}
    @if($leads->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle" aria-label="Leads">
                <thead class="table-light">
                    <tr>
                        <th scope="col">Nome</th>
                        <th scope="col">Email</th>
                        <th scope="col">Empresa</th>
                        <th scope="col">Status</th>
                        <th scope="col">Data</th>
                        <th scope="col"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($leads as $lead)
                        <tr>
                            <td>
                                <a href="{{ route('v2.associe-se.cms.leads.show', ['id' => $lead->id]) }}" class="text-decoration-none fw-medium">
                                    {{ $lead->name }}
                                </a>
                            </td>
                            <td>{{ $lead->email }}</td>
                            <td>{{ $lead->company ?: '-' }}</td>
                            <td>
                                @php
                                    $statusColor = [
                                        'pending' => 'warning',
                                        'contacted' => 'info',
                                        'converted' => 'success',
                                        'discarded' => 'secondary',
                                    ];
                                    $color = isset($statusColor[$lead->status]) ? $statusColor[$lead->status] : 'secondary';
                                @endphp
                                <span class="badge bg-{{ $color }}">
                                    {{ isset($statusLabels[$lead->status]) ? $statusLabels[$lead->status] : $lead->status }}
                                </span>
                            </td>
                            <td>
                                <small class="text-muted">{{ $lead->created_at->format('d/m/Y H:i') }}</small>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('v2.associe-se.cms.leads.show', ['id' => $lead->id]) }}"
                                   class="btn btn-sm btn-outline-primary" title="Visualizar">
                                    <i class="bi bi-eye" aria-hidden="true"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($leads->hasPages())
        <div class="d-flex justify-content-center mt-4">
            {{ $leads->appends(request()->except('page'))->links('v2-cms::partials.pagination') }}
        </div>
        @endif
    @else
        <div class="text-center py-5">
            <i class="bi bi-inbox" style="font-size: 3rem; color: var(--bs-secondary-color);" aria-hidden="true"></i>
            <h2 class="h5 mt-3 text-muted">Nenhum lead encontrado</h2>
            @if(!empty($searchTerm) || !empty($statusFilter))
                <p class="text-muted">Tente ajustar os filtros ou limpar a busca.</p>
                <a href="{{ route('v2.associe-se.cms.leads') }}" class="btn btn-outline-primary">
                    <i class="bi bi-x-circle me-1" aria-hidden="true"></i> Limpar Filtros
                </a>
            @else
                <p class="text-muted">Nenhum lead recebido até o momento.</p>
            @endif
        </div>
    @endif
@endsection