@extends('layouts.master')

@section('styles')

        @include('layouts.components.datatable-styles')

@endsection

@section('content')

                <!-- Start::app-content -->
                <div class="main-content app-content">
                    <div class="container-fluid">

                        <!-- Page Header -->
                        <div class="d-md-flex d-block align-items-center justify-content-between my-2 page-header-breadcrumb">
                            <h1 class="page-title fw-medium fs-24 mb-0">Unshelled Leads</h1>
                            <!-- <div class="ms-md-1 ms-0">
                                <nav>
                                    <ol class="breadcrumb mb-0">
                                        <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                        <li class="breadcrumb-item active d-inline-flex" aria-current="page">Dashboard</li>
                                    </ol>
                                </nav>
                            </div> -->
                        </div>
                        <!-- Page Header Close -->

                        <!-- Start:: row-2 -->
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card custom-card">
                                    <div class="card-header">
                                        // search filter
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table text-nowrap table-striped w-100">
                                                <thead>
                                                    <tr>
                                                        <th>Details</th>
                                                        <th>zipcode</th>
                                                        <th>Leadspedia</th>
                                                        <th>Date</th>
                                                        <th>Status</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if ($leads->count() == 0)
                                                    <tr>
                                                        <td colspan="6">No leads to display.</td>
                                                    </tr>
                                                    @else
                                                    @foreach($leads as $lead)
                                                    <tr>
                                                        <td>
                                                            <i class="ti ti-user"></i> {{ $lead->f_name }} {{ $lead->l_name }}<br>
                                                            <i class="ti ti-phone"></i> <small><a class="text-primary" href="tel:{{ $lead->phone }}">{{ $lead->phone }}</a></small><br>
                                                            <i class="ti ti-email"></i> <small><a class="text-primary" href="tel:{{ $lead->email }}">{{ $lead->email }}</a></small><br>
                                                            <i class="ti ti-arrow-autofit-right"></i> <small>via {{ $lead->landing_page_id }}</small>
                                                        </td>
                                                        <td>{{ $lead->zipcode }}</td>
                                                        <td>{{ $lead->leadspedia_id }}</td>
                                                        <td>{{ $lead->created_at->format('d-m-Y h:m:s') }}</td>
                                                        <td><span class="badge {{ $lead->status->label_class }}">{{ $lead->status->name }}</span></td>
                                                        <td>
                                                            <a href="javascript:void(0);" class="btn btn-icon btn-sm btn-info-transparent rounded-pill"><i class="ri-edit-line"></i></a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        {{ $leads->links() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End:: row-2 -->

                    </div>
                </div>
                <!-- End::app-content -->

@endsection

@section('scripts')
@endsection