
<div id="ver-Usuarios-Roles-{{hash_vista}}" class="box">
    <div class="box-header with-border">
        <h3 class="box-title">Detalles de Roles</h3>
        <div class="box-tools pull-right">
            {{ boton("cerrar", null, "cerrarDetallesRolesUsuarios" ~ 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>{{ Roles.categoriaTITULO }}</dd>
                    <dt>Código:</dt>
                    <dd>{{ Roles.rolCODIGO }}</dd>
                </dl>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" id="">
                <h2>{{ Roles.rolTITULO }}</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6" >
                <blockquote>
                    {{ Roles.rolDESCRIPCION|raw }}
                    <small>Descripción</small>
                </blockquote>
                <div><strong>Enlace:</strong> {{ enlace( Roles.rolENLACE, Roles.rolENLACE ) }}</div>
                <div><strong>Correo:</strong> {{ enlace( Roles.rolEMAIL, Roles.rolEMAIL ) }}</div>
                <div class="form-group"><strong>Estado:</strong><span> {{ labelEstado(Roles.rolESTADO) }}</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 cerrarDetallesRolesUsuarios{{hash_vista}}() {
        cerrarTabContenedor("ver-Usuarios-Roles-{{hash_vista}}");
    }
</script>   
{% endblock %}

