<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
$actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
// $url_slug = basename($actual_link);

global $wpdb;
if (!isset($_SESSION['web_med'])) {
    $_SESSION['web_med'] = 2;
}
$medium_id = $_SESSION['web_med'];
$status = 0;
$message = '';
$type = 'daily';
$apiValue = json_encode(['type' => $type]);
// print_r($apiValue);
$cch = curl_init();
curl_setopt($cch, CURLOPT_URL, "https://sarkaripariksha.com/dashboardApi/current-affairs-apis/api_for_category_dates.php");
// curl_setopt($cch, CURLOPT_URL, "https://sp.gridlearn.com/spapi/api_for_category_dates.php");
curl_setopt($cch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($cch, CURLOPT_POST, true);
curl_setopt($cch, CURLOPT_POSTFIELDS, $apiValue);
curl_setopt($cch, CURLOPT_HTTPHEADER, [
    'Content-Type: application/json',
    'Content-Length: ' . strlen($apiValue)
]);
$response = curl_exec($cch);
$httpCode = curl_getinfo($cch, CURLINFO_HTTP_CODE);
$curlError = curl_error($cch);
curl_close($cch);
if ($response === false) {
    $message = "cURL eerror: " . $curlError;
} elseif ($httpCode !== 200) {
    $message = "HTTP eerror: " . $httpCode;
} else {
    $affair_output = json_decode($response, true);
    if (json_last_error() === JSON_ERROR_NONE) {
        $status = 1;
    } else {
        $message = "JSON decode eerror: " . json_last_error_msg();
    }
}
?>

<link href="/wp-content/plugins/nc_plugin/currentAffairs-style.css?v=<?php echo date('ymd'); ?>" rel="stylesheet" type="text/css" />
<style>
    .current-affairs-section .current-header-menu {
        width: 420px;
    }

    @media screen and (max-width: 920px) {
        .current-affairs-section .current-header-menu {
            width: 330px;
        }
    }

    @media screen and (min-width: 921px) and (max-width: 1023px) {
        .current-affairs-section .current-header-menu {
            width: 240px;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1366px) {
        .current-affairs-section .current-header-menu {
            width: 300px;
        }
    }

    @media screen and (max-width: 764px) {
        .current-affairs-section .current-affairs-cardBox .main-header {
            height: 140px;
        }
    }
</style>

<!-- ALL PAGE HEADER SECTION -->
<section class="allPageheaderSection">
    <div class="currentPageheaderSectionbg"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <h1 class="sec_head">Daily Current Affairs – Latest News for All Govt Exams</h1>
                <!-- <h3>Complete coverage of daily current affairs across National, International, Economy, Sports, Awards, Appointments, Defense, and more for exam preparation.</h3>
                <p><a href="/">Home</a> / Daily Current Affairs</p> -->
            </div>
        </div>
    </div>
</section>

<!-- END ALL PAGE HEADER SECTION -->

<section class="current-affairs-section">
    <div class="container">
        <div class="current-affairs-cardBox">
            <div class="main-header">
                <div class="main-header-left">
                    <div class="mobile_hide">
                        <a href="/current-affairs/" class="mobile_hide all_tabCurrent">
                            <img src="/wp-content/plugins/nc_plugin/images/current-navImg.png" alt=""
                                style="width: 25px;object-fit:contain;">
                        </a>
                    </div>

                    <div class="scroll-left-btn">
                        <i class="fas fa-chevron-left"></i>
                    </div>
                    <div class="current-header-menu">
                        <?php if ($status == 1 && $affair_output[0]['status'] == 1) {
                            foreach ($affair_output[0]['categories'] as $cat) { ?>
                                <!-- <a href=""> -->
                                <li class="categories" id="<?php echo $cat['id']; ?>">
                                    <?php echo $cat['topic_name_english']; ?>
                                </li>
                                <!-- </a> -->
                            <?php }
                        } else { ?>
                            <li>No Category</li>
                        <?php } ?>
                    </div>
                    <div class="scroll-right-btn">
                        <i class="fas fa-chevron-right"></i>
                    </div>
                </div>

                <div class="headerrightExtra block-div">
                    <ul class="nav-tabs right-button-menu">
                        <li class="navItem web_hides">
                            <a href="/current-affairs/" style="padding: 5px;">
                                <img src="/wp-content/plugins/nc_plugin/images/current-navImg.png" alt=""
                                    style="width: 25px;object-fit:contain;">
                            </a>
                        </li>
                        <li class="navItem active"><a href="/daily-current-affairs/"> Daily Current Affairs <span class="notify"></span> </a> </li>
                        <li class="navItem"><a href="/one-liner-current-affairs/">One Liner Current Affairs</a></li>
                        <li class="navItem"><a href="/static-gk/">Static GK</a></li>
                    </ul>

                    <div style="display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <div class="select-item">
                            <select class="form-control" id="medium_id" onchange="chngMed(this.value)">
                                <option value="1" <?php if ($medium_id == "1") {
                                                        echo 'selected';
                                                    } ?>>English</option>
                                <option value="2" <?php if ($medium_id == "2") {
                                                        echo 'selected';
                                                    } ?>>Hindi</option>
                            </select>
                        </div>
                        <div class="calender-item">
                            <?php if ($status == 1 && $affair_output[0]['status'] == 1) { ?>
                                <input type="text" class="form-control" id="newsInput" onchange="chngDate(this.value);">
                                <i class="fas fa-calendar"></i>
                            <?php } else { ?>
                                <input type="date" class="form-control" placeholder="Calender">
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>

            <div class="current_pageGrid">
                <div class="current-affairs-DailyBox dailyBox_scroll">
                    <?php if ($status == 1 && $affair_output[0]['status'] == 1) { ?>
                        <div id="maincard"></div>
                        <div id="card-btn"></div>
                    <?php } else { ?>
                        <div class="main-daily-card">No Content Found</div>
                    <?php } ?>
                    <input type="hidden" id="data_row" value="D">
                </div>

                <div class="download-box">
                    <!-- multiplex-vertical -->
                    <ins class="adsbygoogle"
                        style="display:block"
                        data-ad-format="autorelaxed"
                        data-ad-client="ca-pub-2967295438144070"
                        data-ad-slot="1651949782"></ins>
                    <script>
                        (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </div>
        </div>
    </div>
</section>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>

<script>
    jQuery.noConflict();
    jQuery(".notify").removeClass("badge_notify");
    var spans = Number(localStorage.getItem("spanCounter"));
    if (spans > 0) {
        jQuery(".notify").addClass("badge_notify");
        jQuery(".badge_notify").text(spans);
    }

    <?php if ($status == 1 && $affair_output[0]['status'] == 1) { ?>
        const listDates = <?php echo json_encode(array_column($affair_output[0]['days'], 'dates')); ?>;
        // console.log(listDates);

        jQuery(function($) {
            const today = new Date();
            const mostRecent = listDates[0];
            $("#newsInput").datepicker({
                dateFormat: "yy-mm-dd",
                maxDate: today, // disable future dates
                beforeShowDay: function(date) {
                    const formatted = $.datepicker.formatDate("yy-mm-dd", date);
                    // Allow only dates in allowedDates AND not after today
                    if (listDates.includes(formatted) && date <= today) {
                        return [true, "allowed-date", "Available"];
                    } else {
                        return [false, "", "Unavailable"];
                    }
                }
            });

            $("#newsInput").datepicker("setDate", mostRecent); // auto select most recent date
            chngDate(mostRecent);

            /**** to get value of categories***/
            $('.categories').on('click', function() {
                $('.categories').removeClass('active');
                var active_id = this.id;
                var medium_id = $("#medium_id").val();
                $('#data_row').val('C');
                viewContent(active_id, 0, medium_id);
            });
        });
        /**** to get value of news date***/
        function chngDate(active_date) {
            $('.categories').removeClass('active');
            var medium_id = $("#medium_id").val();
            $('#data_row').val('D');
            viewContent(0, active_date, medium_id);
        }

        /**** to get value of medium***/
        function chngMed(med) {
            $.ajax({
                url: "/wp-content/plugins/nc_plugin/api/nc_set_medium.php",
                type: "POST",
                data: {
                    medium_id: med
                },
                success: function(response) {
                    console.log("updated: " + response);
                }
            });
            var active_id = $(".categories.active").attr('id');
            $('#maincard').empty();
            $('#card-btn').empty();
            if (active_id && active_id.length > 0) {
                viewContent(active_id, 0, med);
            } else {
                var active_date = $("#newsInput").val();
                viewContent(0, active_date, med);
            }
        }

        /****change language function ****/
        function loadBtn() {
            var category = $('.categories.active').attr('id');
            var medium_id = $("#medium_id").val();
            viewContent(category, 0, medium_id);
        }

        /****on-change function ****/
        function viewContent(category_id, day, medium_id) {
            var type = '<?php echo $type; ?>';
            var page = $('#data_row').val();
            var start_limit = 0;
            if (isNaN(page) && category_id > 0) {
                $("#data_row").val(0);
                start_limit = 0;
            }
            if ($.isNumeric(page)) {
                start_limit = page;
            }

            var arr = {
                "category_id": category_id,
                "start_limit": start_limit,
                "day": day,
                "type": type,
                "medium_id": medium_id
            };
            $.ajax('https://sarkaripariksha.com/dashboardApi/current-affairs-apis/api_for_news.php', {
                // $.ajax('https://sp.gridlearn.com/spapi/api_for_news.php', {
                type: 'POST',
                data: JSON.stringify(arr),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function(response) {
                    let container = $('#maincard');
                    if (response.length > 0 && response[0].status === 1) {
                        if (category_id > 0) {
                            $("li.categories#" + category_id).addClass("active");
                            let total = parseInt($("#data_row").val(), 10) + parseInt(response[0].data.length, 10);
                            $("#data_row").val(total);
                        }
                        if (isNaN(page)) { //if (page != 0) {
                            container.empty();
                            $('#card-btn').empty();
                        }
                        const items = response[0].data;
                        $.each(items, function(index, item) {
                            container.append(
                                `<a href="<?php echo "https://naukriconnect.com/current-affairs/"; ?>/${item.news_slug}">
                            <div class="main-daily-card">
                                <div class="main-cardBox">
                                    <img src="https://sarkaripariksha.com/daily-news-images/${item.news_image}" alt="image">
                                        <div style="position:relative;"> 
                                            <h3>${item.news_heading}</h3>
                                            <div>${item.news_content}...</div>
                                            <p class="content-date">${item.topic_name_english}, ${item.add_date}</p>
                                        </div>
                                </div>
                            </div>
                        </a>`
                            );
                        });

                        if (category_id > 0 && Number.isInteger(Number($("#data_row").val())) && $("#card-btn")
                            .html().trim() == "") {
                            $('#card-btn').html(
                                `<input type="button" onclick="loadBtn()" class="SeeMoreBtn wow fadeInUp" value="Load More">`
                            );
                        }
                    } else {
                        container.empty();
                        container.append('No data found');
                        $('#card-btn').html('');
                    }
                },
                error: function(jqXhrs, textStatus, errorMessage) {
                    console.log("Error:", textStatus, errorMessage);
                }
            });
        }
    <?php } ?>

    // current-header-menu arrow slide
    const menus = document.querySelectorAll('.current-header-menu');
    const rightBtns = document.querySelectorAll('.scroll-right-btn');
    const leftBtns = document.querySelectorAll('.scroll-left-btn');

    // Attach scroll behavior for each menu
    menus.forEach((menu, index) => {

        const rightBtn = rightBtns[index];
        const leftBtn = leftBtns[index];

        // Scroll Right
        rightBtn.addEventListener('click', () => {
            menu.scrollBy({
                left: 300,
                behavior: 'smooth'
            });
        });

        // Scroll Left
        leftBtn.addEventListener('click', () => {
            menu.scrollBy({
                left: -300,
                behavior: 'smooth'
            });
        });

        // Update arrows visibility
        function updateArrows() {
            // Left End
            if (menu.scrollLeft <= 0) {
                leftBtn.style.opacity = "0.1";
                leftBtn.style.pointerEvents = "none";
                leftBtn.style.cursor = "none";
            } else {
                leftBtn.style.opacity = "1";
                leftBtn.style.pointerEvents = "auto";
                leftBtn.style.cursor = "pointer";
            }

            // Right End
            if (menu.scrollLeft + menu.clientWidth >= menu.scrollWidth - 5) {
                rightBtn.style.opacity = "0.1";
                rightBtn.style.pointerEvents = "none";
                rightBtn.style.cursor = "none";
            } else {
                rightBtn.style.opacity = "1";
                rightBtn.style.pointerEvents = "auto";
                rightBtn.style.cursor = "pointer";
            }
        }

        // Attach scroll listener
        menu.addEventListener('scroll', updateArrows);
        // Initial check
        updateArrows();
    });
</script>