@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>

        <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>
                        @if (session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ session('success') }}
                               
                            </div>
                        @endif                            
                        <a href="{{ route('lead.create') }}" class="btn btn-primary">
                            <i class="bi bi-plus"></i> Add Lead
                        </a>
                    </div>
                    <form id="assign_agent">
                        <div class="card-body">
                            @can('lead assign')
                                <div class="row mb-2 align-items-center justify-content-between">
                                    <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 agentqqq" required id="agent_id"
                                                    name="agent" multiple>
                                                    <option value="" disabled>Select Agent</option>
                                                    @foreach ($agents as $agent)
                                                        <option value="{{ $agent->id }}">{{ $agent->name }}</option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="_token" id="csrf_token"
                                                    value="{{ csrf_token() }}">

                                            </div>
                                            <div class="col-md-2">
                                                <button class="btn btn-primary" type="submit">Assign</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                    @php
                                        $countries = [
                                            'AF' => 'Afghanistan',
                                            'AL' => 'Albania',
                                            'DZ' => 'Algeria',
                                            'AS' => 'American Samoa',
                                            'AD' => 'Andorra',
                                            'AO' => 'Angola',
                                            'AI' => 'Anguilla',
                                            'AQ' => 'Antarctica',
                                            'AG' => 'Antigua and Barbuda',
                                            'AR' => 'Argentina',
                                            'AM' => 'Armenia',
                                            'AW' => 'Aruba',
                                            'AU' => 'Australia',
                                            'AT' => 'Austria',
                                            'AZ' => 'Azerbaijan',
                                            'BS' => 'Bahamas',
                                            'BH' => 'Bahrain',
                                            'BD' => 'Bangladesh',
                                            'BB' => 'Barbados',
                                            'BY' => 'Belarus',
                                            'BE' => 'Belgium',
                                            'BZ' => 'Belize',
                                            'BJ' => 'Benin',
                                            'BM' => 'Bermuda',
                                            'BT' => 'Bhutan',
                                            'BO' => 'Bolivia',
                                            'BA' => 'Bosnia and Herzegovina',
                                            'BW' => 'Botswana',
                                            'BR' => 'Brazil',
                                            'BN' => 'Brunei Darussalam',
                                            'BG' => 'Bulgaria',
                                            'BF' => 'Burkina Faso',
                                            'BI' => 'Burundi',
                                            'KH' => 'Cambodia',
                                            'CM' => 'Cameroon',
                                            'CA' => 'Canada',
                                            'CV' => 'Cape Verde',
                                            'CF' => 'Central African Republic',
                                            'TD' => 'Chad',
                                            'CL' => 'Chile',
                                            'CN' => 'China',
                                            'CO' => 'Colombia',
                                            'KM' => 'Comoros',
                                            'CD' => 'Congo (Democratic Republic)',
                                            'CG' => 'Congo (Republic)',
                                            'CR' => 'Costa Rica',
                                            'CI' => 'Côte d’Ivoire',
                                            'HR' => 'Croatia',
                                            'CU' => 'Cuba',
                                            'CY' => 'Cyprus',
                                            'CZ' => 'Czech Republic',
                                            'DK' => 'Denmark',
                                            'DJ' => 'Djibouti',
                                            'DM' => 'Dominica',
                                            'DO' => 'Dominican Republic',
                                            'EC' => 'Ecuador',
                                            'EG' => 'Egypt',
                                            'SV' => 'El Salvador',
                                            'GQ' => 'Equatorial Guinea',
                                            'ER' => 'Eritrea',
                                            'EE' => 'Estonia',
                                            'ET' => 'Ethiopia',
                                            'FJ' => 'Fiji',
                                            'FI' => 'Finland',
                                            'FR' => 'France',
                                            'GA' => 'Gabon',
                                            'GM' => 'Gambia',
                                            'GE' => 'Georgia',
                                            'DE' => 'Germany',
                                            'GH' => 'Ghana',
                                            'GR' => 'Greece',
                                            'GT' => 'Guatemala',
                                            'GN' => 'Guinea',
                                            'GY' => 'Guyana',
                                            'HT' => 'Haiti',
                                            'HN' => 'Honduras',
                                            'HU' => 'Hungary',
                                            'IS' => 'Iceland',
                                            'IN' => 'India',
                                            'ID' => 'Indonesia',
                                            'IR' => 'Iran',
                                            'IQ' => 'Iraq',
                                            'IE' => 'Ireland',
                                            'IL' => 'Israel',
                                            'IT' => 'Italy',
                                            'JM' => 'Jamaica',
                                            'JP' => 'Japan',
                                            'JO' => 'Jordan',
                                            'KZ' => 'Kazakhstan',
                                            'KE' => 'Kenya',
                                            'KW' => 'Kuwait',
                                            'KG' => 'Kyrgyzstan',
                                            'LA' => 'Laos',
                                            'LV' => 'Latvia',
                                            'LB' => 'Lebanon',
                                            'LY' => 'Libya',
                                            'LI' => 'Liechtenstein',
                                            'LT' => 'Lithuania',
                                            'LU' => 'Luxembourg',
                                            'MG' => 'Madagascar',
                                            'MW' => 'Malawi',
                                            'MY' => 'Malaysia',
                                            'MV' => 'Maldives',
                                            'ML' => 'Mali',
                                            'MT' => 'Malta',
                                            'MX' => 'Mexico',
                                            'MC' => 'Monaco',
                                            'MN' => 'Mongolia',
                                            'MA' => 'Morocco',
                                            'MZ' => 'Mozambique',
                                            'MM' => 'Myanmar',
                                            'NA' => 'Namibia',
                                            'NP' => 'Nepal',
                                            'NL' => 'Netherlands',
                                            'NZ' => 'New Zealand',
                                            'NI' => 'Nicaragua',
                                            'NE' => 'Niger',
                                            'NG' => 'Nigeria',
                                            'NO' => 'Norway',
                                            'OM' => 'Oman',
                                            'PK' => 'Pakistan',
                                            'PA' => 'Panama',
                                            'PY' => 'Paraguay',
                                            'PE' => 'Peru',
                                            'PH' => 'Philippines',
                                            'PL' => 'Poland',
                                            'PT' => 'Portugal',
                                            'QA' => 'Qatar',
                                            'RO' => 'Romania',
                                            'RU' => 'Russia',
                                            'SA' => 'Saudi Arabia',
                                            'SN' => 'Senegal',
                                            'RS' => 'Serbia',
                                            'SG' => 'Singapore',
                                            'SK' => 'Slovakia',
                                            'SI' => 'Slovenia',
                                            'SO' => 'Somalia',
                                            'ZA' => 'South Africa',
                                            'ES' => 'Spain',
                                            'LK' => 'Sri Lanka',
                                            'SD' => 'Sudan',
                                            'SE' => 'Sweden',
                                            'CH' => 'Switzerland',
                                            'SY' => 'Syria',
                                            'TW' => 'Taiwan',
                                            'TZ' => 'Tanzania',
                                            'TH' => 'Thailand',
                                            'TR' => 'Turkey',
                                            'UG' => 'Uganda',
                                            'UA' => 'Ukraine',
                                            'AE' => 'United Arab Emirates',
                                            'GB' => 'United Kingdom',
                                            'US' => 'United States',
                                            'UY' => 'Uruguay',
                                            'UZ' => 'Uzbekistan',
                                            'VE' => 'Venezuela',
                                            'VN' => 'Vietnam',
                                            'YE' => 'Yemen',
                                            'ZM' => 'Zambia',
                                            'ZW' => 'Zimbabwe'
                                        ];

                                        $selectedCountry = request()->query('countryCode');
                                        @endphp
                                        <label for="" class="form-label">Filter</label>

                                        <select class="form-control" onchange="redirectToRoute(this)" id="selectCountry" name="country">
                                        <option value="">Select Option</option>
    
                                        @foreach($countries as $code => $name)
                                                <option value="{{ $code }}" {{ $selectedCountry == $code ? 'selected' : '' }}>{{ $name }}</option>
                                            @endforeach
                                        </select>

                                       
                                        
                                    </div>
                                </div>
                            @endcan()
                            <div class="table-responsive">
                                <table id="lead-datatable" 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>
                                    @foreach ($leads as $key=> $lead)
                                    <tr>
                                                <th scope="row">
                                                    <input class="form-check-input checkbox-item" type="checkbox"
                                                        data-id="{{ $lead->id }}"
                                                        id="checkboxNoLabel_{{ $lead->id }}" value="{{ $lead->id }}"
                                                        aria-label="...">
                                                </th>
                                                <td><a href="{{ route('lead.show', $lead->id) }}"><span
                                                            class="text-dark">{{ $key+1 }}</span></a></td>
                                                <td><a href="{{ route('lead.show', $lead->id) }}"><span
                                                            class="text-dark">{{ $lead->fullname }}</span></a>
                                                </td>

                                                <td>
                                                    @foreach ($lead->agents as $agent)
                                                        <span class="tag tag-default mt-1 mb-1">
                                                            {{ $agent->agents->name ?? "User Delete" }}
                                                            <a href="javascript:void(0);" data-leadid="{{ $lead->id }}"
                                                                data-agentid="{{ $agent->agent_id ?? "0"}}"
                                                                onclick="removeAgent(this)" class="tag-addon">
                                                                <i class="fe fe-x"></i>
                                                            </a>
                                                        </span>
                                                    @endforeach

                                                </td>
                                                </td>
                                                <td>{{ $lead->countrycode }}</td>
                                                <td>{{ $lead->depositdate }}</td>
                                                <td>${{ number_format($lead->deposit_sum_deposit ?? 0, 2) }}</td>
                                                <td>
                                                    <select class="form-select status-dropdown table_status"
                                                        data-id="{{ $lead->id }}" style="width: 140px"
                                                        aria-label="status">
                                                        <option value="">Select Status</option>
                                                        <option value="NA"
                                                            {{ $lead->status == 'NA' ? 'Selected' : '' }}>NA</option>
                                                        <option value="Not Interested"
                                                            {{ $lead->status == 'Not Interested' ? 'Selected' : '' }}>Not
                                                            Interested</option>
                                                        <option value="Call Back"
                                                            {{ $lead->status == 'Call Back' ? 'Selected' : '' }}>Call Back
                                                        </option>
                                                        <option value="Important"
                                                            {{ $lead->status == 'Important' ? 'Selected' : '' }}>Important
                                                        </option>
                                                    </select>
                                                </td>
                                                <td>
                                                    @can('lead edit')
                                                        <a href="{{ route('lead.edit', $lead->id) }}"
                                                            class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></a>
                                                    @endcan()
                                                    @can('lead delete')
                                                    <form id="delete-form-{{ $lead->id }}" action="{{ route('lead.destroy', $lead->id) }}" method="POST" style="display: none;">
                                                        @csrf
                                                        @method('DELETE')
                                                    </form>

                                                    <button class="btn btn-danger btn-sm" onclick="confirmDelete({{ $lead->id }})">
                                                        <i class="bi bi-trash"></i>
                                                    </button>




                                                    
                                                        
                                                    @endcan()
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>


        function confirmDelete(leadId) {
            Swal.fire({
                title: "Are you sure?",
                text: "You won't be able to revert this!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('delete-form-' + leadId).submit();
                }
            });
        }

        function removeAgent(element) {
            let leadId = element.getAttribute("data-leadid");
            let agentId = element.getAttribute("data-agentid");
            var csrf_token = $('#csrf_token').val();

            fetch("{{ route('lead.removeAgent') }}", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": csrf_token,
                    },
                    body: JSON.stringify({
                        lead_id: leadId,
                        agent_id: agentId
                    }),
                })
                .then(response => response.json())
                .then(data => {
                    console.log("Response:", data);
                    if (data.status == 200) {

                        element.parentElement.remove(); // Tag remove kar do
                        alert(data.message)

                    }
                })
                .catch(error => console.error("Error:", error));


            // Yahan AJAX request ya koi aur logic add kar sakta hai
        }

        function redirectToRoute(select) {
                var val = select.value;
                if (val) {

                    var url = "{{ route('lead.index') }}?countryCode=" + val; // Query parameter add karo
                    window.location.href = url; // Redirect to selected route 
                }
            }

        $(document).ready(function() {
            $('#assign_agent').submit(function(e) {
                e.preventDefault(); // Form submit hone se roko

                // Form values le lo
                var selectedAgents = $(this).val(); // Get selected values

                var agent_id = $('#agent_id').val();

                var selectedagent = [];


                /////////////////////////
                var selectedItems = [];

                $(".checkbox-item:checked").each(function() {
                    var item = {
                        id: $(this).data("id"), // Get data-id
                    };
                    selectedItems.push(item);
                });

                if (selectedItems.length == 0) {
                    alert('Select Lead First');
                } else {
                    var csrf_token = $('#csrf_token').val();
                    $.ajax({
                        url: '{{ route('lead.assign') }}', // Laravel ka route
                        type: 'POST',
                        data: {
                            selectedItems: selectedItems,
                            agent_id: agent_id,
                            _token: csrf_token // CSRF token bhejna zaroori hai
                        },
                        success: function(response) {
                            if (response.status == 200) {
                                alert("Agent successfully added!");
                                window.location.reload();
                                $('#addAgent')[0].reset(); // Form clear karo
                            } else {
                                alert("Something went wrong!");
                            }
                        },
                        error: function(xhr, status, error) {
                            alert("Error: " + xhr.responseText);
                        }
                    });
                }
                /////////////////////////////////////////

            });


            $(".table_status").on("change", function() {
                var status = $(this).val(); // Selected value
                var leadId = $(this).data("id"); // Data-id from select element
                var csrf_token = $('#csrf_token').val();

                if (status) {
                    $.ajax({
                        url: '{{ route('lead.updateStatus') }}', // Laravel ka route
                        type: "POST",
                        data: {
                            _token: csrf_token, // CSRF token
                            status: status,
                            lead_id: leadId
                        },
                        success: function(response) {
                            alert("Status updated successfully!");
                        },
                        error: function(err) {
                            alert("Error updating status!", err);
                        }
                    });
                }
            });


           

           

            $('#lead-datatable').DataTable({
                "pageLength": 50,
                "lengthMenu": [
                    [50, 100, 200, 500, 1000],
                    [50, 100, 200, 500, 1000]
                ],
                "scrollY": "350px", // Set table height (adjust as needed)
                "scrollX": "auto", // Set table width (adjust as needed)
                "scrollCollapse": true, // Collapse empty space if rows are less
                "paging": true // Enable pagination
                // "responsive": true,
                // "dom": 'Bfrtip',
                // "buttons": [
                //     'print'
                // ]
            });
        });
    </script>

@endsection