$(document).ready(function () {

    // Clean up modal title to avoid "Information" text
    $('#modal_title').empty();
    
    // Style Close Button professionally (simple & clean)
    $('#basicModal .modal-header').addClass('border-0 py-2')
        .find('.btn-close').addClass('shadow-none');

    // Make the modal large on load
    $('#basicModal .modal-dialog').addClass('modal-lg modal-fullscreen-sm-down');

    $('#btnSaveDarja').on('click', function () {
        const darjaLbl = $.trim($('#darjaLbl').val());
        const shoba    = $('#shoba').val();

        if (!shoba) {
            Swal.fire('توجہ', 'مہربانی کرکے پہلے شعبہ منتخب کریں', 'warning');
            $('#shoba').focus();
            return;
        }
        if (!darjaLbl) {
            Swal.fire('توجہ', 'مہربانی کر کے درجہ کا نام لکھیں', 'warning');
            $('#darjaLbl').focus();
            return;
        }

        const $btn = $(this);
        $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span> محفوظ ہو رہا ہے...');

        $.ajax({
            url: 'APIs/saveDarjaNew.php',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ darjaLbl: darjaLbl, shoba: shoba }),
            dataType: 'json',
            success: function (response) {
                if (response.success) {
                    Swal.fire('کامیابی', response.message, 'success').then(() => {
                        $('#darjaLbl').val('');
                        $('#shoba').val('');
                    });
                } else {
                    Swal.fire('غلطی', response.message, 'error');
                }
            },
            error: function () {
                Swal.fire('خرابی', 'سرور سے رابطہ کرنے میں ناکامی آئی', 'error');
            },
            complete: function () {
                $btn.prop('disabled', false).html('<i class="bi bi-floppy me-1"></i> محفوظ کریں');
            }
        });
    });

});
