$(document).ready(function() {
    // Initialize Select2 for user selection
    $('.select2').select2({
        theme: 'bootstrap-5',
        width: '100%',
        placeholder: 'Search for a user...',
        allowClear: true
    });
    
    // Auto-submit permission form on checkbox change
    document.querySelectorAll('.auto-save-perms-form input[type="checkbox"]').forEach(function(checkbox) {
        checkbox.addEventListener('change', function() {
            this.closest('form').submit();
        });
    });
});