@include('includes.header')

<!-- Page content-->
<div class="container">
    <div class="mt-5">
        <h1>Duplicate Data</h1>
        @if(!empty($data))
            <div class="row">
                <div class="col-sm-6">
                    <p>Found {{ !empty($data->total()) ? $data->total() : 0 }} records as per below, We have saved in
                        our records</p>
                </div>
                <div class="col-sm-6 d-flex justify-content-end p-2">
                    <div class="mx-2">
                        <a class="btn btn-sm btn-primary" href="{{ route('all-records') }}">All Records</a>
                    </div>
                    <div class="mx-2">
                        <input type="hidden" name="selectedValues" id="selectedValues">
                        <a class="btn btn-sm btn-danger delete-all" onclick="ShowDelete('Select')">Delete Selected</a>
                    </div>
                    <div class="mx-2">
                        <a class="btn btn-sm btn-danger delete-all" onclick="ShowDelete('All')"
                        >Delete All</a>
                    </div>
                </div>
                <div class="col-sm-3 d-flex justify-content-end p-2">

                </div>
            </div>
        @endif
        <table class="table table-bordered">
            <thead>
            <tr>
                <td><input type="checkbox" id="rowCheckboxAll" onchange="CheckBoxall(this)"></td>
                <th scope="col">#</th>
                <th scope="col">Name</th>
                <th scope="col">Email</th>
                <th scope="col">Status</th>
                <th scope="col">Employer Name</th>
                <th scope="col">Is Child</th>
                <th scope="col">Parent Lead Id</th>
                <th scope="col">Created Date</th>
            </tr>
            </thead>
            <tbody>
            @if(!empty($data))
                @foreach($data as $key => $row)
                    <tr>
                        <td>
                            <input type="checkbox" class="rowCheckbox" value="{{ $row['id'] }}"
                                   onclick="updateHiddenInput()">
                        </td>
                        <th scope="row">{{ $data->firstItem() + $key }}</th>
                        <td>{{ !empty($row['FirstName'] && $row['LastName']) ? $row['FirstName'] . ' '.$row['LastName'] : 'N/A' }}</td>
                        <td>{{ !empty($row['Email']) ? $row['Email'] : 'N/A' }}</td>
                        <td>{{ !empty($row['Status']) ? $row['Status'] : 'N/A' }}</td>
                        <td>{{ !empty($row['School_District__c']) ? $row['School_District__c'] : 'N/A' }}</td>
                        <td>{{ !empty($row['isChild']) ? $row['isChild'] : 'N/A' }}</td>
                        <td>{{ !empty($row['ParentLeadID']) ? $row['ParentLeadID'] : 'N/A' }}</td>
                        <td>{{ !empty($row['CreatedDate']) ? \Carbon\Carbon::parse($row['CreatedDate'])->format('m-d-Y') : 'N/A' }}</td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="8">
                        <center>No Records Found!</center>
                    </td>
                </tr>
            @endif
            </tbody>
        </table>
        <div class="pagination-custom">
            {{$data->links()}}
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.13.2/dist/sweetalert2.all.min.js"></script>
<script type="text/javascript">
    function ShowDelete(type) {
        Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                var baseUrl = $('#base_url').val();
                var selectedValues = $('#selectedValues').val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: baseUrl + '/api/delete-process', // replace with your API endpoint
                    method: "POST",
                    data: {
                        'selectedValues': selectedValues,
                        'type': type,
                    },
                    dataType: "json",
                    success: function () {
                        Swal.fire({
                            title: "Deleted!",
                            text: "Your file has been Working ON Queue for Delete.",
                            icon: "success"
                        });
                    },
                    error: function (error) {
                        console.error("Error:", error);
                    }
                });

            }
        });
    }

    function updateHiddenInput() {
        let selected = [];
        document.querySelectorAll('.rowCheckbox:checked').forEach(function (checkbox) {
            selected.push(checkbox.value);
        });
        document.getElementById('selectedValues').value = JSON.stringify(selected);
    }

    function CheckBoxall(d){
        selectedLeads = [];
        if(d.checked == true){
            $(".rowCheckbox").prop('checked', true);
            const checkboxes = document.querySelectorAll('.rowCheckbox');
            checkboxes.forEach(function (checkbox) {
                if (checkbox.checked) {
                    selectedLeads.push(checkbox.value);
                }
            });
        }else{
            selectedLeads = [];
            $(".rowCheckbox").prop('checked', false);
        }
        updateHiddenInput();
    }


</script>
@include('includes.footer')