@extends('layout.master')
@section('content')
    <div class="container-fluid">
        <!-- Start::page-header -->
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <div>
                <h2 class="main-content-title fs-24 mb-1">Lead Screen</h2>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Lead Screen</li>
                </ol>
            </div>
            {{-- <div class="d-flex">
                <div class="justify-content-center">
                    <button type="button"
                        class="btn btn-white btn-icon-text my-2 me-2 d-inline-flex align-items-center">
                        <i class="fe fe-download me-2 fs-14"></i> Import
                    </button>
                    <button type="button"
                        class="btn btn-white btn-icon-text my-2 me-2 d-inline-flex align-items-center">
                        <i class="fe fe-filter me-2 fs-14"></i> Filter
                    </button>
                    <button type="button" class="btn btn-primary my-2 btn-icon-text d-inline-flex align-items-center">
                        <i class="fe fe-download-cloud me-2 fs-14"></i> Download Report
                    </button>
                </div>
            </div> --}}
        </div>

        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <div class="card-title">
                            Leads
                        </div>
                        <div class="w-50">
                            <select class="js-example-basic-single1" name="state">
                                <option value="" disabled selected>Select Country</option>
                                <option value="United States">
                                    United States
                                </option>
                                <option value="Russia">Russia</option>
                                <option value="Germany">Germany</option>
                                <option value="Japan">Japan</option>
                                <option value="Canada">Canada</option>
                            </select>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-2 align-items-center">
                            <div class="col-md-6">
                                <div class="row align-items-end">
                                    <div class="col-md-10 ">
                                        <label for="" class="form-label">Select Agents</label>
                                        <select class="js-example-basic-single1" name="state" multiple>
                                            {{-- <option value="" disabled selected>Select Agent</option> --}}
                                            <option value="Tiger Nixon">
                                                Tiger Nixon
                                            </option>
                                            <option value="Devid">Devid</option>
                                            <option value="Garrett">Garrett</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <button class="btn btn-primary">
                                            Assign
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table id="datatable-basic" class="table table-bordered text-nowrap" style="width:100%">
                                <thead>
                                    <tr>
                                        <th scope="col"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel" value="" aria-label="..."></th>
                                        <th>Lead Id</th>
                                        <th>Lead Name</th>
                                        <th>Agents Name</th>
                                        <th>Country</th>
                                        <th>Date</th>
                                        <th>Total Deposit</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel1" value="" aria-label="..."></th>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">1</span></a></td>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">Lead 1</span></a>
                                        </td>
                                        <td>
                                            <span class="tag tag-dark mt-1 mb-1">Tiger Nixon</span>
                                        </td>
                                        <td>United States</td>
                                        <td>03/12/2020</td>
                                        <td>$320,800</td>
                                        <td>
                                            <select class="form-select" style="width: 140px" aria-label="status">
                                                <option value="">Select Status</option>
                                                <option value="NA">NA</option>
                                                <option value="Not Interested">Not Interested</option>
                                                <option value="Call Back">Call Back</option>
                                                <option value="Important">Important</option>
                                            </select>
                                        </td>
                                        <td>
                                            <button class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></button>
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel1" value="" aria-label="..."></th>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">2</span></a></td>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">Lead 3</span></a>
                                        </td>
                                        <td>
                                            <span class="tag tag-dark mt-1 mb-1">Devid</span>
                                            <span class="tag tag-dark mt-1 mb-1">Tiger Nixon</span>
                                        </td>
                                        <td>Germany</td>
                                        <td>08/12/2020</td>
                                        <td>$92,000</td>
                                        <td>
                                            <select class="form-select" style="width: 140px" aria-label="status">
                                                <option value="">Select Status</option>
                                                <option value="NA">NA</option>
                                                <option value="Not Interested">Not Interested</option>
                                                <option value="Call Back">Call Back</option>
                                                <option value="Important">Important</option>
                                            </select>
                                        </td>
                                        <td>
                                            <button class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></button>
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel1" value="" aria-label="..."></th>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">3</span></a></td>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">Lead 4</span></a>
                                        </td>
                                        <td>
                                            <span class="tag tag-dark mt-1 mb-1">Garrett Winters</span>
                                        </td>
                                        <td>Canada</td>
                                        <td>15/04/2022</td>
                                        <td>$170,750</td>
                                        <td>
                                            <select class="form-select" style="width: 140px" aria-label="status">
                                                <option value="">Select Status</option>
                                                <option value="NA">NA</option>
                                                <option value="Not Interested">Not Interested</option>
                                                <option value="Call Back">Call Back</option>
                                                <option value="Important">Important</option>
                                            </select>
                                        </td>
                                        <td>
                                            <button class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></button>
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel1" value="" aria-label="..."></th>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">4</span></a></td>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">Lead 2</span></a>
                                        </td>
                                        <td>
                                            <span class="tag tag-dark mt-1 mb-1">Allen</span>
                                        </td>
                                        <td>Germany</td>
                                        <td>07/07/2022</td>
                                        <td>$89,000</td>
                                        <td>
                                            <select class="form-select" style="width: 140px" aria-label="status">
                                                <option value="">Select Status</option>
                                                <option value="NA">NA</option>
                                                <option value="Not Interested">Not Interested</option>
                                                <option value="Call Back">Call Back</option>
                                                <option value="Important">Important</option>
                                            </select>
                                        </td>
                                        <td>
                                            <button class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></button>
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><input class="form-check-input" type="checkbox"
                                                id="checkboxNoLabel1" value="" aria-label="..."></th>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">5</span></a></td>
                                        <td><a href="{{ url('lead-details') }}"><span class="text-dark">Lead 5</span></a>
                                        </td>
                                        <td>
                                            <span class="tag tag-dark mt-1 mb-1">Ashton Cox</span>
                                            <span class="tag tag-dark mt-1 mb-1">Allen</span>
                                        </td>
                                        <td>Germany</td>
                                        <td>18/08/2021</td>
                                        <td>$86,000</td>
                                        <td>
                                            <select class="form-select" style="width: 140px" aria-label="status">
                                                <option value="">Select Status</option>
                                                <option value="NA">NA</option>
                                                <option value="Not Interested">Not Interested</option>
                                                <option value="Call Back">Call Back</option>
                                                <option value="Important">Important</option>
                                            </select>
                                        </td>
                                        <td>
                                            <button class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></button>
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection