$(document).ready(function () {

    fetchDateRanges();

    function fetchDateRanges() {

        $('#btnShowReport').prop('disabled', true).text('لوڈ ہو رہا ہے...');

        $.ajax({
            url: 'APIs/promotion_date_end_dates.php',
            method: 'GET',
            dataType: 'json',

            success: function (res) {

                if (res.success) {
                    renderTable(res.data);
                } else {
                    $('#rpt-results').html('<div class="alert alert-danger">کوئی ریکارڈ نہیں ملا</div>');
                }

            },

            error: function () {
                $('#rpt-results').html('<div class="alert alert-danger">سرور سے رابطہ نہیں ہو سکا</div>');
            },

            complete: function () {
                $('#btnShowReport').prop('disabled', false).text('رپورٹ دیکھائیں');
            }
        });

    }



    function renderTable(data) {

        if (!data || data.length === 0) {
            $('#rpt-results').html('<div class="alert alert-info">کوئی ریکارڈ نہیں ملا</div>');
            return;
        }

        let html = `
        <div class="table-responsive">

        <table class="table table-bordered">

        <thead>
        <tr>
        <th>#</th>
        <th>شعبہ</th>
        <th>درجہ</th>
        <th>تاریخ داخلہ</th>
        <th>تاریخ انتہاء</th>
        </tr>
        </thead>

        <tbody>
        `;

        data.forEach((row, index) => {

            html += `
            <tr>
            <td>${index + 1}</td>
            <td>${row.shobaName}</td>
            <td>${row.darjaName}</td>
            <td>${row.promotionDate}</td>
            <td>${row.dateEnd}</td>
            </tr>
            `;

        });

        html += `
        </tbody>
        </table>
        </div>
        `;

        $('#rpt-results').html(html);

    }

});