@extends('layout.master')

@section('title', 'Leads')

@section('content')
    @php
        $statusColors = [
            'pending' => 'warning',
            'done' => 'success',
            'need further follow up' => 'info',
        ];
    @endphp

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">

                <!-- TOP BAR -->
                <div class="py-3 d-flex align-items-center justify-content-between">
                    <h4 class="fs-18 fw-semibold m-0">Leads</h4>

                    <div class="d-flex gap-2">
                        <a href="{{ route('lead.create') }}" class="btn btn-sm text-white"
                            style="background-color: #0d74bb; border-color: #0d74bb;">
                            + Add Lead
                        </a>

                        <a href="{{ route('lead.trash') }}" class="btn btn-danger btn-sm">
                            <i class="mdi mdi-delete-outline"></i> Trash ({{ $trashCount }})
                        </a>

                    </div>
                </div>

                <!-- SUCCESS MESSAGE -->
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <!-- TABLE -->
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">

                            <table id="datatable" class="table table-bordered dt-responsive nowrap align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Lead #</th>
                                        <th>Name</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>Company</th>
                                        {{-- <th>Service</th> --}}
                                        <th>Assigned To</th>
                                        <th>Source</th>
                                        <th>Method of Contact</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @if ($leads->count() > 0)

                                        @foreach ($leads as $lead)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>

                                                <!-- Lead # -->
                                                <td>
                                                    <strong>{{ $lead->lead_number ?? '—' }}</strong>
                                                </td>

                                                <!-- Client Name -->
                                                <td>{{ $lead->client->name ?? ($lead->client_name ?? '—') }}</td>

                                                <!-- Client Phone -->
                                                <td>{{ $lead->client->phone ?? ($lead->client_phone ?? '—') }}</td>

                                                <!-- Client Email -->
                                                <td>{{ $lead->client->email ?? ($lead->client_email ?? '—') }}</td>

                                                <!-- Company -->
                                                <td>{{ $lead->company_name ?? '—' }}</td>

                                                <!-- Service -->
                                                {{-- <td>{{ $lead->service->name ?? '—' }}</td> --}}

                                                <!-- Assigned To -->
                                                <td>{{ $lead->user->name ?? 'Unassigned' }}</td>

                                                <!-- Source -->
                                                <td>{{ $lead->source->name ?? '—' }}</td>

                                                <!-- Method of Contact -->
                                                <td>{{ $lead->mediumOfContact->name ?? '—' }}</td>

                                                <!-- Status -->
                                                <td>
                                                    <span
                                                        class="badge bg-{{ $statusColors[$lead->status] ?? 'secondary' }}">
                                                        {{ ucfirst($lead->status ?? 'N/A') }}
                                                    </span>
                                                </td>

                                                <!-- ACTION -->
                                                <td>
                                                    <div class="d-flex gap-1">
                                                        <a href="{{ route('lead.show', $lead->id) }}"
                                                            class="btn btn-sm btn-outline-info" title="View">
                                                            <i class="mdi mdi-eye"></i>
                                                        </a>
                                                        <a href="{{ route('lead.edit', $lead->id) }}"
                                                            class="btn btn-sm btn-outline-success" title="Edit">
                                                            <i class="mdi mdi-pencil"></i>
                                                        </a>
                                                        <form action="{{ route('lead.destroy', $lead->id) }}"
                                                            method="POST"
                                                            onsubmit="return confirm('Move this lead to trash?')">
                                                            @csrf
                                                            @method('DELETE')

                                                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                                                <i class="mdi mdi-delete"></i>
                                                            </button>
                                                        </form>
                                                    </div>
                                                </td>

                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="12" class="text-center text-muted py-4">
                                                No leads found.
                                            </td>
                                        </tr>
                                    @endif

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection