<?php

/**
 * Descripción del Modelo TMPLVistas
 * 
 * Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. 
 * Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. 
 * 
 * @package Constructor\Vistas
 * @license GPL
 * @author Diseñado por jpllinas@ccsm.org.co; Generado por SICAM.
 * 
 */
class TMPLVistas {
    
    const ENCABEZADO_LISTADO = <<<php
<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de %%SUFIJO_VISTA%% %%ENTIDAD%%</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">

php;

    const PIECERA_LISTADO = <<<php
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-%%COMPONENTE%%-%%CONTROLADOR%%{{hash_vista}}">
        <div class="box-body" >
            <!--Divisón donde cargará la forma de presnetar el listado. Aqui es una tabla.-->
            <div id="div-tbl-%%COMPONENTE%%-%%CONTROLADOR%%" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTabla%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%();
    });
</script>

<!-- Generado el %%FECHA_CREACION%% -->
php;


    const VER_DETALLES = <<<php
        {{ boton( 'ver', "verDetalles%%CONTROLADOR%%%%COMPONENTE%%", "verDetalles%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
            /**
             * Carga una vista con los detalles de %%ENTIDAD%%
             * @returns {HTML} Vista de Detalles
             */
            function verDetalles%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                var seleccion%%CONTROLADOR%% = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%CONTROLADOR%%{{hash_vista}}', "VER DETALLES");
                if (seleccion%%CONTROLADOR%%.length == 1) {
                    var %%PREFIJODATOS%%ID =  seleccion%%CONTROLADOR%%[0].value;
                        cargarVista(
                            '%%COMPONENTE_DIR%%', '%%CONTROLADOR%%', 'verDetalles', 
                            '%%PREFIJODATOS%%ID=' + %%PREFIJODATOS%%ID
                        );
                 }else{
                     if( seleccionados.length == 0 ){
                         alertaInformacion("Debes seleccionar un registro para EDITAR los datos del registro.");
                     }else{
                         alertaPrevencion("Debes seleccionar SOLO UN registro para EDITAR SUS DATOS.");
                     }
                }
            }
        </script>

php;

    const MOSTRAR_TODOS = <<<php
            
        <script type="text/javascript" >
        </script>

php;

    const CARGAR_TABLA = <<<php
        {{ boton( 'tabla', "mostrarTodos%%CONTROLADOR%%%%COMPONENTE%%", "cargarTabla%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
            /**
             * Solcita la vista de tabla y la carga en una division (DIV)
             * con identificador div-tbl-%%CONTROLADOR%%.
             * @returns {HTML} Vista Solicitada
             */
            function cargarTabla%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                cargarDivisionSicam('div-tbl-%%COMPONENTE%%-%%CONTROLADOR%%', '%%COMPONENTE_DIR%%', '%%CONTROLADOR%%', 'tablaListado%%SUFIJO_VISTA%%');
            }
        </script>

php;

    const MOSTRAR_FORMULARIO_NUEVO = <<<php
        {{ boton( 'nuevo', "nuevo%%CONTROLADOR%%%%COMPONENTE%%") }}
        <script type="text/javascript" >
        </script>

php;
    const MOSTRAR_FORMULARIO_EDITAR = <<<php
        {{ boton( 'editar', "editar%%CONTROLADOR%%%%COMPONENTE%%", "mostrarFormularioEditar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
            /**
             * Verifica que se haya seleccionado solo un registro, y abre un vista con 
             * un formulario que permite ver y editar todos los datos de un %%ENTIDAD%%
             * @returns {HTML} Formulario de Datos para %%ENTIDAD%%
             */
            function mostrarFormularioEditar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                var seleccion%%CONTROLADOR%% = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%CONTROLADOR%%', "EDITAR");
                if (seleccion%%CONTROLADOR%%.length == 1) {
                    var %%PREFIJODATOS%%ID =  seleccion%%CONTROLADOR%%[0].value;
                     cargarVista(
                            '%%COMPONENTE_DIR%%', '%%CONTROLADOR%%', 'mostrarFormularioEditar',
                            '%%PREFIJODATOS%%ID=' + %%PREFIJODATOS%%ID
                            );
                 }else{
                     if( seleccionados.length == 0 ){
                         alertaInformacion("Debes seleccionar un registro para EDITAR los datos del registro.");
                     }else{
                         alertaPrevencion("Debes seleccionar SOLO UN registro para EDITAR SUS DATOS.");
                     }
                }
            }
        
        </script>

php;
    const MOSTRAR_FORMULARIO = <<<php
        
        <script type="text/javascript" >
        </script>

php;
    const GUARDAR_DATOS = <<<php
        
        <script type="text/javascript" >
        </script>

php;
    const GUARDAR_DATOS_NUEVO = <<<php
        
        <script type="text/javascript" >
        </script>

php;
    const GUARDAR_DATOS_CAMBIOS = <<<php
        
        <script type="text/javascript" >
        </script>

php;

    const ELIMINAR_DATOS = <<<php
        {{ boton( 'eliminar', "eliminar%%CONTROLADOR%%%%COMPONENTE%%", "eliminar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
        
            /**
             * Permite eliminar un registro de la base de datos, despues de confirmar la operacion con el usuario.
             * ESTA OPERACIÓN ES IRREVERSIBLE.
             * @returns {JSON} Respuesta del Sistema
             */
            function eliminar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                var seleccion%%CONTROLADOR%% = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%CONTROLADOR%%', "ELIMINAR");
                if (seleccion%%CONTROLADOR%%) {
                    confirmacionOperacion(
                            "¿Seguro que desea ELIMINAR los elementos seleccionados?",
                            "Esta acción no tiene reversa. Si existe algún otro registro en el sistema que dependa de este, el sistema no permitirá borrarlo.",
                            function () {
                                ejecutarOperacion(
                                        "%%COMPONENTE_DIR%%", "%%CONTROLADOR%%", "eliminar", $("#frm-%%COMPONENTE%%-%%CONTROLADOR%%").serialize(),
                                        function (respuesta) {
                                            cargarTabla%%CONTROLADOR%%%%COMPONENTE%%();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>

php;
    const REACTIVAR = <<<php
        {{ boton( 'reactivar', "reactivar%%CONTROLADOR%%%%COMPONENTE%%", "reactivar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
        
            /**
             * Cambia el estado de un %%ENTIDAD%% a ACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function reactivar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                var seleccion%%CONTROLADOR%% = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%CONTROLADOR%%', "RE-ACTIVAR");
                if (seleccion%%CONTROLADOR%%) {
                    confirmacionOperacion(
                            "¿Seguro que desea RE-ACTIVAR los elementos seleccionados?",
                            "Al re-activar l@s %%ENTIDADES%% se mostrarán en la App y en la Web, inmediatamente.",
                            function () {
                                ejecutarOperacion(
                                        "%%COMPONENTE_DIR%%", "%%CONTROLADOR%%", "reactivar", $("#frm-%%COMPONENTE%%-%%CONTROLADOR%%").serialize(),
                                        function (respuesta) {
                                            cargarTabla%%CONTROLADOR%%%%COMPONENTE%%();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>

php;
    const DESACTIVAR = <<<php
        {{ boton( 'desactivar', "desactivar%%CONTROLADOR%%%%COMPONENTE%%", "desactivar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un %%ENTIDAD%% a DESACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function desactivar%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%() {
                var seleccion%%CONTROLADOR%% = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%CONTROLADOR%%', "DESACTIVAR");
                if (seleccion%%CONTROLADOR%%) {
                    confirmacionOperacion(
                            "¿Seguro que desea DESACTIVAR los elementos seleccionados?",
                            "Al descativar l@s %%ENTIDADES%% ya no se mostrarán en la App, ni en la Web.",
                            function () {
                                ejecutarOperacion(
                                        "%%COMPONENTE_DIR%%", "%%CONTROLADOR%%", "desactivar", $("#frm-%%COMPONENTE%%-%%CONTROLADOR%%").serialize(),
                                        function (respuesta) {
                                            cargarTabla%%CONTROLADOR%%%%COMPONENTE%%();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>

php;
    const CAMBIO_ESTADO = <<<php
        {{ boton( 'estados', "cambiarEstado%%CONTROLADOR%%%%COMPONENTE%%", "cambiarEstado%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%()") }}
        <script type="text/javascript" >
            /**
             * Cambiar el estado de un registro de %%ENTIDADES%%.
             * @param {String} NUEVO_ESTADO
             * @returns {JSON} Respuesta del Sistema
             */
            function cambiarEstado%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%(NUEVO_ESTADO) {
                var seleccion%%ENTIDADES%%s = unoSoloSeleccionadoTabla('frm-%%COMPONENTE%%-%%ENTIDADES%%', "CAMBIAR AL ESTADO " + NUEVO_ESTADO);
                if (seleccion%%ENTIDADES%%) {
                    confirmacionOperacion(
                            "¿Seguro que desea NUEVO ESTADO los elementos seleccionados?",
                            "Al descativar los %%ENTIDADES%% ya no se mostrarán en la App, ni en la Web.",
                            function () {
                                ejecutarOperacion(
                                        "%%COMPONENTE_DIR%%", "%%ENTIDADES%%", "cambiarEstado",
                                        "nuevoEstado=" + NUEVO_ESTADO + "&" + $("#frm-%%COMPONENTE%%-%%ENTIDADES%%").serialize(),
                                        function (respuesta) {
                                            cargarTabla%%CONTROLADOR%%%%COMPONENTE%%();
                                        }
                                );
                            }
                    );
                }
            }
        </script>

php;


    const TABLA_COMPLETA = <<<html
<table id="tbl-%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%" id="chk-Todos%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%" ></th>
            <th width="1%" >Categoria</th>
            <th width="1%" >Código</th>
            <th width="1%" >Titulo</th>
            <th width="1%" >Descripción</th>
            <th width="1%" title="Imagen URL" class="titulo-flotante">Imagen</th>
            <th width="1%" title="PDF URL" class="titulo-flotante">PDF</th>
            <th width="1%" title="Enlace Asociado" class="titulo-flotante" ><i class="fa fa-link" ></i></th>
            <th width="1%" title="Estado" class="titulo-flotante" ></th>
        </tr>
    </thead>
    <tbody> 
        {% if %%ENTIDADES%% %}
        {% for %%ENTIDAD%% in %%ENTIDADES%% %}
        <tr>
            <td>
                <input type="checkbox" class="checkTable check-%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%" name="check-%%ENTIDADES%%[]" 
                       value="{{ %%ENTIDAD%%.%%PREFIJODATOS%%ID }}" data-titulo="{{ %%ENTIDAD%%.%%PREFIJODATOS%%TITULO }}" />
            </td>
            <td>{{ %%ENTIDAD%%.categoriaTITULO }}</td>
            <td>{{ %%ENTIDAD%%.%%PREFIJODATOS%%CODIGO }}</td>
            <td>{{ %%ENTIDAD%%.%%PREFIJODATOS%%TITULO }}</td>
            <td class="titulo-flotante" title="{{ %%ENTIDAD%%.%%PREFIJODATOS%%DESCRIPCION|striptags }}" >
                {{ %%ENTIDAD%%.%%PREFIJODATOS%%DESCRIPCION|striptags[0:21] }}...
            </td>
            <td>
                {{ imagenTooltip( "IMG-" ~ %%ENTIDAD%%.%%PREFIJODATOS%%ID, %%ENTIDAD%%.%%PREFIJODATOS%%URLIMAGEN) }}
            </td>
            <td >
                {{ pdfTooltip( "pdf-" ~ %%ENTIDAD%%.%%PREFIJODATOS%%ID, %%ENTIDAD%%.%%PREFIJODATOS%%URLPDF ) }}
            </td>
            <td>{{ enlace( %%ENTIDAD%%.%%PREFIJODATOS%%ENLACE ) }}</td>
            <td>{{ labelEstado(%%ENTIDAD%%.%%PREFIJODATOS%%ESTADO) }}</td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%');
        activarSeleccionarTodos("chk-Todos%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%", "check-%%COMPONENTE%%-%%CONTROLADOR%%%%SUFIJO_VISTA%%");
    });
    crearTablaScroll("tbl-%%COMPONENTE%%-%%ENTIDADES%%", "320");
</script>    
html;


    const FORMULARIO = <<<html
<form id="frm-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de %%CONTROLADOR%%</h3>
            <div class="box-tools pull-right">
                {% if %%CONTROLADOR%% %}
                {{ boton("guardar","mostrarFormularioEditar%%CONTROLADOR%%%%COMPONENTE%%")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevo%%CONTROLADOR%%%%COMPONENTE%%")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormulario%%CONTROLADOR%%%%COMPONENTE%%" ~ hash_vista ~ "()")}}
                {{ boton("resetear", null, "%%PREFIJODATOS%%TITULO.focus();")}}  
            </div>            
        </div>        
        <div class="box-body">
            <div class="row">
                <div class="col-md-12" id="">
                    <div class="form-group">
                        <div class="form-group">
                            <label for="%%PREFIJODATOS%%CATEGORIA">Categoria:</label>
                            <select class="form-control select2" id="%%PREFIJODATOS%%CATEGORIA" name="%%PREFIJODATOS%%CATEGORIA" style="width: 100%;">
                                <option>NINGUNA</option>
                                {% if Categorias%%ENTIDADES%% %}
                                {% for categoria in Categorias%%ENTIDADES%% %}
                                <option value="{{categoria.categoriaID}}" >{{categoria.categoriaTITULO}}</option>
                                {% endfor %}
                                {% endif %}
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4" id="">
                    <div class="form-group">
                        <label for="%%PREFIJODATOS%%CODIGO">Código de %%CONTROLADOR%%</label>
                        <input type="text" class="form-control uppercase" name="%%PREFIJODATOS%%CODIGO" id="%%PREFIJODATOS%%CODIGO"  readonly=""
                               value="{{ %%CONTROLADOR%%.%%PREFIJODATOS%%CODIGO }}" placeholder="Código de %%ENTIDADES%%"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="%%PREFIJODATOS%%TITULO">Título de %%CONTROLADOR%%</label>
                        <input type="text" class="form-control uppercase" name="%%PREFIJODATOS%%TITULO" id="%%PREFIJODATOS%%TITULO"  required
                               value="{{ %%CONTROLADOR%%.%%PREFIJODATOS%%TITULO }}" placeholder="Título de %%ENTIDADES%%"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="%%PREFIJODATOS%%DESCRIPCION">Descripción del %%CONTROLADOR%% (max 140 caracteres)</label>
                        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción del %%PREFIJODATOS%%" 
                                  name="%%PREFIJODATOS%%DESCRIPCION" id="%%PREFIJODATOS%%DESCRIPCION-{{ hash_vista }}" 
                                  >{{ %%CONTROLADOR%%.%%PREFIJODATOS%%DESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="%%PREFIJODATOS%%ENLACE">Enlace de %%CONTROLADOR%% Externa</label>
                        <input type="url" class="form-control" name="%%PREFIJODATOS%%ENLACE" id="%%PREFIJODATOS%%ENLACE"
                               value="{{ %%CONTROLADOR%%.%%PREFIJODATOS%%ENLACE }}" placeholder="Enlace de %%CONTROLADOR%%" >
                    </div>
                    <div class="form-group">
                        <label for="%%PREFIJODATOS%%EMAIL">Correo de %%CONTROLADOR%%</label>
                        <input type="email" class="form-control" name="%%PREFIJODATOS%%EMAIL" id="%%PREFIJODATOS%%EMAIL"
                               value="{{ %%CONTROLADOR%%.%%PREFIJODATOS%%EMAIL }}" placeholder="Correo de %%CONTROLADOR%%" >
                    </div>
                    <div class="form-group">
                        <label>Estado:</label>
                        <label class="col-sm-6">
                            <input type="radio" name="%%PREFIJODATOS%%ESTADO" id="%%PREFIJODATOS%%Activado" class="flat-red %%PREFIJODATOS%%ESTADORADIO" required 
                                   {% if %%CONTROLADOR%%.%%PREFIJODATOS%%ESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                                   ACTIVADO
                        </label>
                        <label class="col-sm-6">
                            <input type="radio" name="%%PREFIJODATOS%%ESTADO" id="%%PREFIJODATOS%%Desactivo" class="flat-red %%PREFIJODATOS%%ESTADORADIO" required
                                   {% if %%CONTROLADOR%%.%%PREFIJODATOS%%ESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if %%CONTROLADOR%%.%%PREFIJODATOS%%IMGMAX %}{{ %%CONTROLADOR%%.%%PREFIJODATOS%%IMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=%%ENTIDADES%%+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />
                        <div class="caption">                                      
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="%%PREFIJODATOS%%IMAGEN">Imagen</label>
                        <input accept="image/*" class="file %%PREFIJODATOS%%IMAGEN" data-show-upload="false" data-show-caption="true" 
                               type="file" id="%%PREFIJODATOS%%IMAGEN"  name='%%PREFIJODATOS%%IMAGEN' {% if not %%CONTROLADOR%% %}required{% endif %} /> 
                    </div>
                    <div class="form-group" >
                        <label for="%%PREFIJODATOS%%PDF">pdf</label>
                        <input accept="pdf" class="file %%PREFIJODATOS%%PDF" data-show-upload="false" data-show-caption="true" 
                               type="file" id="%%PREFIJODATOS%%PDF"  name='%%PREFIJODATOS%%PDF' /> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="%%PREFIJODATOS%%ID" value="{{%%CONTROLADOR%%.%%PREFIJODATOS%%ID}}" />
</form>
{% block javascript %}
<script>
    $(document).ready(function () {
        $("#frm-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "%%COMPONENTE%%", "%%ENTIDADES%%", "guardarDatos",
                    crearFormData("frm-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}"),
                    function (%%PREFIJODATOS%%) {
                        cerrarFormulario%%CONTROLADOR%%%%COMPONENTE%%{{hash_vista}}();
                        cargarVista('%%COMPONENTE%%', '%%ENTIDADES%%', 'mostrarFormularioEditar', '%%PREFIJODATOS%%ID=' + %%PREFIJODATOS%%.%%PREFIJODATOS%%ID);
                        if (typeof cargarTabla%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%% === "function") {
                            cargarTabla%%CONTROLADOR%%%%COMPONENTE%%%%SUFIJO_VISTA%%();
                        }
                    }
            );
        });
        $("#%%PREFIJODATOS%%DESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#%%PREFIJODATOS%%IMAGEN").fileinput({
            previewFileType: "image",
            maxFileSize: 512
        });
        $("#%%PREFIJODATOS%%PDF").fileinput({
            previewFileType: "pdf",
            maxFileSize: 2048
        });
        $('.%%PREFIJODATOS%%ESTADORADIO').iCheck({
            radioClass: 'iradio_flat-blue'
        });
        $('.%%PREFIJODATOS%%ESTADOCHECK').iCheck({
            checkboxClass: 'icheckbox_flat-blue'
        });
        $('#%%PREFIJODATOS%%CATEGORIA').select2();
    });
    function cerrarFormulario%%CONTROLADOR%%%%COMPONENTE%%{{hash_vista}}() {
        cerrarTabContenedor("frm-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}");
    }
</script>   
{% endblock %}
html;


    const DETALLES = <<<html

<div id="ver-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}" class="box">
    <div class="box-header with-border">
        <h3 class="box-title">Detalles de %%CONTROLADOR%%</h3>
        <div class="box-tools pull-right">
            {{ boton("cerrar", null, "cerrarDetalles%%CONTROLADOR%%%%COMPONENTE%%" ~ hash_vista ~ "()")}}
        </div>            
    </div>        
    <div class="box-body">
        <div class="row">
            <div class="col-md-12" id="">
                <dl class="dl-horizontal">
                    <dt>Categoria:</dt>
                    <dd>{{ %%CONTROLADOR%%.categoriaTITULO }}</dd>
                    <dt>Código:</dt>
                    <dd>{{ %%CONTROLADOR%%.%%PREFIJODATOS%%CODIGO }}</dd>
                </dl>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" id="">
                <h2>{{ %%CONTROLADOR%%.%%PREFIJODATOS%%TITULO }}</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6" >
                <blockquote>
                    {{ %%CONTROLADOR%%.%%PREFIJODATOS%%DESCRIPCION|raw }}
                    <small>Descripción</small>
                </blockquote>
                <div><strong>Enlace:</strong> {{ enlace( %%CONTROLADOR%%.%%PREFIJODATOS%%ENLACE, %%CONTROLADOR%%.%%PREFIJODATOS%%ENLACE ) }}</div>
                <div><strong>Correo:</strong> {{ enlace( %%CONTROLADOR%%.%%PREFIJODATOS%%EMAIL, %%CONTROLADOR%%.%%PREFIJODATOS%%EMAIL ) }}</div>
                <div class="form-group"><strong>Estado:</strong><span> {{ labelEstado(%%CONTROLADOR%%.%%PREFIJODATOS%%ESTADO) }}</span></div>
            </div>
            <div class="col-md-6" >
                <div class="thumbnail">
                    <img src="https://placeholdit.co//i/300x600?&text=Imagen" alt="Imagen"  class="img-thumbnail" style="width:100%" />
                    <div class="caption">Pie de Imagen</div>
                </div>
                <div class="form-group" >
                    <iframe src="https://placeholdit.co//i/300x600?&text=Imagen" ></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

{% block javascript %}
<script>
    $(document).ready(function () {
    });
    function cerrarDetalles%%CONTROLADOR%%%%COMPONENTE%%{{hash_vista}}() {
        cerrarTabContenedor("ver-%%COMPONENTE%%-%%CONTROLADOR%%-{{hash_vista}}");
    }
</script>   
{% endblock %}
html;




}

