templates/bundles/AccesoBundle/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
  5.         <meta name="viewport" content="initial-scale=1.0" />
  6.         <title>{% block title %}CSL - Gestión de Salud{% endblock %}</title>
  7.          {% block stylesheets %}
  8.         <link href="{{ asset('bootstrap/css/bootstrap.css') }}" type="text/css" rel="stylesheet" />
  9.         <link href="{{ asset('fontawesome-free/web-fonts-with-css/css/fontawesome-all.min.css') }}" type="text/css" rel="stylesheet" />
  10.         <link href="{{ asset('css/smoothness/jquery-ui-1.9.2.custom.min.css') }}" type="text/css" rel="stylesheet" />
  11.         <link href="{{ asset('calendar/fullcalendar.min.css') }}"  rel="stylesheet" />
  12.         <link href="{{ asset('calendar/fullcalendar.print.min.css') }}" rel="stylesheet" media='print' />
  14.         <style type="text/css">
  16.                 .stepwizard-step p {
  17.     margin-top: 10px;    
  18. }
  20. .stepwizard-row {
  21.     display: table-row;
  22. }
  24. .stepwizard {
  25.     display: table;     
  26.     width: 100%;
  27.     position: relative;
  28. }
  30. .stepwizard-step button[disabled] {
  31.     opacity: 1 !important;
  32.     filter: alpha(opacity=100) !important;
  33. }
  35. .stepwizard-row:before {
  36.     top: 18px;
  37.     bottom: 0;
  38.     position: absolute;
  39.     content: " ";
  40.     width: 100%;
  41.     height: 5px;
  42.     background-color: #ccc;
  43.     z-order: 0;
  44.     
  45. }
  47. .stepwizard-step {    
  48.     display: table-cell;
  49.     text-align: center;
  50.     position: relative;
  51. }
  53. .btn-circle {
  54.   width: 40px;
  55.   height: 40px;
  56.   text-align: center;
  57.   padding: 6px 0;
  58.   font-size: 12px;
  59.   line-height: 1.428571429;
  60.   border-radius: 20px;
  61. }
  62. .navbar-border{border-bottom: solid 3px #96BF0D;}
  64. .navbar-border{border-bottom: solid 3px #000000;}
  66. ul.social-network {
  67.     list-style: none;
  68.     display: inline;
  69.     margin-left:0 !important;
  70.     padding: 0;
  71. }
  72. ul.social-network li {
  73.     display: inline;
  74.     margin: 0 5px;
  75. }
  78. /* footer social icons */
  79. .social-network a.icoRss:hover {
  80.     background-color: #F56505;
  81. }
  82. .social-network a.icoFacebook:hover {
  83.     background-color:#3B5998;
  84. }
  85. .social-network a.icoTwitter:hover {
  86.     background-color:#33ccff;
  87. }
  88. .social-network a.icoGoogle:hover {
  89.     background-color:#BD3518;
  90. }
  91. .social-network a.icoVimeo:hover {
  92.     background-color:#0590B8;
  93. }
  94. .social-network a.icoLinkedin:hover {
  95.     background-color:#007bb7;
  96. }
  97. .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
  98. .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
  99.     color:#fff;
  100. }
  101. a.socialIcon:hover, .socialHoverClass {
  102.     color:#44BCDD;
  103. }
  105. .social-circle li a {
  106.     display:inline-block;
  107.     position:relative;
  108.     margin:0 auto 0 auto;
  109.     -moz-border-radius:50%;
  110.     -webkit-border-radius:50%;
  111.     border-radius:50%;
  112.     text-align:center;
  113.     width: 60px;
  114.     height: 60px;
  115.     font-size:20px;
  117. }
  118. .social-circle li i {
  119.     margin:0;
  120.     line-height:50px;
  121.     text-align: center;
  122. }
  124. .social-circle li a:hover i, .triggeredHover {
  125.     -moz-transform: rotate(360deg);
  126.     -webkit-transform: rotate(360deg);
  127.     -ms--transform: rotate(360deg);
  128.     transform: rotate(360deg);
  129.     -webkit-transition: all 0.2s;
  130.     -moz-transition: all 0.2s;
  131.     -o-transition: all 0.2s;
  132.     -ms-transition: all 0.2s;
  133.     transition: all 0.2s;
  134. }
  135. .social-circle i {
  136.     color: #fff;
  137.     -webkit-transition: all 0.8s;
  138.     -moz-transition: all 0.8s;
  139.     -o-transition: all 0.8s;
  140.     -ms-transition: all 0.8s;
  141.     transition: all 0.8s;
  142. }
  143. .redes i {
  144.     color: #96BF0D;
  145.     -webkit-transition: all 0.8s;
  146.     -moz-transition: all 0.8s;
  147.     -o-transition: all 0.8s;
  148.     -ms-transition: all 0.8s;
  149.     transition: all 0.8s;
  150.         margin-top: 10px;
  151. }
  155. .fa-number-1:before {
  156.     content: "1";
  157. }
  159. .fa-number-2:before {
  160.     content: "2";
  161. }
  163. .fa-number-3:before {
  164.     content: "3";
  165. }
  167. .fa-number-4:before {
  168.     content: "4";
  169. }
  171. .icon-background {
  172.     color: #96BF0D;
  173. }
  177. /* Modal Content (Image) */
  178. .modal-content {
  179.     margin: auto;
  180.     display: block;
  181.     width: 80%;
  182.     max-width: 700px;
  183. }
  185. .stepline{border: solid 2px #96BF0D;border-radius:10px;   vertical-align: middle;display: inline-block;}
  189. .panel.with-nav-tabs .panel-heading{
  190.     padding: 5px 5px 0 5px;
  191. }
  192. .panel.with-nav-tabs .nav-tabs{
  193.     border-bottom: none;
  194. }
  195. .panel.with-nav-tabs .nav-justified{
  196.     margin-bottom: -1px;
  197. }
  198.                 .dropdown-submenu {
  199.                     position: relative;
  200.                 }
  202.                 .dropdown-submenu>.dropdown-menu {
  203.                     top: 0;
  204.                     left: 100%;
  205.                     margin-top: -6px;
  206.                     margin-left: -1px;
  207.                     -webkit-border-radius: 0 6px 6px 6px;
  208.                     -moz-border-radius: 0 6px 6px;
  209.                     border-radius: 0 6px 6px 6px;
  210.                 }
  212.                 .dropdown-submenu:hover>.dropdown-menu {
  213.                     display: block;
  214.                 }
  216.                 .dropdown-submenu>a:after {
  217.                     display: block;
  218.                     content: " ";
  219.                     float: right;
  220.                     width: 0;
  221.                     height: 0;
  222.                     border-color: transparent;
  223.                     border-style: solid;
  224.                     border-width: 5px 0 5px 5px;
  225.                     border-left-color: #ccc;
  226.                     margin-top: 5px;
  227.                     margin-right: -10px;
  228.                 }
  230.                 .dropdown-submenu:hover>a:after {
  231.                     border-left-color: #fff;
  232.                 }
  234.                 .dropdown-submenu.pull-left {
  235.                     float: none;
  236.                 }
  238.                 .dropdown-submenu.pull-left>.dropdown-menu {
  239.                     left: -100%;
  240.                     margin-left: 10px;
  241.                     -webkit-border-radius: 6px 0 6px 6px;
  242.                     -moz-border-radius: 6px 0 6px 6px;
  243.                     border-radius: 6px 0 6px 6px;
  244.                 }
  245.                 .glyphicon-refresh-animate {
  246.                     -animation: spin .7s infinite linear;
  247.                     -ms-animation: spin .7s infinite linear;
  248.                     -webkit-animation: spinw .7s infinite linear;
  249.                     -moz-animation: spinm .7s infinite linear;
  250.                 }
  252.                 @keyframes spin {
  253.                     from { transform: scale(1) rotate(0deg);}
  254.                 to { transform: scale(1) rotate(360deg);}
  255.                 }
  257.                 @-webkit-keyframes spinw {
  258.                     from { -webkit-transform: rotate(0deg);}
  259.                 to { -webkit-transform: rotate(360deg);}
  260.                 }
  262.                 @-moz-keyframes spinm {
  263.                     from { -moz-transform: rotate(0deg);}
  264.                 to { -moz-transform: rotate(360deg);}
  265.                 }
  266.                 @media (min-width: 30em) {
  267.   html {
  268.     font-size: 125%;
  269.   }
  270. }
  272. @media (min-width: 40em) {
  273.   html {
  274.     font-size: 150%;
  275.   }
  276. }
  278. @media (min-width: 50em) {
  279.   html {
  280.     font-size: 175%;
  281.   }
  282. }
  284. @media (min-width: 60em) {
  285.   html {
  286.     font-size: 200%;
  287.   }
  288. }
  290. .ui-datepicker {
  291.     width: 17em;
  292.     margin-top: -180px;
  293. }
  294.             </style>
  295.         {% endblock %}
  296. {% block javascripts %}
  297.              <link rel="shortcut icon" href="{{ asset('favicon.png') }}" />
  298.             <script src="{{ asset('calendar/lib/moment.min.js') }}"></script>
  299.             <script src="{{ asset('js/jquery-3.3.1.js') }}"></script>
  300.             <script src="{{ asset('calendar/fullcalendar.js') }}"></script>
  301.             <script src="{{ asset('calendar/locale-all.js') }}"></script>
  302.             <script src="{{ asset('bootstrap/js/bootstrap.js') }}"></script>
  303.             <script src="{{ asset('js/jquery-ui-1.9.2.custom.min.js') }}"></script>
  304.             <script src="{{ asset('js/jquery.number.min.js') }}"></script>
  305.             <script src="{{ asset('js/autonumeric/autoNumeric.js') }}"></script>
  306.             <script src="{{ asset('js/jquery.currency.js') }}"></script>
  307.             <script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
  310.  {% endblock %}         
  313.         </head>
  314.         <body>
  315.             <div class="container-fluid" style="margin: 1%">
  316.                       {% block navigation %}
  317.                     <nav class="navbar navbar-default" style="margin-bottom:0px">
  318.                         <div class="container-fluid" style="margin-bottom:0px" >
  319.                             <!-- Brand and toggle get grouped for better mobile display -->
  320.                             <div class="navbar-header" style="margin-top:0px">
  321.                                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  322.                                     <span class="sr-only">Toggle navigation</span>
  323.                                     <span class="icon-bar"></span>
  324.                                     <span class="icon-bar"></span>
  325.                                     <span class="icon-bar"></span>
  326.                                 </button>
  327.                                 <div class="navbar-brand" style="margin-top:-15px" >
  328.                                     <div class="hidden-xs hidden-sm">
  329.                                         <a href="{{ path('home') }}">     
  330.                                             <i class="fa fa-medkit fa-8x" style="font-size:50px;color:#822890;">   </i>
  331.                                         </a>
  332.                   
  333.                                     </div>
  334.                                              <div class="visible-sm">
  335.                                    
  336.                                                   <a href="{{ path('home') }}">    
  337.                                                       <i class="fa fa-medkit fa-8x" style="font-size:50px;color:#822890;">    </i></a>
  338.                 
  339.                                     </div>
  340.                                          <div class="visible-xs">
  341.                                    
  342.                                     <a href="{{ path('home') }}">  
  343.                                         <i class="fa fa-medkit fa-8x" style="font-size:50px;color:#822890;">    </i>
  344.                                     </a>
  345.                    
  346.                                     </div>
  347.                                         </div>
  348.                                     
  350.                                 <br>
  351.                             </div>
  353.                             <!-- Collect the nav links, forms, and other content for toggling -->
  354.                             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  355.                                 <ul class="nav navbar-nav">
  356.                                      {% if is_granted('ROLE_ADMINISTRADOR') or  is_granted('ROLE_ADMINISTRACION') %}
  357.                                      <li class="dropdown">
  358.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fas fa-users fa-2x "></i>  <strong> Clientes </strong> <span class="caret"></span></a>
  359.                                         <ul class="dropdown-menu">
  360.                                             <li><a href="{{ path('clientes') }}">Clientes Registrados</a></li>
  361.                                             <li role="separator" class="divider"></li>
  362.                                             <li><a href="{{ path('clientes_new') }}">Crear Cliente</a></li>
  363.                                   
  364.                                         </ul>
  365.                                     </li>
  366.                                        {% endif %}
  367.                                 
  368.                                         {% if is_granted('ROLE_ADMINISTRADOR') or  is_granted('ROLE_MEDICO') %}
  369.                                     <li class="dropdown">
  370.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fas fa-file-alt  fa-2x "></i>  <strong> Órdenes</strong>  <span class="caret"></span></a>
  371.                                         <ul class="dropdown-menu">
  372.                                             <li><a href="{{ path('ordenes_index', {currentPage:1}) }}">Ordenes de Servicio</a></li>
  373.                                              <li role="separator" class="divider"></li>
  374.                                                 <li><a href="{{ path('ordenes_consultareventos') }}">Consultar Órdenes por Afiliado</a></li>
  375.                                               <li role="separator" class="divider"></li>
  376.                                             <li><a href="{{ path('ordenes_new') }}">Crear Orden</a></li>
  377.                                               <li role="separator" class="divider"></li>
  378.                                             <li><a href="{{ path('ordenes_misordenes') }}">Mis Ordenes</a></li>
  379.                                             <li role="separator" class="divider"></li>
  380.                                             <li><a href="{{ path('ordenes_calendariovista') }}">Calendario</a></li>
  382.                                         </ul>
  383.                                     </li>
  384.                                        {% endif %}
  385.                                          {% if is_granted('ROLE_ANALISTA') %}
  386.                                                    <li class="dropdown">
  387.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fas fa-address-book  fa-2x "></i>  <strong> Órdenes</strong>  <span class="caret"></span></a>
  388.                                         <ul class="dropdown-menu">
  389.                                                 <li><a href="{{ path('ordenes_consultareventos') }}">Consultar Órdenes por Afiliado</a></li>
  390.                                         </ul>
  391.                                     </li>
  392.                                          {% endif %}
  393.                                            {% if is_granted('ROLE_PROVEEDOR') %}
  394.                                     <li class="dropdown">
  395.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fas fa-address-book  fa-2x "></i>  <strong> Órdenes</strong>  <span class="caret"></span></a>
  396.                                         <ul class="dropdown-menu">
  397.                                             <li><a href="{{ path('ordenes_index', {currentPage:1}) }}">Órdenes de Servicio</a></li>
  398.                                             <li role="separator" class="divider"></li>
  399.                                             <li><a href="{{ path('ordenes_calendariovista') }}">Calendario</a></li>
  400.                                         </ul>
  401.                                     </li>
  402.                                        {% endif %}
  405.                                    
  407.               {% if is_granted('ROLE_ADMINISTRADOR')  or  is_granted('ROLE_ADMINISTRACION') %}
  408.                                     <li class="dropdown">
  409.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fas fa-cogs fa-2x "></i> <strong> Mantenimiento</strong>  <span class="caret"></span></a>
  410.                                         <ul class="dropdown-menu">
  411.                                             <li><a href="{{ path('parametros') }}">Parámetros </a></li>
  412.                                             <li role="separator" class="divider"></li>
  413.                                               <li><a href="{{ path('motivosconsulta_index') }}">Motivos </a></li>
  414.                                             <li role="separator" class="divider"></li>
  415.                                             <li><a href="{{ path('tiposervicios_index') }}">Servicios </a></li>
  416.                                             <li role="separator" class="divider"></li>
  417.                                             <li><a href="{{ path('planes_index') }}">Planes </a></li>
  418.                                             <li role="separator" class="divider"></li>
  419.                                             <li><a href="{{ path('planesservicios_index') }}">Planes Servicios </a></li>
  420.                                             <li role="separator" class="divider"></li>
  421.                                             <li><a href="{{ path('planesserviciostarifas_index') }}">Tarifas </a></li>
  422.                                             <li role="separator" class="divider"></li>
  423.                           
  424.                                             <li><a href="{{ path('bancos_index') }}">Bancos </a></li>
  425.                                             <li role="separator" class="divider"></li>
  426.                                             <li><a href="{{ path('cuentas_index') }}">Cuentas </a></li>
  427.                                             <li role="separator" class="divider"></li>
  428.                                              <li><a href="{{ path('patologias_index') }}">Diagnósticos </a></li>
  429.                                             <li role="separator" class="divider"></li>
  430.                                             <li><a href="{{ path('baremosproveedores_index') }}">Baremos Proveedores </a></li>
  431.                                             <li role="separator" class="divider"></li>
  432.                                              <li><a href="{{ path('unidades_index') }}">Unidades</a></li>
  433.                                             <li role="separator" class="divider"></li>
  434.                                              <li><a href="{{ path('usuarios') }}">Usuarios Registrados</a></li>
  435.                                            
  436.                                             </ul>
  437.                                         </li>
  438.         {% endif %}
  439.         {% if is_granted('ROLE_ADMINISTRADOR') or  is_granted('ROLE_ADMINISTRACION') %}
  440.                                         <li class="dropdown">
  441.                                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fa fa-money-bill-alt fa-2x"></i><strong>   Administración</strong>  <span class="caret"></span></a>
  442.                                             <ul class="dropdown-menu">
  443.                                                 <li><a href="{{ path('contratos_index') }}">Contratos</a></li>
  444.                                                 <li role="separator" class="divider"></li>
  445.                                                 <li><a href="{{ path('recibos_index') }}">Recibos</a></li>
  446.                                               <li role="separator" class="divider"></li>
  447.                                                 <li><a href="{{ path('ingresos_index') }}">Ingresos</a></li>
  448.                                                 <li role="separator" class="divider"></li>
  449.                                                   <li><a href="{{ path('proveedores_index') }}">Proveedores</a></li>
  450.                                                 <li role="separator" class="divider"></li>
  452.                                    
  453.                                              <li><a href="{{ path('tasascambio_index') }}">Tasas de cambio</a></li>
  455.                                                 </ul>
  456.                                             </li>
  457.         {% endif %}
  458.         {% if is_granted('ROLE_ADMINISTRADOR')  or  is_granted('ROLE_MEDICO') or  is_granted('ROLE_ADMINISTRACION')%}
  459.                                             <li class="dropdown">
  460.                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fa fa-file-pdf fa-2x"></i><strong>   Reportes</strong>  <span class="caret"></span></a>
  461.                                              <ul class="dropdown-menu">
  462.                                             <li><a href="{{ path('afiliados_index', {currentPage:1}) }}">Cartera de Afiliados</a></li>
  463.                                              <li role="separator" class="divider"></li>
  464.                                                     <li><a href="{{ path('ordenes_pendientes', {currentPage:1}) }}">Órdenes Pendientes Por Conciliar</a></li>
  465.                                              <li role="separator" class="divider"></li>
  466.                                                     <li><a href="{{ path('ordenes_resumen', {currentPage:1}) }}">Resumen de Órdenes</a></li>
  467.                                              </ul>
  468.                                             </li>
  469.         {% endif %}
  470.                                         </ul>
  471. {% if is_granted('ROLE_ADMINISTRADOR') or  is_granted('ROLE_ADMINISTRACION') or  is_granted('ROLE_MEDICO') or  is_granted('ROLE_AFILIADO') or  is_granted('ROLE_PROVEEDOR') or is_granted('ROLE_ANALISTA') %}
  472.                                         <ul class="nav navbar-nav navbar-right">
  473.                                             <li class="dropdown">
  474.                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i style="color: #822890" class="fa fa-user-md fa-2x "></i>  <strong> Mi cuenta </strong> <span class="caret"></span></a>
  475.                                                 <ul class="dropdown-menu">
  476.                                                     <li><a href="{{ path('usuarios_micuenta') }}">Mi cuenta</a></li>
  477.                                                     <li role="separator" class="divider"></li>
  478.                                                     <li><a href="{{ path('cambioclave') }}">Cambio de contraseña</a></li>
  479.                                                     <li role="separator" class="divider"></li>
  480.                                                     <li><a href="{{ path('bufete_acceso_logout') }}">Salir</a></li>
  481.                                                 </ul>
  482.                                             </li>
  483.                                         </ul>
  484.                                     {% endif %}
  485.                                     </div><!-- /.navbar-collapse -->
  486.                                 </div><!-- /.container-fluid -->
  487.                             </nav>
  488.                             <div class="text-right" style="margin-top:0px"> <i style="color: #822890" class="glyphicon glyphicon-user"></i> {{app.session.get('username')}}</div>
  489.                                     {% for flash_message in app.session.flashbag.get('warning') %}
  490.     <div class="alert alert-warning text-center">
  491.         <strong>  {{ flash_message }} <i class="glyphicon glyphicon-warning-sign fa-1x"></i></strong> 
  492.     </div>
  493. {% endfor %}  
  494.                                        {% for flash_message in app.session.flashbag.get('success') %}
  495.     <div class="alert alert-success text-center">
  496.         <strong>  {{ flash_message }} </strong> 
  497.     </div>
  498. {% endfor %}                          
  499.  {% endblock %}
  501. {% block body %}
  503. {% endblock %}
  504.                         </div>
  505.                     </body>
  506.                 </html>