/** 
CALENDARIO JAVASCRIPT - CONFIGURACION
FECHA 05-09-2008
DESARROLLADO POR JOHN CAMPOS T.
*/

// CONFIGURACION DE LOS LIMITES DE LAS FECHAS A MOSTRAR EN EL CALENDARIO ------------------------------------------------------

var calendario_fecha_inicio  = '20240427';
var calendario_fecha_termino = '20240427';

// CONFIGURACION DEL FORMATO DE FECHA Y DISENO DEL CALENDARIO ------------------------------------------------------
var calendario_fondo_color = "#FFFFFF";//
var calendario_borde_color = "#747B32";
var calendario_letra_tipo = "Arial";
var calendario_letra_tamano = "11";
var calendario_letra_color = "#5b6621";
var calendario_letra_invalida = "#CCCCCC";
var calendario_fecha_separador = "/";
var calendario_fecha_formato = "DMY"; // DMY, MDY, YMD ...   

// -------------------------------- NO MODIFICAR DE AQUI EN ADELANTE ------------------------------------------------------
var calendario_fecha_actual = new Date(2024,3,27);

var calendario_anio_inicio  = calendario_fecha_inicio.substring(0, 4);
var calendario_anio_termino = calendario_fecha_termino.substring(0, 4);    

var calendario_id_text, calendario_id_imgen;
var calendario_mes = Array();
var calendario_dia = Array();
var calendario_mes_dia = Array();
//var calendarioMinAnio = null;
//var calendarioMaxAnio = null;
//var calendarioValidarMinMax = true;

// DESCRIPCION DE LOS MESES DEL ANIO
calendario_mes[0]="ENERO";
calendario_mes[1]="FEBRERO";
calendario_mes[2]="MARZO";
calendario_mes[3]="ABRIL";
calendario_mes[4]="MAYO";
calendario_mes[5]="JUNIO";
calendario_mes[6]="JULIO";
calendario_mes[7]="AGOSTO";
calendario_mes[8]="SETIEMBRE";
calendario_mes[9]="OCTUBRE";
calendario_mes[10]="NOVIEMBRE";
calendario_mes[11]="DICIEMBRE";

// DESCRIPCION DE LOS DIAS DE LA SEMANA
calendario_dia[0]="LU";
calendario_dia[1]="MA";
calendario_dia[2]="MI";
calendario_dia[3]="JU";
calendario_dia[4]="VI";
calendario_dia[5]="SA";
calendario_dia[6]="DO";

// NUMERO DE DIAS DE LOS MESES DEL ANIO
calendario_mes_dia[0] = 31;
calendario_mes_dia[1] = 28;
calendario_mes_dia[2] = 31;
calendario_mes_dia[3] = 30;
calendario_mes_dia[4] = 31;
calendario_mes_dia[5] = 30;
calendario_mes_dia[6] = 31;
calendario_mes_dia[7] = 31;
calendario_mes_dia[8] = 30;
calendario_mes_dia[9] = 31;
calendario_mes_dia[10] = 30;
calendario_mes_dia[11] = 31;

var lenguaje    = $('html').attr('lang');
var fecFormato  = (lenguaje == 'en') ? 'MM/DD/YYYY' : 'DD/MM/YYYY';

/**
* oConfiguracionCalendario()
*
* Devuelve la configuración por defecto del plugin dateranpiker
*
* @author Alejandro <asalinas@fde.pe>
*/
function oConfiguracionCalendario(){
        switch (lenguaje) {
            case 'es':
                var adiaSemana = ['D', 'L', 'M', 'M', 'J', 'V', 'S'];
                var aNomMes = [
                    'Enero',
                    'Febrero',
                    'Marzo',
                    'Abril',
                    'Mayo',
                    'Junio',
                    'Julio',
                    'Agosto',
                    'Septiembre',
                    'Octubre',
                    'Noviembre',
                    'Diciembre'
                ];
                break;
            case 'pt':
                var adiaSemana = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
                var aNomMes = [
                    'Janeiro',
                    'Fevereiro',
                    'Marcha',
                    'Abril',
                    'Pode',
                    'Junho',
                    'Julho',
                    'Agosto',
                    'Setembro',
                    'Outubro',
                    'Novembro',
                    'Dezembro'];
                break;
            default:
                var adiaSemana = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
                var aNomMes = [
                    'January',
                    'February',
                    'March',
                    'April',
                    'May',
                    'June',
                    'July',
                    'August',
                    'September',
                    'October',
                    'November',
                    'December'];

        }
        return {
            showDropdowns: true,
            locale: {
                format: fecFormato,
                monthNames: aNomMes,
                daysOfWeek: adiaSemana
            }
        };
}

var clickFecRegreso = 0;

/**
* Plugin "Rango de Calendario"
* @author Alejandro salinas <asalinas@fde.pe>
*/
$(function(){
    var validarFechasTemp;
    var validarFechas = function () {
        if(validarFechasTemp){
            clearTimeout(validarFechasTemp);
        }
        validarFechasTemp = setTimeout(function(){
            var fechaForm = $("#fecViajeIda").val() + " - " + $("#fecViajeRegreso").val();
            if (fechaForm != $("#datepicker-input").val()) {
                $("#datepicker-input").data('daterangepicker').setStartDate($("#fecViajeIda").val());
                $("#datepicker-input").data('daterangepicker').setEndDate($("#fecViajeIda").val());
            }
        },150);
    };
    var parametrosDateRange = function (){
        var fecMinimo = moment(calendario_fecha_inicio, "YYYYMMDD").format(fecFormato);
        var fecMaxima = moment(calendario_fecha_termino, "YYYYMMDD").format(fecFormato);

        var idBusquedaTipo = $('input[name=idBusquedaTipo]:checked').val();

        if (idBusquedaTipo == $.idBusquedaTipoSoloPaquetes) {
            var fecMinimo = $.fecViajeMinimaReservarPaquete;
            var fecMaxima = $.fecViajeMaximaReservarPaquete;
        }

        var idViajeTipo = $(".dropdown-select-value[name='idViajeTipo']").val();

        var oConfiguracion = oConfiguracionCalendario();
            oConfiguracion.autoApply = true;
            oConfiguracion.minDate = fecMinimo;
            oConfiguracion.maxDate = fecMaxima;
            oConfiguracion.showDropdowns = false;
            oConfiguracion.startDate = $("#fecViajeIda").val();
            oConfiguracion.endDate = $("#fecViajeRegreso").val();
            oConfiguracion.onClickDate = function (startDate, endDate) {
                if (clickFecRegreso === 0) {
                    $("#fecViajeIda").val(startDate);
                    if (typeof endDate === "undefined") {
                        $("#fecViajeRegreso").val(startDate);
                        if (idViajeTipo === '2') {
                            $('.contenedor-flecha-right').css("display", "block");
                            $('.contenedor-flecha-right').css("width", "141px");
                            $("#fecViajeIda").css("border-bottom", "2px solid #000");
                            $('.contenedor-flecha-left').css("display", "none");
                            $('head').append('<style>.daterangepicker.opensright:after{left:236px !important;}</style>');
                        }
                    } else {
                        $("#fecViajeRegreso").val(endDate);
                        $('.contenedor-flecha-right').css("display", "none");
                    }
                }

                if (clickFecRegreso === 1) {
                    $("#datepicker-input").data('daterangepicker').setStartDate($("#fecViajeIda").val());
                    $("#datepicker-input").data('daterangepicker').setEndDate(startDate);
                    $("#fecViajeRegreso").val(startDate);
                    $('#datepicker-input').daterangepicker(parametrosDateRange()).on('hide.daterangepicker', function (ev, picker) {
                        validarFechas();
                    });
                }
                validarCalendarioVisible();
            }
        return oConfiguracion;
    }

    $('#datepicker-input').daterangepicker(parametrosDateRange()).on('hide.daterangepicker', function (ev, picker) {
        validarFechas();
    });
    var selector = "#fecViajeRegreso,.row-searchbox .blkFechaIda ,ui-datepicker-trigger,#fecViajeIda," +
                    ".row-searchbox .blkFechaRegreso ,ui-datepicker-trigger";
    $(selector).click(function () {
        $("#datepicker-input").click();
    });

    $(document).on('change','[name="idViajeTipo"]',function(){
        var idBusquedaTipo = $('input[name=idBusquedaTipo]:checked').val();

        var parametros = parametrosDateRange();
        if (($(this).val() != "2")
           || (idBusquedaTipo == $.idBusquedaTipoSoloPaquetes)
        ) {
            parametros.singleDatePicker = true;
        }
        $('#datepicker-input').daterangepicker(parametros);
    });

    $("#fecViajeIda").click(function () {
        clickFecRegreso = 0;
        var parametros  = parametrosDateRange();
        var idBusquedaTipo = $('input[name=idBusquedaTipo]:checked').val();

        var idViajeTipo = $(".dropdown-select-value[name='idViajeTipo']").val();

        if ((idViajeTipo === '1')
            || (idBusquedaTipo == $.idBusquedaTipoSoloPaquetes)
        ) {
            parametros.singleDatePicker = true;
            $('.contenedor-flecha-left').css("width", "327px");
        } else {
            $('.contenedor-flecha-left').css("width", "157px");
        }

        $(this).css("border-bottom", "2px solid #FF3C1E");
        $('.contenedor-flecha-left').css("display", "block");
        $('.contenedor-flecha-right').css("display", "none");

        $('#datepicker-input').daterangepicker(parametros);
        $('head').append('<style>.daterangepicker.opensright:after{left:10px !important;}</style>');
    });
    
    $("#fecViajeIda").focusout(function () {
        var calendarioVisible = $(".daterangepicker:visible").length > 0;
        if (calendarioVisible === false) {
            $(this).css("border-bottom", "2px solid #000");
            $('.contenedor-flecha-left').css("display", "none");
        }
    });

    $("#fecViajeRegreso").click(function () {
        var idViajeTipo = $(".dropdown-select-value[name='idViajeTipo']").val();
        var fechaIda    = $("#fecViajeIda").val();
        var parametros  = parametrosDateRange();

        if (idViajeTipo === '2') {
            parametros.minDate = fechaIda;
            $('#datepicker-input').daterangepicker(parametros);
            $('.contenedor-flecha-right').css("width", "141px");
            $('head').append('<style>.daterangepicker.opensright:after{left:236px !important;}</style>');
            clickFecRegreso = 1;
        } else {
            $('.contenedor-flecha-right').css("width", "327px");
        }

        var idViajeSentido = $("#busquedaRegreso-2").attr('idviajesentido');
        if (idViajeTipo === '1' && idViajeSentido === '2') {
            parametros.startDate        = $("#fecViajeRegreso").val();
            parametros.endDate          = $("#fecViajeRegreso").val();
            parametros.singleDatePicker = true;
            $('#datepicker-input').daterangepicker(parametros);
        }

        $(this).css("border-bottom", "2px solid #FF3C1E");
        $('.contenedor-flecha-right').css("display", "block");
        $("#fecViajeIda").css("border-bottom", "2px solid #000");
        $('.contenedor-flecha-left').css("display", "none");
    });
    
    $("#fecViajeRegreso").focusout(function () {
        var calendarioVisible = $(".daterangepicker:visible").length > 0;
        if (calendarioVisible === false) {
            $(this).css("border-bottom", "2px solid #000");
            $('.contenedor-flecha-right').css("display", "none");
            $('.contenedor-flecha-left').css("display", "none");
        }
    });
})

$(document).on('click', 'html', function () {
    validarCalendarioVisible()
});

$(document).on('click', 'th.available', function () {
    validarCalendarioVisible();
});

/**
 * validarCalendarioVisible
 *
 * funcion para validar si el calendario esta visible
 * @author Juan Wong <jwong@incarail.com>
 * @return mixed
 */
function validarCalendarioVisible() {
    var calendarioVisible = $(".daterangepicker:visible").length > 0;
    if (calendarioVisible === false) {
        $('.contenedor-flecha-right').css("display", "none");
        $('.contenedor-flecha-left').css("display", "none");
    }
}