$(function () {
    loadVehicleTypes();
    loadItems();
    $('#searchBox').on('input', debounce(loadItems, 300));
    $('#btnAdd').on('click', function () { clearForm(); $('#modalTitle').text('Add Model'); $('#itemId').val(0); new bootstrap.Modal(document.getElementById('itemModal')).show(); });
    $('#btnSave').on('click', saveItem);
    $(document).on('click', '.btn-edit', function () {
        var r = _cache.find(function (x) { return String(x.id) === String($(this).data('id')); });
        if (!r) return;
        $('#itemId').val(r.id); $('#itemName').val(r.name); $('#itemCode').val(r.code||''); $('#itemManufacturer').val(r.manufacturer||'');
        var ctx = r.context || '';
        var typeMatch = ctx.match(/Type: ([^|]+)/);
        var typeName = typeMatch ? typeMatch[1].trim() : '';
        var vt = _vehicleTypes.find(function (v) { return v.label === typeName; });
        $('#itemVehicleTypeId').val(vt ? vt.id : '');
        $('#modalTitle').text('Edit Model');
        new bootstrap.Modal(document.getElementById('itemModal')).show();
    });
    $(document).on('click', '.btn-toggle', function () {
        var r = _cache.find(function (x) { return String(x.id) === String($(this).data('id')); });
        if (!r) return;
        var newState = (r.is_active == 1) ? 0 : 1;
        $.post('api/compliance.php?action=toggle_setup_item', { setup_type: 'vehicle_models', id: r.id, is_active: newState, csrf_token: window.CSRF_TOKEN }, function (res) {
            if (res.status === 'success') { loadItems(); showAlert('Model ' + (newState ? 'activated' : 'deactivated'), 'success'); }
            else showAlert(res.message, 'danger');
        }, 'json');
    });
});
var _cache = [], _vehicleTypes = [];
function clearForm() { $('#itemId, #itemName, #itemCode, #itemManufacturer').val(''); $('#itemVehicleTypeId').val(''); }
function loadVehicleTypes() {
    $.get('api/compliance.php?action=setup_options', function (r) {
        if (r.status !== 'success') return;
        _vehicleTypes = r.data.vehicle_types || [];
        var html = '<option value="">Select type</option>';
        _vehicleTypes.forEach(function (vt) { html += '<option value="' + vt.id + '">' + esc(vt.label) + '</option>'; });
        $('#itemVehicleTypeId').html(html);
    }, 'json');
}
function loadItems() {
    $.get('api/compliance.php', { action: 'setup_list', setup_type: 'vehicle_models', search: $('#searchBox').val() }, function (r) {
        if (r.status !== 'success') return;
        var data = r.data || []; _cache = data;
        var total = data.length, active = 0, inactive = 0;
        data.forEach(function (x) { if (x.is_active == 1) active++; else inactive++; });
        $('#kpiTotal').text(total); $('#kpiActive').text(active); $('#kpiInactive').text(inactive);
        var html = '';
        if (!data.length) html = '<tr><td colspan="4" class="text-center py-4 text-muted">No models</td></tr>';
        else data.forEach(function (x) {
            html += '<tr><td class="fw-semibold">' + esc(x.name) + '</td><td>' + esc(x.context||'-') + '</td>'
                + '<td>' + (x.is_active == 1 ? '<span class="badge bg-success">Active</span>' : '<span class="badge bg-secondary">Inactive</span>') + '</td>'
                + '<td class="text-end"><div class="d-flex gap-1 justify-content-end">'
                + '<button class="btn btn-sm btn-outline-primary btn-edit" data-id="' + x.id + '"><i class="bi bi-pencil"></i></button>'
                + '<button class="btn btn-sm ' + (x.is_active == 1 ? 'btn-outline-warning' : 'btn-outline-success') + ' btn-toggle" data-id="' + x.id + '" title="' + (x.is_active == 1 ? 'Deactivate' : 'Activate') + '"><i class="bi bi-power"></i></button>'
                + '</div></td></tr>';
        });
        $('#tableBody').html(html);
    }, 'json');
}
function saveItem() {
    var p = { setup_type: 'vehicle_models', name: $('#itemName').val().trim(), code: $('#itemCode').val().trim(), vehicle_type_id: $('#itemVehicleTypeId').val(), manufacturer: $('#itemManufacturer').val().trim(), csrf_token: window.CSRF_TOKEN };
    if (!p.name) { showAlert('Model name is required', 'danger'); return; }
    $.post('api/compliance.php?action=save_setup_item', p, function (r) {
        if (r.status !== 'success') { showAlert(r.message, 'danger'); return; }
        bootstrap.Modal.getInstance(document.getElementById('itemModal')).hide(); loadItems(); showAlert('Model saved!', 'success');
    }, 'json').fail(function () { showAlert('Server error', 'danger'); });
}
function showAlert(msg, type) { var box = $('#alertBox'); box.removeClass('d-none alert-success alert-danger alert-warning alert-info').addClass('alert-' + type).text(msg); setTimeout(function () { box.addClass('d-none'); }, 5000); }
function esc(t) { return $('<div>').text(t || '').html(); }
function debounce(fn, ms) { var t; return function () { var c = this, a = arguments; clearTimeout(t); t = setTimeout(function () { fn.apply(c, a); }, ms); }; }
