@include('includes.header')

<!-- Page content-->
<div class="container">
    <div class="mt-5">
        <h1>All Duplicate Records</h1>
        @if(!empty($data))
            <div class="row">
                <div class="col-sm-9">
                                        <p>Found {{ !empty($data->total()) ? $emailsCount : 0 }} records as per below, We have saved in
                                            our records</p>
                </div>
{{--                <div class="col-sm-3 d-flex justify-content-end p-2">--}}
{{--                    <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">Child/Parent</th>
                <th scope="col">Parent Lead Id</th>
                <th scope="col">Created Date</th>
            </tr>
            </thead>
            <tbody>
            @php
                $colors = ['#f8f8f8', '#ddd']; // Example colors for different groups
                $colorIndex = 0;
            @endphp
            @if(!empty($data))
                @php $i = 1; @endphp
                @foreach($data as $keyD => $rowData)
                    @php
                        $color = $colors[$colorIndex % count($colors)];
                        $colorIndex++;
                    @endphp
                    @foreach($rowData as $key => $row)
                        <tr style="background-color :{{ $color }}">
{{--                            <td>--}}
{{--                                <input type="checkbox" class="rowCheckbox" value="{{ $row['id'] }}"--}}
{{--                                       onclick="updateHiddenInput()">--}}
{{--                            </td>--}}
                            <th scope="row">{{ $i }}</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']) ? '<span class="badge bg-danger">Child</span>' : '<span class="badge bg-success">Parent</span>'  !!}</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
                    @php $i++; @endphp
                @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')