<div class="gap"></div>
<div class="booking-item-payment">
    <header class="clearfix">
        <h5 class="text-color">Tipo de Habitaci&oacute;n: <b><?php echo $this->DTH_nombreDTipoHab; ?></b></h5>
    </header>
    <form enctype="multipart/form-data" class="frmModTipoHab">
        <ul class="booking-item-payment-details">
        <li>
            <div class="row">
                <div class="col-lg-1"></div>
                <div class="col-lg-4">
                    <?php if($this->DTH_foto1){ ?>
                    <div class="gap gap-small">
                        <center>Imagen 1</center>
                        <a class="hover-img popup-gallery-image" data-effect="mfp-zoom-out">
                            <img src="<?php echo $_layoutParamsCB['ruta_fotos_hab'] . $this->DTH_foto1; ?>" />
                        </a>
                    </div>
                    <center>
                        <div class="checkbox checkbox-small">
                            <label style="cursor:pointer; font-size: 13px;"><input class="i-check" type="checkbox" name="chkDTH_flImagen1">Eliminar</label>
                        </div>
                    </center>
                    <?php } else { ?>
                    <div class="gap gap-small" id="content_img_1" style="display: none">
                        <center>Imagen 1</center>
                        <div class="hover-img">
                            <img id="vistaPrevia1" src="" alt="" />
                            <ul class="hover-icon-group-top-right">
                                <li>
                                    <a class="fa fa-times box-icon-normal round popup-text" onclick="removeImg(1)"></a>
                                </li>
                            </ul>
                        </div>
                    </div>


                    <div class="gap gap-small" id="content_file_1" style="display: block">
                        <center>Imagen 1<br>
                            <i onclick="$('input[name=DTH_flImagen1]').click()" class="fa fa-upload box-icon-large box-icon-success box-icon-to-inverse box-icon-border-dashed animate-icon-tada round"></i>

                            <br>
                            <span class="btn btn-primary btn-file">
                                Selecionar <input type="file" id="DTH_flImagen1" name="DTH_flImagen1" onchange="displayImg(1)" accept="image/*">
                            </span>
                        </center>
                    </div>
                    <?php } ?>
                </div>
                
                
                
                
                
                
                
                <div class="col-lg-2"></div>
                <div class="col-lg-4">
                    <?php if($this->DTH_foto2){ ?>
                    <div class="gap gap-small">
                        <center>Imagen 2</center>
                        <a class="hover-img popup-gallery-image" data-effect="mfp-zoom-out">
                            <img src="<?php echo $_layoutParamsCB['ruta_fotos_hab'] . $this->DTH_foto2; ?>" />
                        </a>
                    </div>
                    <center>
                        <div class="checkbox checkbox-small">
                            <label style="cursor:pointer; font-size: 13px;"><input class="i-check" type="checkbox" name="chkDTH_flImagen2">Eliminar</label>
                        </div>
                    </center>
                    <?php } else { ?>
                    <div class="gap gap-small" id="content_img_2" style="display: none">
                        <center>Imagen 2</center>
                        <div class="hover-img">
                            <img id="vistaPrevia2" src="" alt="" />
                            <ul class="hover-icon-group-top-right">
                                <li>
                                    <a class="fa fa-times box-icon-normal round popup-text" onclick="removeImg(2)"></a>
                                </li>
                            </ul>
                        </div>
                    </div>


                    <div class="gap gap-small" id="content_file_2" style="display: block">
                        <center>Imagen 2<br>
                            <i onclick="$('input[name=DTH_flImagen2]').click()" class="fa fa-upload box-icon-large box-icon-success box-icon-to-inverse box-icon-border-dashed animate-icon-tada round"></i>

                            <br>
                            <span class="btn btn-primary btn-file">
                                Selecionar <input type="file" id="DTH_flImagen2" name="DTH_flImagen2" onchange="displayImg(2)" accept="image/*">
                            </span>
                        </center>
                    </div>
                    <?php } ?>
                </div>
                
                
                
                
            </div>
            
            
            
            
            
            
            <div class="row">
                <div class="col-lg-1"></div>
                <div class="col-lg-4">
                    <?php if($this->DTH_foto3){ ?>
                    <div class="gap gap-small">
                        <center>Imagen 3</center>
                        <a class="hover-img popup-gallery-image" data-effect="mfp-zoom-out">
                            <img src="<?php echo $_layoutParamsCB['ruta_fotos_hab'] . $this->DTH_foto3; ?>" />
                        </a>
                    </div>
                    <center>
                        <div class="checkbox checkbox-small">
                            <label style="cursor:pointer; font-size: 13px;"><input class="i-check" type="checkbox" name="chkDTH_flImagen3">Eliminar</label>
                        </div>
                    </center>
                    <?php } else { ?>
                    <div class="gap gap-small" id="content_img_3" style="display: none">
                        <center>Imagen 3</center>
                        <div class="hover-img">
                            <img id="vistaPrevia3" src="" alt="" />
                            <ul class="hover-icon-group-top-right">
                                <li>
                                    <a class="fa fa-times box-icon-normal round popup-text" onclick="removeImg(3)"></a>
                                </li>
                            </ul>
                        </div>
                    </div>


                    <div class="gap gap-small" id="content_file_3" style="display: block">
                        <center>Imagen 3<br>
                            <i onclick="$('input[name=DTH_flImagen3]').click()" class="fa fa-upload box-icon-large box-icon-success box-icon-to-inverse box-icon-border-dashed animate-icon-tada round"></i>

                            <br>
                            <span class="btn btn-primary btn-file">
                                Selecionar <input type="file" id="DTH_flImagen3" name="DTH_flImagen3" onchange="displayImg(3)" accept="image/*">
                            </span>
                        </center>
                    </div>
                    <?php } ?>
                </div>
                
                
                
                
                
                
                
                
                
                
                
                
                <div class="col-lg-2"></div>
                <div class="col-lg-4">
                    <?php if($this->DTH_foto4){ ?>
                    <div class="gap gap-small">
                        <center>Imagen 4</center>
                        <a class="hover-img popup-gallery-image" data-effect="mfp-zoom-out">
                            <img src="<?php echo $_layoutParamsCB['ruta_fotos_hab'] . $this->DTH_foto4; ?>" />
                        </a>
                    </div>
                    <center>
                        <div class="checkbox checkbox-small">
                            <label style="cursor:pointer; font-size: 13px;"><input class="i-check" type="checkbox" name="chkDTH_flImagen4">Eliminar</label>
                        </div>
                    </center>
                    <?php } else { ?>
                    <div class="gap gap-small" id="content_img_4" style="display: none">
                        <center>Imagen 4</center>
                        <div class="hover-img">
                            <img id="vistaPrevia4" src="" alt="" />
                            <ul class="hover-icon-group-top-right">
                                <li>
                                    <a class="fa fa-times box-icon-normal round popup-text" onclick="removeImg(4)"></a>
                                </li>
                            </ul>
                        </div>
                    </div>


                    <div class="gap gap-small" id="content_file_4" style="display: block">
                        <center>Imagen 4<br>
                            <i onclick="$('input[name=DTH_flImagen4]').click()" class="fa fa-upload box-icon-large box-icon-success box-icon-to-inverse box-icon-border-dashed animate-icon-tada round"></i>

                            <br>
                            <span class="btn btn-primary btn-file">
                                Selecionar <input type="file" id="DTH_flImagen4" name="DTH_flImagen4" onchange="displayImg(4)" accept="image/*">
                            </span>
                        </center>
                    </div>
                    <?php } ?>
                </div>
            </div>
            
            <br>
            <center>
            <input type="button"  id="btnModificaDTipoHab" class="btn btn-primary" value="Modificar imagenes" 
                onclick="methodSend(this.form, '<?php echo BASE_URL; ?>habitacion/modificar', 'btnModificaDTipoHab', 'content_')">
            </center>
        </li>
    </ul>
    </form>
</div>

<script>
$('.i-check, .i-radio').iCheck({
    checkboxClass: 'i-check',
    radioClass: 'i-radio'
});
</script>
