@extends('components.menu-desplegable-ajax')

@push('codigoPaginaTemplateEnJQueryReady')
        CrearComponenteMenuDesplegableAjaxDependiente(
            '{{ $sAtributoIdCampoHtml }}',
            '{{ $sTextoPlaceholder }}',
            '{{ $sUrlFuenteDatos }}'
        );

@endpush


@once
    @push('codigoAdicionalFinalPaginaTemplateDespuesDeJQueryReady')
<script type="text/javascript">

function GenerarParametrosLlamadaAjaxDependiente (oParametros) {

    jsonParametros = {
        qnombre: oParametros.term,
        page: oParametros.page
    };

    // Obtiene opcion selecionada en el menu padre (menu de dependencia)
    var nIdOpcionMenuSeleccionada = $('#{{ $sIdDomCampoPadre }}').val();
    bExisteOpcionMenuSeleccionada = (typeof nIdOpcionMenuSeleccionada !== 'undefined');
    if( ! bExisteOpcionMenuSeleccionada ) {
        nIdOpcionMenuSeleccionada = null;
    }

    jsonParametros.i = nIdOpcionMenuSeleccionada;

    if($('meta[name="csrf-token"]').attr('content')) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    }

    return jsonParametros;
}

function CrearComponenteMenuDesplegableAjaxDependiente(
    sAtributoIdCampoHtml,
    sTextoPlaceholder,
    sUrlRelativaProceso
) {

    CrearComponenteMenuDesplegableAjax(
        sAtributoIdCampoHtml,
        sTextoPlaceholder,
        sUrlRelativaProceso,
        GenerarParametrosLlamadaAjaxDependiente
    );
}

</script>
    @endpush
@endonce