(function ($, Coral) {
    "use strict";

    // Ejecuta cuando el dialog esté completamente cargado
    $(document).on("dialog-ready", function () {
        const validVideoExtensions = /\.(mp4|webm|mov|avi|mkv)$/i;

        // Encuentra todos los campos de path con la clase personalizada
        $(".validate-video-path input").on("change", function () {
            const $input = $(this);
            const path = $input.val();

            // Validamos si es una extensión de video válida
            if (!validVideoExtensions.test(path)) {
                // Mostrar error visual con Coral UI
                Coral.commons.ready($input[0], function (inputEl) {
                    inputEl.setCustomValidity("Por favor selecciona un archivo de video (.mp4, .webm, .mov, .avi, .mkv).");
                    inputEl.reportValidity();
                });
            } else {
                // Limpia el error si es válido
                Coral.commons.ready($input[0], function (inputEl) {
                    inputEl.setCustomValidity("");
                });
            }
        });
    });

})(jQuery, Coral);