@extends ('../welcome')
@section('content')
    <style>
        /* .pagination nav .relative.z-0.inline-flex {
            display: inline-flex;
        }

        .pagination nav .hidden {
            display: unset !important;
        }

        .pagination nav .flex-1.justify-between {
            padding: 15px 0
        }

        .pagination nav .flex.justify-between.flex-1 {
            display: none
        } */
        
        /* Custom pagination styles without arrows */
        .pagination {
            margin: 0;
            padding: 0;
        }
        
        .pagination .page-item {
            margin: 0 2px;
        }
        
        .pagination .page-link {
            border-radius: 4px;
            border: 1px solid #dee2e6;
            color: #007bff;
            background-color: #fff;
            padding: 8px 12px;
        }
        
        .pagination .page-item.active .page-link {
            background-color: #007bff;
            border-color: #007bff;
            color: #fff;
        }
        
        .pagination .page-link:hover {
            background-color: #e9ecef;
            border-color: #dee2e6;
            color: #0056b3;
        }
    </style>
    
    <!-- End filters -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>Delay Leads</h4>
                            <p>Total: {{ $leads->total() }} | Showing {{ $leads->firstItem() ?? 0 }} to {{ $leads->lastItem() ?? 0 }} of {{ $leads->total() }} results</p>
                            
                            <!-- Per Page Selector -->
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <form method="GET" action="{{ route('delayLeads') }}" class="form-inline">
                                        @foreach(request()->except('per_page') as $key => $value)
                                            @if(is_array($value))
                                                @foreach($value as $val)
                                                    <input type="hidden" name="{{ $key }}[]" value="{{ $val }}">
                                                @endforeach
                                            @else
                                                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                            @endif
                                        @endforeach
                                        <label for="per_page" class="mr-2">Show:</label>
                                        <select name="per_page" id="per_page" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
                                            <option value="10" {{ request('per_page') == 10 ? 'selected' : '' }}>10</option>
                                            <option value="25" {{ request('per_page') == 25 ? 'selected' : '' }}>25</option>
                                            <option value="50" {{ request('per_page') == 50 ? 'selected' : '' }}>50</option>
                                            <option value="100" {{ request('per_page') == 100 ? 'selected' : '' }}>100</option>
                                        </select>
                                        <span class="text-muted">entries per page</span>
                                    </form>
                                </div>
                            </div>
                            <br>
                            <div class="btn-group">
                                <!-- <button type="button" class="btn btn-default">Action</button> -->
                                <button type="button" title="bulk action"
                                    class="btn btn-light active dropdown-toggle dropdown-icon" data-toggle="dropdown">
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu" role="menu">
                                    {{-- @if (auth()->user()->hasRole('SuperAdmin')) --}}
                                    <a class="dropdown-item" data-toggle="modal" onClick="clickbutton(this)"
                                        data-target='#assignedUserModal' href="#">Assigned User</a>
                                    {{-- @endif --}}

                                    {{-- <a class="dropdown-item" data-toggle="modal" onClick="changeStatus(this)"
                                    data-target='#statusModal' href="#">Status</a> --}}
                                </div>
                            </div>
                            {{-- @endif --}}
                            @if (auth()->user()->type == 'admin' ||
                                    auth()->user()->role->hasPermission(' leads-delaytime'))
                                <a href="{{ route('unitSettings.index') }}" style="float:right" class="btn btn-outline-dark"
                                    title="Manage DelayTime">
                                    <i class="fas fa-hourglass-end"></i>
                                </a>
                            @endif
                            
                            {{-- <a href="{{ route('delayLeads') }}" style="float:right; margin-right: 10px;" class="btn btn-outline-primary"
                                title="Refresh Delay Leads">
                                <i class="fas fa-sync-alt"></i> Refresh
                            </a> --}}
                            <div class="card-body">


                                <table
                                    id={{ auth()->user()->type == 'admin' ||auth()->user()->role->hasPermission('delay-leads-export')? 'example1': 'nonExport' }}
                                    class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th><input type="checkbox" id="selectAll" class="sub_chk"></th>
                                            <th>ID</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Phone Number</th>
                                            <th>Source</th>
                                            <th>Campaign</th>
                                            <th>Status</th>
                                            <th>comunication</th>
                                            <th>Created Date</th>
                                            <th>Created Time</th>

                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($leads as $lead)