<div class="container">
    <h3 class="booking-title">
     
      
        Programas 
         en <span class="text-color"><?php if($this->objCiudadBs){ echo $this->objCiudadBs[0]->getNombre();} ?></span>
        <br>

    </h3>
    <div class="row">
            <div class="col-md-3">
                <div class="input-daterange" data-date-format="dd/mm/yyyy">
                <?php include_once ROOT . 'views' . DS . 'layout' . DS . 'default' . DS . '_LeftSiderbar_programas.php'; ?>
            </div>
            </div>
        <div class="col-md-9">
            <div class="row">
                <?php
                $cntProg = 0;
                if ($this->objProgramas) {

                    //foreach($this->objProgramas as $columPRG)
                    foreach ($this->objProgramas as $objProg) {

                        $cntProg++;
                        
                        if($objProg->getWeb()>0){
                        ?>

                        <form class="frmPrograma_<?php echo $cntProg; ?>">
                            <div class="col-md-4" style="min-height: 365px; margin-bottom:15px;">
                                <div class="thumb">
                                    <header class="thumb-header">
                                        <a class="hover-img" href="#modal-reservar"data-effect="mfp-zoom-out" data-toggle="modal"
                                           onclick="Programa.prototype.procesoDetalleProg('frmPrograma_<?php echo $cntProg; ?>', '<?php echo $this->form; ?>');">
                                               <?php if ($objProg->getImagen()) { ?>
                                                <img src="<?php echo $_layoutParams['ruta_programas'] . $objProg->getImagen(); ?>" width="253 px" height="169 px"/>
                                            <?php } else { ?>
                                                <img src="<?php echo $_layoutParams['ruta_programas']; ?>sin_foto.png" width="253 px" height="169 px"/>
                                            <?php } ?>
                                            <?php if ($objProg->getEstado() == 'AVAILABLE') { ?>
                                                <i class="fa fa-check box-icon hover-icon-top-right hover-hold round box-icon-big"rel="tooltip" data-placement="left" title="Confirmado"></i>
                                            <?php } ?>
                                            <h5 class="hover-title-center">Detalle</h5>
                                        </a>
                                    </header>
                                    <div class="thumb-caption">

                                        <p class="thumb-title"><b class="text-color"><?php echo $objProg->getTitulo(); ?></b></p>
                                        <p class="mb0 text-darken"><small class="booking-item-last-booked">  <?php echo $objProg->getNoches() + 1; ?> d&iacute;as / <?php echo $objProg->getNoches(); ?> noches </small> </p>
                                        <ul class="booking-item-features booking-item-features-rentals booking-item-features-sign clearfix mt5 mb5">

                                            <?php if ($objProg->getPbhotel()) { ?>
                                                <li rel="tooltip" data-placement="top" title="Hotel"><i class="fa fa-building pointerMouse"></i>
                                                </li>
                                            <?php } ?>
                                            <?php if ($objProg->getPdtraslados()) { ?>
                                                <li rel="tooltip" data-placement="top" title="Traslado"><i class="fa fa-automobile pointerMouse"></i>
                                                </li>
                                            <?php } ?>
                                            <?php if ($objProg->getPdaereo()) { ?>
                                                <li rel="tooltip" data-placement="top" title="Aereo"><i class="fa fa-plane pointerMouse"></i>
                                                </li>
                                            <?php } ?>
                                            <?php if ($objProg->getPdseguro()) { ?>
                                                <li rel="tooltip" data-placement="top" title="Seguro"><i class="fa fa-medkit pointerMouse"></i>
                                                </li>
                                            <?php } ?>
                                            <?php if ($objProg->getPdplana()) { ?>
                                                <li rel="tooltip" data-placement="top" title="<?php echo $objProg->getPdplana(); ?>"><i class="fa fa-cutlery pointerMouse"></i>
                                                </li>
                                            <?php } ?>
                                            <?php if ($objProg->getExcursion()) { ?>
                                                <li rel="tooltip" data-placement="top" title="Escursion"><i class="fa" style="height:34px;"><img style="width: 24px; margin-top:5px;" src="<?php echo $_layoutParams['ruta_img']; ?>exc.png"></i>
                                                </li>
                                            <?php } ?>
                                        </ul>
                                        <p class="mb0 text-darken"><span class="text-lg lh1em">Desde :</span> <span class="text-color" style="font-weight: bold;"><?php echo Functions::formatoValor($objProg->getMoneda(), $objProg->getValorDesde()); ?></span>
                                        </p>
                                        <?php if ($this->pago && $objProg->getMoneda() === 'D') { ?>
                                            <p class="mb0 text-darken">(<?php echo Functions::formatoValor('P', $objProg->getValorDesde() * Session::get('sess_tcambio')); ?>)
                                            </p>
                                        <?php } ?>
                                        <p class="mb0 text-darken"><small>Valores desde por persona en base a habitación doble</small></p>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="__SP_id__" value="<?php echo $objProg->getId(); ?>" >
                            <input type="hidden" name="nochesPrg" value="<?php echo $objProg->getNoches();?>">
                        </form>

                        <?php
                    }
                }
                } else {
                    ?>
                    <div id="divAlertWarHot" class="alert alert-dismissable alert-warning" style="display:block;">
                        No se encontraron registros para esta b&uacute;squeda.
                    </div>
                <?php } ?>

            </div>
        </div>
        
        <div class=" modal fade" id="modal-reservar"data-keyboard="false"data-backdrop="static">
            <div class="modal-dialog" style="min-width: 72%;" id="modalCarta">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;"onclick="$('#divPopupIn5').html('');$('html').getNiceScroll().show();" >&times;</button>

                        <h4 class="modal-title text-color" style="font-weight: bold" id="tituloPopup">Programa</h4>
                    </div>
                    <div class="modal-body" id="divPopupIn1" >

                    </div>
                    <div class="modal-footer">
                        <center>
                            <a class="btn btn-primary" href="<?php echo BASE_URL . Session::get('SESS_CONTROLLER') . '/index/' . $this->form; ?>" id="btnAceptarPRG" style="display:none">Volver a reservar</a>
                        </center>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="gap"></div>
    <div id="myModal2" class="modal fade" role="dialog" aria-labelledby="myModalLabel"  data-backdrop="false" aria-hidden="true">
        <div class="modal-dialog" style="min-width: 75%;" id="modalCarta">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;" onclick="$('#divPopupIn5').html('');" >&times;</button>
                    <h4 class="modal-title text-color" id="tituloPopup2" style="font-weight: bold" >Programa</h4>
                </div>
                <div class="modal-body" id="divPopupIn">

                </div>
            </div>
        </div>

    </div>
    <div id="myModal4" class="modal fade" role="dialog" aria-labelledby="myModalLabel"  data-backdrop="false" aria-hidden="true">
        <div class="modal-dialog" style="min-width: 60%;margin-top:13%;" id="modalCarta">
            <div class="modal-content" >
                <div class="modal-body" id="divPopupIn4" style="padding: 3px;">

                </div>
            </div>
        </div>

    </div>
    <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false" aria-hidden="true">
        <div class="modal-dialog" style=" top: 10%; width: 85%;" id="modalCarta">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;" onclick="$('#Siguiente').removeAttr('disabled'); $('#divPopupIn5').html('');">&times;</button>
                    <h4 class="modal-title text-color" id="tituloPo" style="font-weight: bold">Seleccione sus Vuelos</h4>
                </div>

                <div class="modal-body" id="divPopupIn5" style="max-height:500px; overflow-y: auto;">

                </div>
                <div class="modal-footer"></div>

            </div>
        </div>

    </div>
    <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false" aria-hidden="true">
        <div class="modal-dialog" style=" top: 10%; width: 75%;" id="modalCarta">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;">&times;</button>
                    <h4 class="modal-title text-color" id="tituloPopup3" style="font-weight: bold">Programa</h4>
                </div>

                <div class="modal-body" id="divPopupIn3" >

                </div>


            </div>
        </div>

    </div>
    
</div>
<script>
    // cada vez que se cambia el valor del combo
    function actualizaSalidas() {

        // obtenemos el valor seleccionado
        var ciudad = $("#mL_txtCiudadDestino").val();

        // si es 0, no es un país

        if (ciudad != 0)
        {
            var datos = {
                ciudad: $("#mL_txtCiudadDestino").val()
            };
            $.post(BASE_URL_JS + "system/getSalidas/<?php echo $this->form;?>", datos, function (ciudades) {

                // obtenemos el combo de ciudades
                var $comboCiudades = $("#mL_cmbSalidas");

                // lo vaciamos
                $comboCiudades.empty();

                $comboCiudades.append("<option>Seleccione</option>");
                // iteramos a través del arreglo de ciudades
                $.each(ciudades, function (index, salida) {
                    // agregamos opciones al combo
                    //alert( index + ": " + cuidad );
                    if ('<?php echo $this->ML_fechaIni; ?>' == salida) {
                        if ('<?php echo Session::get('sess_BP_ciudadDes'); ?>' == ciudad) {
                            $comboCiudades.append("<option value='" + salida + "' selected='selected'>" + salida + "</option>");
                        } else {
                            $comboCiudades.append("<option value='" + salida + "'>" + salida + "</option>");
                        }
                    } else {
                        $comboCiudades.append("<option value='" + salida + "'>" + salida + "</option>");
                    }
                    //$comboCiudades.append("<option>" + cuidad.nombre + "</option>");
                });

            }, 'json');
        }
        else
        {
            // limpiamos el combo e indicamos que se seleccione un país
            var $comboCiudades = $("#mL_cmbSalidas");
            $comboCiudades.empty();
            $comboCiudades.append("<option>Seleccione</option>");
        }
    }

    function actualizaPrg() {

        var ciudad = $("#mL_txtCiudadDestino_PRG").val();

        if (ciudad !== "") {

            var datos = {
                fecha: $("#mL_txtFechaIn_PRG").val()
            };

            $.post(BASE_URL_JS + "system/getComboPrg/<?php echo$this->form;?>", datos, function (ciudades) {
                var $comboCiudades = $("#mL_txtCiudadDestino_PRG");
                $comboCiudades.empty();
                $comboCiudades.append("<option value=" + 0 + ">Seleccione destino</option>");
                if (ciudades) {
                    var ciu = ciudades[0];
                    var cod = ciudades[1];
                    var cont = 0;
                    $.each(ciu, function (index, salida) {

                        if ('<?php echo Session::get('sess_BP_ciudadDes_PRG'); ?>' == cod[cont]) {
                            $comboCiudades.append("<option value='" + cod[cont] + "' selected='selected'>" + salida + "</option>");
                        } else {
                            $comboCiudades.append("<option value='" + cod[cont] + "'>" + salida + "</option>");
                        }
                        cont++;
                    });
                }
            }, 'json');
        } else {
            var $comboCiudades = $("#mL_txtCiudadDestino_PRG");
            $comboCiudades.empty();
            $comboCiudades.append("<option value=" + 0 + ">Seleccione destino</option>");
        }
    }



</script>