{% extends '::base.html.twig' %}
{% block banner %}
  <header>
    <img src="{{ asset ('bundles/ubvprincipal/images/gallery/banner.png') }}" style="width:100%; height:auto; ">
  </header>
{% endblock banner %}
{% block layout %} <div> {% endblock %}
  {% block body %}
    {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
    {% block encabezado %}
      <nav id="topbar" role="navigation" style="margin-bottom: 0;" class="navbar navbar-default navbar-static-top">
        {% block configuracion_nav_bar %}<div class="navbar-header"> {% endblock %}
          <button type="button" data-toggle="collapse" data-target=".sidebar-collapse" class="navbar-toggle">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a id="logo" href="#" class="navbar-brand">
            <!--span class="fa fa-home"></span-->
            <img src="{{ asset ('bundles/ubvprincipal/images/gallery/surubv.png') }}" alt="" class="img-responsive"/>
          </a>
        </div>
        <div class="topbar-main">
          <a id="menu-toggle" href="#" class="btn hidden-xs">
            <i class="fa fa-bars"></i>
          </a>
          <ul class="nav navbar-top-links navbar-right">
            <!--<li class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                <i class="fa fa-bell fa-fw "></i>
                <span class="badge badge-yellow">3</span>
              </a>
              <ul class="dropdown-menu dropdown-alerts animated bounceInDown">
                <li>
                  <a href="#">
                    <span class="label label-green"><i class="fa fa-tasks fa-fw"></i></span>
                    Caso Nuevo
                    <span class="pull-right text-muted small">18 minutes ago</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-blue"><i class="fa fa-comment fa-fw"></i></span>
                    Nuevo Comentario
                    <span class="pull-right text-muted small">4 minutes ago</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="text-right">Ver todas las Alertas</a>
                </li>
              </ul>
            </li>-->
            <!--<li class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                <i class="fa fa-envelope fa-fw"></i>
                <span class="badge badge-green">7</span>
              </a>
              <ul class="dropdown-menu dropdown-messages animated bounceInUp">
                <li>
                  <a href="#">
                    <span class="avatar">
                      <img src="{{ asset ('bundles/ubvprincipal/images/avatar/usuaria.png') }}" alt="" class="img-responsive img-circle"/>
                    </span>
                    <span class="info">
                      <span class="name">Jessica Spencer</span>
                      <span class="desc">Lorem ipsum dolor sit amet...</span> 
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="avatar">
                      <img src="{{ asset ('bundles/ubvprincipal/images/avatar/usuario.png') }}" alt="" class="img-responsive img-circle"/>
                    </span>
                    <span class="info">
                      <span class="name">
                        John Smith
                      </span>
                      <span class="desc">
                        Lorem ipsum dolor sit amet...
                      </span>
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">Leer Todos los Mensajes</a>
                </li>
              </ul>
            </li>-->
            <li class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                <img src="{{ asset ('bundles/ubvprincipal/images/avatar/usuario.png') }}" alt="" class="img-responsive img-circle"/>
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu dropdown-user pull-right">
                <li>
                  <div class="navbar-content">
                    <div class="row">
                      <div class="col-md-5 col-xs-5">
                        <img src="{{ asset ('bundles/ubvprincipal/images/avatar/usuario.png') }}" alt="" class="img-responsive img-circle"/>
                        <p class="text-center mtm">
                          <a href="#" class="change-avatar"><small>Cambiar Imagen</small></a>
                        </p>
                      </div>
                      <div class="col-md-7 col-xs-5">
                        <span>{{app.user}}</span>
                        <p class="text-muted small">dfsaf</p>
                        <div class="divider"></div>
                        <a href="{{path('fos_user_profile_show')}}" class="btn btn-primary btn-sm center-block">Mi Perfil</a>
                      </div>
                    </div>
                  </div>
                  <div class="navbar-footer">
                    <div class="navbar-footer-content">
                      <div class="row">
                        <div class="col-md-12">
                          <div class="col-md-8 col-md-offset-2">
                            <a href="{{ path('fos_user_security_logout') }}" class="btn btn-default btn-md btn-block">
                              Salir
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </li>
            {#<li class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                <i class="fa fa-th fa-fw"></i>
              </a>
              <ul class="dropdown-menu dropdown-messages">
                <li>
                  <div class="navbar-content">
                    <div class="col-xs-12">
                      <div class="col-xs-6 col-md-6 text-center">
                        <a href="{{path('ubicGeografica_principal')}}" class="row-icons">
                          <i class="fa fa-globe fa-fw fa-4x mtl"></i>
                        </a>
                        <strong>Ubicaci&oacute;n Geogr&aacute;fica</strong>
                      </div>
                      <div class="col-xs-6 col-md-6 text-center">
                        <a href="{{path('surubv_principal')}}">
                          <i class="glyphicon glyphicon-education fa-4x mtl"></i>
                        </a>
                        <strong>Sur@Ubv</strong>
                      </div>
                    </div>
                    <div class="col-xs-12 col-md-12">
                      <div class="col-xs-6 col-md-6 text-center">
                        <a href="{{path('autenticacion_principal')}}" class="row-icons">
                          <i class="fa fa-gears fa-fw fa-4x mtl"></i>
                        </a>
                        <strong>M&oacute;dulo de Gesti&oacute;n</strong>
                      </div>
                      <div class="col-xs-6 col-md-6 text-center">
                        <a href="{{path('ubv_principal_documentacion')}}" class="row-icons">
                          <i class="fa fa-dashboard fa-fw fa-4x mtl"></i>
                        </a>
                        <strong>Documentaci&oacute;n</strong>
                      </div>
                    </div>
                  </div>                
                </li>
                <li>
                  <a href="#">
                    <p class="text-center">Aplicaciones</p>
                  </a>
                </li>
              </ul>
            </li>#}

          </ul>
        </div>
      </nav>        
    {% endblock encabezado %}

    <!-- RELOJ Y MENU-->            
    <nav id="sidebar" role="navigation" class="navbar-default navbar-static-side">
      <div class="sidebar-collapse menu-scroll">
        <ul id="side-menu" class="nav">
          <li class="sidebar-heading"><h4>Menú Principal</h4></li>
            {% block menu %}

          {% endblock%}
        </ul>
      </div>
    </nav>
    <!--FIN RELOJ Y MENU-->
    <!--BEGIN TO TOP-->
    <a id="totop" href="#">
      <i class="fa fa-angle-up"></i>
    </a>
    <!--END BACK TO TOP-->
    <!--BEGIN PAGE WRAPPER-->
    <div id="page-wrapper">
      <!--BEGIN PAGE HEADER & BREADCRUMB-->
      <div class="page-header-breadcrumb ">
        {% block pagetitle %}
          <div class="page-heading hidden-xs">
            <h1 class="page-title">Universidad Bolivariana de Venezuela</h1>
          </div>
        {% endblock %}
        <ol class="breadcrumb page-breadcrumb">
          {% block breadcums %}
            <li>
              <i class="fa fa-home"></i>&nbsp;
              <a href="{{path('ubv_principal')}}">Inicio&nbsp;&nbsp;</a>
            </li>
          {% endblock%}
        </ol>
      </div>
      <!--END PAGE HEADER & BREADCRUMB-->

      <!--BEGIN CONTENT-->
      <div class="page-content">
        <div id="tab-general">
          {% block contenido %}
            <div class="col-md-12 row">
              <div class="panel">
                <div class="panel-body">
                  <span class="top">Bienvenidos a Sur@Ubv</span>
                </div>                    
              </div>
            </div>
          {% endblock%}
        </div>
      </div>
      <!--END CONTENT-->
    </div>
    <!--END PAGE WRAPPER--> 
    <!--BEGIN FOOTER-->
    <div class="page-footer">
      <div class="copyright text-center">
        {% block footer %}
          2015 CopyLeft Universidad Bolivariana de Venezuela - DGTIT
        {% endblock %}
      </div>
    </div>
    <!--END FOOTER-->
    {% else %}
      {{ render(controller('UBVAutenticacionBundle:Security:login')) }}
    {% endif %}
  {% endblock %}