@extends('setting.nav')
@section('styles')
    <style>
        @keyframes shake {
            0% {
                transform: translateX(0);
            }

            10% {
                transform: translateX(-5px);
            }

            20% {
                transform: translateX(5px);
            }

            30% {
                transform: translateX(-5px);
            }

            40% {
                transform: translateX(5px);
            }

            50% {
                transform: translateX(-5px);
            }

            60% {
                transform: translateX(5px);
            }

            70% {
                transform: translateX(-5px);
            }

            80% {
                transform: translateX(5px);
            }

            90% {
                transform: translateX(-5px);
            }

            100% {
                transform: translateX(0);
            }
        }

        .shake {
            animation: shake 1s;
        }

        .blinking {
            background-color: red;
            animation: blinkRedYellow 0.2s infinite;
        }

        @keyframes blinkRedYellow {
            0% {
                background-color: red;
            }

            50% {
                background-color: yellow;
            }

            100% {
                background-color: red;
            }
        }

        .dashboard-container {
            background: #ffffff;
            border-radius: 12px;
            padding: 30px;
            margin-top: 30px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }
    </style>
@endsection
@section('title', 'All Employee')
@section('content')
    {{-- k0530 9-6-25 --}}
    {{-- <button onclick="updateFreshcount(34, 656)">Update Freshcount</button> --}}
    <div id="freshcountBox" data-admin-id="{{ $admin_id ?? -1 }}"
        data-freshcount="{{ isset($freshcount) ? $freshcount->current_count : -1 }}">
        <!-- Yaha aap content rakh sakte ho -->
        {{-- <strong>Total Count For This id {{ $admin_id }} :- </strong> {{ $freshcount->current_count }} --}}
    </div>
    {{-- k0530 9-6-25 --}}
    <div class="containerfluid dashboard-container" style="padding:0 20px; !important">
        {{-- <h1>📋 Employee Insights DashBoard</h1><br /> --}}
        <!-- Card -->
        <div class="card border-0 shadow-sm" style="border-radius: 1rem;">
            <div class="card-header d-flex justify-content-between align-items-center text-white"
                style="position: sticky; top: 0;">
                <span><i class="bi bi-people-fill me-2 text-muted"></i>Employee Insights Dashboard</span>
                <span id="reloadMessage" style="display: none;">Please Relode the page you have get new mails
                    <a href="{{ route('employee') }}"><span class="text-danger" role="button" title="Refresh"
                            id="" style="font-size: 1.6rem; cursor: pointer;">
                            <i class="bi bi-arrow-clockwise"></i>
                        </span></a>
                </span>
                <!-- <div style="width: 250px;">

                                                                        <button id="urgent-fetch" class="btn btn-danger" style="border-radius: 17px; display: none;">
                                                                            🚨 Urgent Fetch
                                                                        </button>
                                                                        <input type="text" id="customSearch" class="form-control" placeholder="Search mails..."
                                                                            style="border-radius: 30px; padding: 0.4rem 1rem;">
                                                                    </div> -->
                <div class="d-flex align-items-center gap-2">
                    <button id="urgent-fetch" class="btn btn-danger" style="border-radius: 17px; display: none;">
                        🚨 Urgent Fetch
                    </button>
                    <input type="text" id="customSearch" class="form-control" placeholder="Search mails..."
                        style="border-radius: 30px; padding: 0.4rem 1rem; width: 250px;">
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive" style="max-height: 400px; overflow-y: auto;">
                    @if ($employees->isEmpty())
                        <h2 class="text-center text-danger">No mails available</h2>
                    @else
                        {{-- <p>Welcome to the employee section.</p> --}}
                        <table class="table table-striped" id="employee-table">
                            <thead style="position: sticky; top: 0; z-index: 1;">
                                <tr>
                                    <th>#</th>
                                    <th>ID</th>
                                    {{-- <th>User ID</th> --}}
                                    <th>Email</th>
                                    {{-- <th>Total Mail</th> --}}
                                    <th>Positive</th>
                                    <th>Negative</th>
                                    <th>Neutral</th>
                                    <th>Pending Reply</th>
                                    <th>Replied Mail</th>
                                    <th>Promotion</th>
                                    <th class="text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($employees as $emp)
                                    <tr id="row-{{ $loop->iteration }}" data-emp-id="{{ $emp->id }}"
                                        data-rowidFreshCount='{{ $emp->id }}' data-empEmialId={{ $emp->email }}>
                                        <td>
                                            <input type="checkbox" class="emp-checkbox"
                                                data-rowid="row-{{ $loop->iteration }}"
                                                data-account-type="{{ $emp->account_type }}"
                                                data-email="{{ $emp->email }}" data-app-pass="{{ $emp->app_email_pass }}"
                                                data-user-id="{{ $emp->id }}"
                                                data-idpositive="cell-{{ $loop->iteration }}-positive"
                                                data-idnegative="cell-{{ $loop->iteration }}-negative"
                                                data-idsend="cell-{{ $loop->iteration }}-send"
                                                data-idneutral="cell-{{ $loop->iteration }}-neutral"
                                                data-idpromotion="cell-{{ $loop->iteration }}-promotion"
                                                data-idreplied="cell-{{ $loop->iteration }}-replied">
                                        </td>
                                        <td id="cell-{{ $loop->iteration }}-index">{{ $loop->iteration }} </td>
                                        {{-- <td id="cell-{{ $loop->iteration }}-user_id">{{ $emp->id }}</td> --}}
                                        <td id="cell-{{ $loop->iteration }}-email">
                                            @if ($emp->account_type == 0)
                                                <i class="fa-brands fa-google text-danger"></i>
                                            @else
                                                <i class="fa-brands fa-microsoft text-primary"></i>
                                            @endif{{ $emp->email }}
                                        </td>
                                        {{-- <td id="cell-{{ $loop->iteration }}-total">{{ $emp->total_mail }}</td> --}}
                                        {{-- <td id="cell-{{ $loop->iteration }}-positive">{{ $emp->is_login == 1 ? '-' : $emp->is_not_spam }}
                        </td>
                        <td id="cell-{{ $loop->iteration }}-negative">{{ $emp->is_login == 1 ? '-' : $emp->is_spam }}</td>
                        <td id="cell-{{ $loop->iteration }}-send">{{ $emp->is_login == 1 ? '-' : $emp->send_mail }}</td>
                        <td id="cell-{{ $loop->iteration }}-neutral">{{ $emp->is_login == 1 ? '-' : $emp->neutral }}</td>
                        <td id="cell-{{ $loop->iteration }}-promotion">{{ $emp->is_login == 1 ? '-' : $emp->promotion }}
                        </td> --}}
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-positive"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'positive']) }}">
                                                {{ $emp->is_not_spam }}
                                            </a>
                                        </td>
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-negative"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'negative']) }}">
                                                {{ $emp->is_spam }}
                                            </a>
                                        </td>
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-neutral"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'neutral']) }}">
                                                {{ $emp->neutral }}
                                            </a>
                                        </td>
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-send"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'send']) }}">
                                                {{ $emp->send_mail }}
                                            </a>
                                        </td>
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-replied"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'replied']) }}">
                                                {{ $emp->replied }}
                                            </a>
                                        </td>
                                        <td>
                                            <a id="cell-{{ $loop->iteration }}-promotion"
                                                href="{{ route('employee.process', ['id' => $emp->id, 'value' => 'promotion']) }}">
                                                {{ $emp->promotion }}
                                            </a>
                                        </td>
                                        <td><div class="emi-actions">
                                            {{-- @if ($emp->is_login != 1) --}}
                                            <a href="javascript:void(0);"
                                                class="emi-action row-{{ $loop->iteration }}"
                                                onclick="storeNewEmail('row-{{ $loop->iteration }}','{{ $emp->account_type }}','{{ $emp->email }}', '{{ $emp->app_email_pass }}', '{{ $emp->id }}', 'cell-{{ $loop->iteration }}-positive', 'cell-{{ $loop->iteration }}-negative', 'cell-{{ $loop->iteration }}-send', 'cell-{{ $loop->iteration }}-neutral', 'cell-{{ $loop->iteration }}-promotion','cell-{{ $loop->iteration }}-replied')">
                                                <i class="bi bi-arrow-repeat"></i> Fetch
                                            </a>
                                            <a href="#" class="emi-action fetch-summary-btn"
                                                data-emp-id="{{ $emp->id }}" data-emp-name="{{ $emp->email }}"
                                                data-bs-toggle="modal" data-bs-target="#summaryModal">
                                                <i class="bi bi-graph-up"></i> Summary
                                            </a>
                                            <a href="{{ route('mail.info', $emp->id) }}"
                                                class="emi-action emi-action--primary"><i class="bi bi-eye"></i> View</a>
                                            {{-- @else
                                <a href="{{ route('set_app_password', ['id' => $emp->id]) }}">Please Set App Password</a>
                            @endif --}}
                                        </div></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
            <!-- Summary Modal -->
            <div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="summaryModal" tabindex="-1"
                aria-labelledby="summaryModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="summaryModalLabel">Employee Email Summary</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="row g-2 align-items-end mb-3" id="summary-filters">
                                <div class="col-6 col-md-3">
                                    <label for="summary-from-date" class="form-label mb-1 small">From date</label>
                                    <input type="date" class="form-control form-control-sm" id="summary-from-date">
                                </div>
                                <div class="col-6 col-md-3">
                                    <label for="summary-to-date" class="form-label mb-1 small">To date</label>
                                    <input type="date" class="form-control form-control-sm" id="summary-to-date">
                                </div>
                                <div class="col-12 col-md-3">
                                    <label for="summary-domain" class="form-label mb-1 small">Domain</label>
                                    <select class="form-select form-select-sm" id="summary-domain">
                                        <option value="">All domains</option>
                                    </select>
                                </div>
                                <div class="col-12 col-md-3 d-flex gap-2">
                                    <button type="button" class="btn btn-sm btn-primary flex-fill"
                                        id="summary-apply-filters">Apply</button>
                                    <button type="button" class="btn btn-sm btn-outline-secondary flex-fill"
                                        id="summary-reset-filters">Reset</button>
                                </div>
                            </div>
                            <div id="summary-container">
                                <!-- Summary will be loaded here -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="alert_message_html" class="position-fixed end-0 bottom-0 p-3" style="z-index: 1055;"></div>
    @endsection

    @section('scripts')
        <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />

        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <!-- DataTables JS -->
        <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
        <script>
            $(document).on("change", ".emp-checkbox", function() {
                let checkedCount = $(".emp-checkbox:checked").length;

                if (checkedCount > 2) {
                    // prevent selecting more than 2
                    this.checked = false;
                    emiToast("You can only select up to 2 employees!", { type: 'warn' });
                }
                if (checkedCount > 0) {
                    $("#urgent-fetch").show();
                } else {
                    $("#urgent-fetch").hide();
                }
            });
        </script>
        <script>
            $(document).ready(function() {
                var table = $('#employee-table').DataTable({
                    ordering: true,
                    info: true,
                    pagingType: 'full_numbers',
                    language: {
                        search: "",
                        searchPlaceholder: "Search..."
                    },
                    dom: 't<"d-flex justify-content-between align-items-center p-3"p>'
                });

                // Custom search functionality
                $('#customSearch').on('keyup', function() {
                    table.search(this.value).draw();
                });

                // Styling for pagination buttons
                setTimeout(function() {
                    $('.dataTables_paginate .paginate_button').addClass('btn btn-sm btn-outline-secondary mx-1')
                        .css({
                            borderRadius: '30px'
                        });
                }, 100);
            });
        </script>
        <!-- Include DataTables scripts -->
        <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

        <script>
            $(document).ready(function() {
                // $('#employee-table').DataTable();
                // ---- Summary modal: date range + domain filters ----------------
                let summaryUserId = null;

                function loadSummaryDomains(userId) {
                    const $domain = $('#summary-domain');
                    const selected = $domain.val();

                    $.ajax({
                        url: "{{ route('summary.domains') }}",
                        method: 'GET',
                        data: {
                            user_id: userId
                        },
                        success: function(response) {
                            $domain.empty().append($('<option>', {
                                value: '',
                                text: 'All domains'
                            }));

                            if (response.status && response.domains) {
                                $.each(response.domains, function(i, row) {
                                    $domain.append($('<option>', {
                                        value: row.domain,
                                        text: row.domain + ' (' + row.total + ')'
                                    }));
                                });
                            }

                            // Keep the previous pick when it still exists.
                            if (selected) {
                                $domain.val(selected);
                            }
                        },
                        error: function(xhr) {
                            console.log('Failed to load summary domains');
                            console.log(xhr.responseText);
                        }
                    });
                }

                function loadSummary() {
                    if (!summaryUserId) {
                        return;
                    }

                    $('#summary-container').html('<p class="text-muted">Loading summary...</p>');

                    $.ajax({
                        url: "{{ route('summary') }}",
                        method: 'GET',
                        data: {
                            user_id: summaryUserId,
                            from_date: $('#summary-from-date').val(),
                            to_date: $('#summary-to-date').val(),
                            domain: $('#summary-domain').val()
                        },
                        success: function(response) {
                            console.log(response);
                            if (response.status) {
                                $('#summary-container').html(response.summary);
                            } else {
                                if (response.code === 422) {
                                    $('#summary-container').html('<p class="text-danger">' +
                                        response.message + '</p>');
                                } else {
                                    console.log(response.message);
                                    $('#summary-container').html(
                                        '<p class="text-danger">Please Try Later</p>');
                                }
                            }
                        },
                        error: function(xhr) {
                            $('#summary-container').html(
                                '<p class="text-danger">please try later.</p>');
                            console.log(xhr);
                        }
                    });
                }

                $(document).on('click', '.fetch-summary-btn', function(e) {
                    e.preventDefault();

                    summaryUserId = $(this).data('emp-id');
                    const email_name = $(this).data('emp-name');
                    $('#summaryModalLabel').text('Employee Email Summary :- ' + email_name);

                    // A different employee starts from a clean filter state.
                    $('#summary-from-date').val('');
                    $('#summary-to-date').val('');
                    $('#summary-domain').val('');

                    loadSummaryDomains(summaryUserId);
                    loadSummary();
                });

                $(document).on('click', '#summary-apply-filters', function() {
                    loadSummary();
                });

                $(document).on('click', '#summary-reset-filters', function() {
                    $('#summary-from-date').val('');
                    $('#summary-to-date').val('');
                    $('#summary-domain').val('');
                    loadSummary();
                });

                $("#select-all").on("click", function() {
                    $(".emp-checkbox").prop("checked", this.checked);
                });

                // 🔹 Urgent Fetch Selected Button
                $("#urgent-fetch").on("click", function() {
                    let selected = $(".emp-checkbox:checked");
                    if (selected.length === 0) {
                        emiToast("Please select at least one employee!", { type: 'warn' });
                        return;
                    }

                    // Loop over selected employees
                    selected.each(function() {
                        let rowid = $(this).data("rowid");
                        let accountType = $(this).data("account-type");
                        let email = $(this).data("email");
                        let appPass = $(this).data("app-pass");
                        let userId = $(this).data("user-id");
                        let idPositive = $(this).data("idpositive");
                        let idNegative = $(this).data("idnegative");
                        let idSend = $(this).data("idsend");
                        let idNeutral = $(this).data("idneutral");
                        let idPromotion = $(this).data("idpromotion");
                        let idReplied = $(this).data("idreplied");

                        // Call the same function used for single fetch
                        storeNewEmail(rowid, accountType, email, appPass, userId, idPositive,
                            idNegative, idSend, idNeutral, idPromotion, idReplied);
                    });
                });

            });

            function shakeRow(rowId) {
                const row = document.getElementById(rowId);
                row.classList.add('shake');
                row.classList.add('table-success');
                setTimeout(() => {
                    row.classList.remove('shake');
                    row.classList.remove('table-success');
                }, 2000);
            }

            function addblinkRow(rowId) {
                const row = document.getElementsByClassName(rowId);
                row[0].classList.add('blinking');
            }

            function removeblinkRow(rowId) {
                const row = document.getElementsByClassName(rowId);
                row[0].classList.remove('blinking');
            }

            function storeNewEmail(rowid, account_type, email, app_pass, user_id, idPositive, idNegative, idSend, idNeutral,
                idPromotion,
                idReplied) {
                if (!email || !app_pass || !user_id) {
                    emiToast("Email, App Password, or User ID is missing!", { type: 'error' });
                    return;
                }
                if (!rowid || !user_id || !idPositive || !idNegative || !idSend || !idNeutral || !idPromotion || !idReplied) {
                    emiToast("Missing required parameters!", { type: 'error' });
                    return;
                }

                if (account_type == 1) {
                    apiUrl = "{{ route('store_new_outlook') }}";
                } else if (account_type == 0) {
                    apiUrl = "{{ route('store_new_email') }}";
                } else {
                    console.log("Please send valid data");
                    emiToast("⚠️ Please send valid data (TTY-LATE)", { type: 'warn' });
                    return;
                }
                addblinkRow(rowid);
                // alert("here");
                // return;
                $.ajax({
                    url: apiUrl,
                    type: "GET",
                    data: {
                        email: email,
                        app_pass: app_pass,
                        user_id: user_id
                    },
                    success: function(response) {
                        removeblinkRow(rowid);
                        console.log(response);
                        if (response?.code == 250) {
                            // alert("Your API is not working. Check if Gemini API is running.");
                            emiToast("Please try later", { type: 'error' });
                            return;
                        }
                        if (response?.code == 503) {
                            // alert(
                            //     "The model is overloaded. Please try again later. Ai is For some time UNAVAILABLE"
                            // );
                            emiToast("Please try later", { type: 'error' });
                            return;
                        }

                        if (response?.code == 429) {
                            // alert("Too many requests to email server. Please wait and try again.");
                            emiToast("Please try later", { type: 'error' });
                            return;
                        }
                        if (response?.code == 430) {
                            // alert("App Password is Expire Please Provide a App Appasword For This Mail :- " +
                            //     email);
                            emiToast("Please try later", { type: 'error' });
                            return;
                        }
                        fetchMailStats(user_id, idPositive, idNegative, idSend, idNeutral, idPromotion, idReplied)

                        const uniqueId = "emailAlert_" + Date.now();
                        const message = response.store_data > 0 ?
                            `${email} Get ${response.store_data} new emails received!` :
                            `No new emails! For :-  ${email}`;
                        if (response.store_data > 0) {
                            // shakeRow("row-1"); // shake karo agar naye email aaye ho
                            shakeRow(rowid);
                        }
                        const alertHTML = `
                <div id="${uniqueId}" class="position-relative mb-2">
                    <div class="alert alert-success" role="alert">
                        ${message}
                    </div>
                </div>
            `;

                        $("#alert_message_html").append(alertHTML);

                        setTimeout(function() {
                            $("#" + uniqueId).fadeOut("slow", function() {
                                $(this).remove();
                            });
                        }, 3000);
                    },
                    error: function(xhr) {
                        removeblinkRow(rowid);
                        // alert(xhr.responseText || "An error occurred while fetching emails.");
                        emiToast("Please try later", { type: 'error' });
                        console.error(xhr);
                    }
                });
            }

            function fetchMailStats(userId, idPositive, idNegative, idSend, idNeutral, idPromotion, idReplied) {
                // Check if any parameter is missing
                if (!userId || !idPositive || !idNegative || !idSend || !idNeutral || !idPromotion || !idReplied) {
                    emiToast("Missing required parameters!", { type: 'error' });
                    return;
                }

                var apiUrl = "{{ route('mail_states') }}?user_id=" + userId;

                $.ajax({
                    url: apiUrl,
                    type: "GET",
                    contentType: "application/json",
                    success: function(response) {
                        if (response.status) {
                            $("#" + idPositive).text(response.data.countis_not_spam);
                            $("#" + idNegative).text(response.data.countis_spam);
                            $("#" + idSend).text(response.data.send_mail);
                            $("#" + idNeutral).text(response.data.neutral);
                            $("#" + idPromotion).text(response.data.promotion);
                            $("#" + idReplied).text(response.data.replied_mail);
                        } else {
                            console.error("Error:", response.message);
                        }
                    },
                    error: function(xhr) {
                        console.log('Error in fetchMailStats()');
                        console.log(xhr);
                        console.error("API Call Failed:", xhr.responseText);
                        // alert(xhr.responseText);
                        emiToast("Please try later", { type: 'error' });
                    }
                });
            }

            //k0530 9-6-25
            function updateFreshcount(adminId, messageCount) {
                let freshcountBox = document.getElementById("freshcountBox");
                console.log("====== updateFreshcount() Called ======");
                console.log("adminId :", adminId);
                console.log("messageCount :", messageCount);
                console.log("==========================================");
                // Laravel route + template literals
                let apiUrl = `{{ route('check.freshcount') }}?id=${adminId}&messageCount=${messageCount}`;

                $.ajax({
                    url: apiUrl,
                    type: "GET",
                    dataType: "json",
                    success: function(response) {
                        console.log(response);
                        let element = document.querySelector('[data-rowidFreshCount="' + response.emp_id + '"]');
                        rowidForShake = element.id;
                        console.log(element.id);
                        let tr = document.getElementById(rowidForShake);
                        let emailId = tr.getAttribute("data-empEmialId");
                        let message = "Get New mail " + emailId;
                        let uniqueId = Math.random().toString(36).substring(2, 8);
                        console.log(message);
                        console.log(uniqueId);
                        if (response.code == 200) {
                            // console.log(response);
                            console.log("Freshcount updated successfully");
                            console.log("Previous Count:", response.previous_count);
                            console.log("Current Count:", response.current_count);

                            console.log("===============Get New Mail ==============");


                            // shakeRow(rowidForShake);
                            const alertHTML = `
                                <div id="${uniqueId}" class="position-relative mb-2">
                                    <div class="alert alert-success" role="alert">
                                        ${message}
                                    </div>
                                </div>
                            `;

                            $("#alert_message_html").append(alertHTML);

                            setTimeout(function() {
                                $("#" + uniqueId).fadeOut("slow", function() {
                                    $(this).remove();
                                });
                            }, 3000);
                            // Show the reload message after shake
                            document.getElementById("reloadMessage").style.display = "inline";
                            setTimeout(function() {
                                // $("#reloadMessage").fadeOut("slow", function() {
                                // $(this).remove();
                                document.getElementById("reloadMessage").style.display = "none";
                                // });
                            }, 3000);
                            // Update freshcount attribute & text
                            freshcountBox.setAttribute("data-freshcount", response.current_count);
                            // Example: Update count on UI
                            // $("#freshcountBox")
                            //     .attr("data-freshcount", response.current_count)
                            //     .text(`Total Count: ${response.current_count}`);
                        } else {
                            freshcountBox.setAttribute("data-freshcount", response.current_count);
                            // console.warn(response.message);

                            console.log("============Not Get New Mail===============");
                            // alert(response.original_message || response.message);
                        }
                    },
                    error: function(xhr) {
                        console.log(xhr);
                        // console.error("AJAX Error:", xhr);
                        emiToast("Please try Freshcount!", { type: 'warn' });
                    }
                });
                setTimeout(function() {
                    console.log(" Fetching new mail stats After (60000 ms) for user_id:", adminId);
                    let latestfreshcountBox = document.getElementById("freshcountBox");

                    let latesadminId = latestfreshcountBox.getAttribute("data-admin-id");
                    let latestcurrentCount = latestfreshcountBox.getAttribute("data-freshcount");

                    updateFreshcount(latesadminId, latestcurrentCount);
                }, 30000);
            }

            function callFreshcountUpdate() {
                let box = document.getElementById("freshcountBox");

                let adminId = box.getAttribute("data-admin-id");
                let currentCount = box.getAttribute("data-freshcount");

                adminId = parseInt(adminId);
                currentCount = parseInt(currentCount);

                // Safety check
                if (!adminId || isNaN(currentCount) || currentCount == -1) {
                    console.log("Invalid data attributes! or current value is :- " + currentCount);
                    // alert("Invalid Freshcount Data");
                    setTimeout(function() {
                        console.log(" After Getting " + currentCount +
                            " <--- this value we run reagin callFreshcountUpdate mrethod After (60000 ms) for user_id:",
                            adminId);

                        callFreshcountUpdate();
                    }, 30000);
                    return;
                }

                updateFreshcount(adminId, currentCount);

            }
            callFreshcountUpdate();
            //k0530 9-6-25
        </script>
    @endsection