/**
 * Plugin bootstrap file
 *
 * Plugin Name:       FNT Fantogame Classifica
 * Plugin URI:        https://www.fantogame.it
 * Description:       Classifica ajax - Supporta Polylang e Classifica Generale
 * Version:           1.1
 * Author:            Fantogame
 * Author URI:        https://www.fantogame.it
 * Text Domain:       classifica_ajax
 */
function create_classifica_shortcode($atts) {
    // --- 1. Handle Attributes & Defaults ---
    $atts = shortcode_atts(
        array(
            'gioco' => '', // Optional: Game slug/ID passed directly
            'classifica' => '', // Defaults to General view ("")
            'posizione' => '0', // Default position/container ID
            'posizione_di_classifica' => '0', // Default page position ID
        ),
        $atts,
        'classifica'
    );

    $gioco = $atts['gioco'];
    $classifica = $atts['classifica'];
    $posizione = $atts['posizione'];
    $posizione_di_pagina_classifica = $atts['posizione_di_classifica'];
    
    // --- 2. Polylang & Game ID Retrieval ---
    
    // Get current language code (assuming Polylang function is available)
    $current_language = function_exists('pll_current_language') ? pll_current_language() : 'it';
    
    // Get Game ID from current post meta, if not provided in attributes
    $game_id_meta = get_post_meta(get_the_ID(), '_gioco_id', true);
    
    // Determine the final game identifier: prioritize attribute, fallback to meta
    $final_gioco = !empty($gioco) ? esc_attr($gioco) : (int)$game_id_meta;

    // --- 3. Initial Display Logic Check ---
    
    // Check if the request parameter is missing or not one of the recognized types
    $request_classifica = isset($_REQUEST["classifica"]) ? $_REQUEST["classifica"] : '';
    
    // If the shortcode is used on a page that shouldn't show the widget (and no specific view is requested)
    if (empty($request_classifica) && $posizione_di_pagina_classifica == 1) {
        return "";
    }
    
    // Handle cases where a specific view IS requested, but the default general view (empty string) was passed to the shortcode.
    if ($request_classifica != "1" && $request_classifica != "1a" && empty($classifica) && $posizione_di_pagina_classifica == 1) {
        // If the shortcode itself is empty, but the request is for something else, show the general view.
    }


    // --- 4. HTML & JavaScript Generation (Heredoc) ---
    $html = <<< aaa
<div class="classifica_container">
    <b class="classifica_title">
        <h1 class="ranking_header">Classifica {$current_language}</h1>
    </b>
    <style>
        /* Improved Styling */
        .classifica_container {
            font-family: 'Arial', sans-serif;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            background-color: #fff;
        }
        .ranking_header {
            text-align: center;
            color: #333;
            margin-bottom: 20px;
            font-size: 24pt;
        }
        .classifica {
            font-weight: 600;
            font-size: 14pt;
            color: #555;
        }
        /* Form Styling */
        form {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            align-items: center;
            margin-bottom: 25px;
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 6px;
        }
        .nativeDatePicker_{\$posizione} {
            flex: 1;
            min-width: 250px;
        }
        .fallbackDatePicker_{\$posizione} {
            display: flex;
            gap: 15px;
            flex-grow: 1;
            min-width: 350px;
        }
        .fallbackLabel_{\$posizione} {
            display: none; /* Hidden by default */
            font-size: 12pt;
            color: #666;
        }
        /* Table Styling */
        #demo_{\$posizione} {
            margin-top: 20px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #eee;
        }
        th {
            background-color: #e0e0e0;
            font-weight: bold;
            color: #333;
        }
        tr:nth-child(even) {
            background-color: #f4f4f4;
        }
        tr:hover {
            background-color: #e8e8e8;
            cursor: pointer;
        }
    </style>

    <script>
    // --- Global Variables ---
    var gioco = "{$final_gioco}";
    var classifica = "{$classifica}";
    var posizione = "{$posizione}";
    var lang = "{$current_language}";
    
    // --- AJAX Handler ---
    function newAjax() {
        if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ...
            httpRequest = new XMLHttpRequest();
        } else if (window.ActiveXObject) { // IE 6 and older
            httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }
        return httpRequest;
    }

    // --- Date Population Functions ---
    function populateYears() {
        var date = new Date();
        var year = date.getFullYear();
        var yearSelect = document.getElementById("year_{$posizione}");
        yearSelect.innerHTML = '<option value="">-- Seleziona Anno --</option>'; // Clear existing
        
        for(var i = 0; i <= 100; i++) {
            var option = document.createElement('option');
            option.textContent = year - i;
            option.value = year - i;
            yearSelect.appendChild(option);
        }
    }
    
    function populateMonths() {
        var date = new Date();
        var month = date.getMonth();
        var monthSelect = document.getElementById("month_{$posizione}");
        monthSelect.innerHTML = '<option value="">-- Seleziona Mese --</option>'; // Clear existing

        // Map: Index (0=Jan) -> Value (1=Jan) -> Display Name
        var monthNames = [
            "January", "February", "March", "April", "May", "June", 
            "July", "August", "September", "October", "November", "December"
        ];
        
        for (var i = 0; i < 12; i++) {
            var option = document.createElement('option');
            option.value = i + 1; // Value is 1-based month number
            option.textContent = monthNames[i];
            if (i === month) {
                option.selected = true;
            }
            monthSelect.appendChild(option);
        }
    }

    // --- Event Handlers ---
    function caricaData1() { // Native DatePicker Change
        var d = document.getElementById("start_{$posizione}").value.split("-");
        var m = d[1];
        var y = d[0];
        caricaData();
    }

    function caricaData2() { // Fallback DatePicker Change
        var m = document.getElementById("month_{$posizione}").value;
        var y = document.getElementById("year_{$posizione}").value;
        caricaData();
    }

    function caricaData() {
        var m = document.getElementById("month_{$posizione}").value;
        var y = document.getElementById("year_{$posizione}").value;
        
        // If both month and year are empty (or the default '0'/'1' selection is used), treat it as General
        var month_param = m === "" ? "" : m;
        var year_param = y === "" ? "" : y;
        
        // Build the AJAX URL
        var url = "/ajax_json/classifica/" + classifica + ".php?";
        url += "option=visualizza_classifica&gioco=" + gioco + "&start=0&periodo_mese=" + month_param + "&periodo_anno=" + year_param;
        
        console.log("Loading Data From: " + url);

        var ax = newAjax();
        ax.onreadystatechange = function () {
            if (ax.readyState == 4) {
                if (ax.status == 200) {
                    document.getElementById("demo_{$posizione}").innerHTML = "";
                    var d = document.getElementById("demo_{$posizione}");

                    // --- Table Setup ---
                    var t0 = document.createElement("table");
                    t0.border = 1;
                    d.appendChild(t0);
                    var tr = document.createElement("tr");
                    t0.appendChild(tr);
                    
                    var td_pos = document.createElement("td");
                    var td_nome = document.createElement("td");
                    var td_punti = document.createElement("td");
                    
                    // Set Headers
                    td_pos.className = "classifica";
                    td_nome.className = "classifica";
                    td_punti.className = "classifica";

                    td_pos.innerText = "Pos";
                    td_nome.innerText = "Nick";
                    td_punti.innerText = "Punti";
                    
                    tr.appendChild(td_pos);
                    tr.appendChild(td_nome);
                    tr.appendChild(td_punti);

                    // --- Data Parsing ---
                    try {
                        var data = JSON.parse(ax.responseText);
                        data.forEach(function (b) {
                            var tr = document.createElement("tr");
                            t0.appendChild(tr);
                            var td_pos = document.createElement("td");
                            var td_nome = document.createElement("td");
                            var td_punti = document.createElement("td");

                            td_nome.className = "classifica";
                            td_punti.className = "classifica";
                            td_pos.className = "classifica";

                            td_pos.innerText = b["pos"];
                            
                            if (b["id_g"] && b["id_g"] != 0) {
                                td_nome.innerText = b["nome"];
                            } else {
                                td_nome.innerText = b["nome"] + ":" + b["id"];
                            }
                            td_punti.innerText = b["punti"];
                            
                            tr.appendChild(td_pos);
                            tr.appendChild(td_nome);
                            tr.appendChild(td_punti);
                        });
                    } catch (e) {
                        document.getElementById("demo_{$posizione}").innerHTML = '<p style="color: red;">Errore nel caricamento dati: ' + e.message + '</p>';
                    }
                }
            }
        };
        
        ax.open('GET', url, true);
        ax.send();
    }
    
    // --- Initialization Logic ---
    document.addEventListener('DOMContentLoaded', function() {
        var nativePicker = document.querySelector('.nativeDatePicker_{$posizione}');
        var fallbackPicker = document.querySelector('.fallbackDatePicker_{$posizione}');
        var fallbackLabel = document.querySelector('.fallbackLabel_{$posizione}');
        var yearSelect = document.getElementById("year_{$posizione}");
        var monthSelect = document.getElementById("month_{$posizione}");
        
        // Hide fallback initially
        fallbackPicker.style.display = 'none';
        fallbackLabel.style.display = 'none';
        
        // Test browser compatibility
        var test = document.createElement('input');
        try {
            test.type = 'month';
        } catch (e) {
            console.warn("Browser does not support native 'month' input. Using fallback.");
        }
        
        // If native picker is text-based (i.e., fallback is needed)
        if(test.type === 'text') {
            // Hide native picker and show fallback
            nativePicker.style.display = 'none';
            fallbackPicker.style.display = 'flex';
            fallbackLabel.style.display = 'block';
            
            // Populate dates
            populateYears();
            populateMonths();
            
            // Attach listeners to fallback controls
            monthSelect.onchange = caricaData2;
            yearSelect.onchange = caricaData2;

            // Load data after a short delay to ensure elements are ready
            setTimeout(caricaData2, 500);

        } else {
            // Native picker is used
            nativePicker.style.display = 'block';
            
            // Set today's date as default value
            var today = new Date();
            var dd = String(today.getDate()).padStart(2, '0');
            var mm = String(today.getMonth() + 1).padStart(2, '0'); // January is 0!
            var yyyy = today.getFullYear();
            
            var today_iso = yyyy + '-' + mm;
            document.getElementById("start_{$posizione}").value = today_iso;
            
            // Attach listener to native control
            document.getElementById("start_{$posizione}").onchange = caricaData1;
            
            // Load data immediately
            setTimeout(caricaData1, 500);
        }
    });
    </script>
</div>
aaa;

return $html;
}
add_shortcode( 'classifica', 'create_classifica_shortcode' );