@extends('includes.layouts.admin')
@section('page-title')
    Lead List
@endsection

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Lead List</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Lead List</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card pdb-75">
                        <div class="card-header">
                            <form action="">
                                <div class="input-group w-25 float-right">
                                    <input type="text" name="name" value="{{ $filter['name'] }}" placeholder="Find by name" id="lead_search_name" class="form-control form-control-sm" required >
    
                                    <div class="input-group-append">
                                        <button class="btn btn-sm btn_baseColor" type="submit">Search</button>
                                    </div>
                                    {{-- &nbsp; --}}
                                    <div class="input-group-append">
                                        <a href="{{ route('admin.lead.index') }}" class="btn btn-sm btn_baseColor" id="clear-search" type="button">Clear &nbsp;</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- /.card-header -->

                        <div class="card-body">

                            <div class="container-fluid table-responsive">
                                <table class="table table-striped table-bordered table-sm text-center ">
                                    <thead>
                                        <tr>
                                            <th>Serial No</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Phone Number</th>
                                            <th>Retailer</th>
                                            <th>Created At</th>
                                            <th>Status</th>
                                            <th>Activate/Deactivate</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($leadList as $index => $lead)
                                            <tr>
                                                <td> {{ $index+$leadList->firstItem() }}</td>
                                                <td> {{ Str::title($lead->name) }}</td>
                                                <td> {{ $lead->email }}</td>
                                                <td> {{ $lead->country_code . " " . $lead->phone }}</td>
                                                <td> {{ Str::title($lead->retailer) }}</td>
                                                <td> {{ $lead->created_at }}</td>
                                                <td id="{{ $lead->id }}">
                                                    @if ($lead->status == 1)
                                                        <span class="badge bg-success"> Active </span>
                                                    @else
                                                        <span class="badge bg-danger"> Inactive </span>
                                                    @endif
                                                </td>
                                        
                                                <td>
                                                    <div class="form-group">
                                                        <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                                                            <input type="checkbox" data-id="{{ $lead->id }}" class="custom-control-input lead-warning" 
                                                                {{ $lead->status ? 'checked' : '' }} id="customSwitch{{ $lead->id }}" data-lead="Lead "
                                                                data-route="{{ route('admin.lead.updateStatus', $lead->id) }}"
                                                            >
                                                            <label class="custom-control-label" for="customSwitch{{ $lead->id }}"></label>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <a href="{{ route('admin.lead.show', $lead->id) }}"
                                                            class="" style="color: #1c55ad; padding-right: 6px;">
                                                            <i class="fa fa-eye"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8">No Record Found.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- /Card Body -->

                        @if ($leadList->hasPages())
                            <!-- Card Footer -->
                            <div class="card-footer">
                                <nav aria-label="Contacts Page Navigation">
                                    {{ $leadList->links('pagination::bootstrap-5') }}
                                </nav>
                            </div>
                            <!-- /Card Footer-->
                        @endif
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('scripts')
    @include('admin.commonScript.script')
@endsection