<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Depto. de Planeación Programación y Presupuestación</title>
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <!-- Bootstrap -->
    <link href="{{ asset('/master/vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="{{ asset('/master/vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
    <!-- NProgress -->
    <link href="{{ asset('/master/vendors/nprogress/nprogress.css') }}" rel="stylesheet">
    <!-- iCheck -->
    <link href="{{ asset('/master/vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">
    <!-- Dropzone.js -->
    <link href="{{ asset('/master/vendors/dropzone/dist/min/dropzone.min.css') }}" rel="stylesheet">
    <!-- PNotify -->
    <link href="{{ asset('/master/vendors/pnotify/dist/pnotify.css') }}" rel="stylesheet">
    <link href="{{ asset('/master/vendors/pnotify/dist/pnotify.buttons.css') }}" rel="stylesheet">
    <link href="{{ asset('/master/vendors/pnotify/dist/pnotify.nonblock.css') }}" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="{{ asset('/master/build/css/custom.min.css') }}" rel="stylesheet">
    <!-- Mi estilo -->
    <link href="{{ asset('/docs/css/estilo.css') }}" rel="stylesheet">
    
    <!--Si hay algun problem con los iconos cambiar en la ruta solo la carpeta a font, y conseguir nuevamente el icono-->
    <link href="{{ asset('/docs/css/font_2/flaticon.css') }}" rel="stylesheet">
  </head>

  @php $persona = json_decode(session('persona')); @endphp
  <body class="nav-md">
    <div class="container body">
      <div class="main_container">

        <!-- top navigation -->
        <div class="top_nav" style="margin-left: 0px;">
            <div class="nav_menu">
                
              <nav class="nav navbar-nav" style="float: left">
                <div class="navbar-right">
                  @can('correo_elibro')
                    <!--<button class="btn btn-outline-info" onclick="elibro_menu_principal();">eLibro </button>-->
                  @endcan
                </div>
              </nav>
              <nav class="nav navbar-nav">

                <ul class=" navbar-right">
                  <li class="nav-item dropdown open" style="padding-left: 15px;">
                    <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
                      <img src="{{ asset('laravel/public/perfiles/'.$persona->imagen) }}" alt="">{{ $persona->titulo }} {{ $persona->nombre }}
                    </a>
                    <div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item"  href="/logout"><i class="fa fa-sign-out pull-right"></i> Cerrar Sesión</a>
                    </div>
                  </li>                  
                </ul>
              </nav>
            </div>
          </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main" style="margin-left: 0px;">
            <div class="page-title">
              <div class="title_left">
                <h3 id='titulo_principal'>@if($persona->sexo=='F') Bienvenida @elseif ($persona->sexo=='M') Bienvenido @else Bienvenido/a @endif <small id='subtitulo_principal'>Panel de control de acceso</small></h3>
              </div>

              <div class="title_right"></div>
            </div>

            <div class="clearfix"></div>

              <div class="" id="contenido">
                <div class="row">
                  
                  @can('acceso_poa')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center">
                                <!--<img src='images/png/003-process.png' width='60px' >-->
                                <i class="flaticon-mobile-shopping green" ></i>
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema De Control Del Programa Operativo Anual</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab;">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              @foreach ($departamentos as $d)
                                @if ($d->puesto->id<29 || $d->puesto->id>33)

                                  <li class="media event" onclick="javascript:menu_principal('{{ $d->id }}');" style="cursor: pointer;">
                                    <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                    <div class="media-body" style='margin: auto 0;'>
                                      <p><small>
                                        @if($persona->sexo=='F') {{ $d->puesto->nombre_f }} @else {{ $d->puesto->nombre_m }} @endif
                                        - {{ $d->departamento->abreviatura }}
                                      </small></p>
                                    </div>
                                  </li>  
                                @endif
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              @endforeach 
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_orden_compra')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center">
                                <!--<img src="{{ asset('docs/img/png/payment-method.png') }}" width="50px">-->
                                <div><i class="flaticon-comercio-electronico green"></i></div>
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema De Control de Ordenes de Compras</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              @foreach ($departamentos as $d)
                                

                                <li class="media event" onclick="javascript:rms_menu_principal('{{ $d->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $d->puesto->nombre_f }} @else {{ $d->puesto->nombre_m }} @endif
                                      - {{ $d->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              @endforeach 
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_examen_ingles')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center">
                                <!--<img src="{{ asset('docs/img/png/payment-method.png') }}" width="50px">-->
                                <div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de Control de Examen de Ubicación En Linea</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:examen_ngl_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_pagos')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/resume.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de Control de Pagos de Alumnos</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:pagos_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_comprobacion_gastos')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center" style="padding:12px;">
                                <img src="{{ asset('docs/img/png/payment-method.png') }}" width="50px">
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema De Comprobación de Gastos</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <li class="media event" style="cursor: pointer;">
                                <a class="pull-left border-aero profile_thumb"><i class="fa fa-user aero"></i></a>
                                <div class="media-body">
                                  <p style="margin-top:7px;"><small>DOCENTE DEL AREA DE SISTEMAS Y COMPUTACIÓN</small></p>
                                </div>
                                <span class="fa-stack" style="color:#dd4b4b; float:right; top:12px; ">
                                  <i class="fa fa-square fa-stack-2x"></i>
                                  <i class="fa fa-stack-1x fa-inverse" style="color:#fff; font-size:12px;">6</i>
                                </span>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_docs_ingreso')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center" style="padding:12px;"><img src="{{ asset('docs/img/png/resume.png') }}" width="50px"></div>
                              <div class="text-center"><label style="font-size: 15px;">Sistema De Control De Documentos de Nuevo Ingreso</label></div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <li class="media event" onclick="alert('mardar al sistema de documentos');" style="cursor: pointer;">
                                <a class="pull-left border-aero profile_thumb"><i class="fa fa-user aero"></i></a>
                                <div class="media-body">
                                  <p style="margin-top:14px;"> <small>ALUMNOS NUEVO INGRESO</small> </p>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_servicio_social')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center" style="padding:12px;"><img src="{{ asset('docs/img/png/team.png') }}" width="50px"></div>
                              <div class="text-center"><label style="font-size: 15px;">Sistema De Control Del Servicio Social</label></div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <li class="media event" style="cursor: pointer;">
                                <a class="pull-left border-aero profile_thumb"><i class="fa fa-user aero"></i></a>
                                <div class="media-body">
                                  <p style="margin-top:14px;"> <small>DEPARTAMENTO</small> </p>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_sistema_integral')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/encuestas.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema Integral - Docentes</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:pagos_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_examen_admision')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/examen.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de control de examen de nuevo ingreso</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:ingreso_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_pagina_tec')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/admin.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de Control de la Página del Instituto Tecnológico de Zitácuaro</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:itz_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_titulos')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/graduacion.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de trámite de título y cédula profesional</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:titulos_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_cursos')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/escritorio.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de gestión, control y administración  de curso, docentes y departamentos</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:cursos_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                <li class="media event" onclick="javascript:cursos_menu_principal('38');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      Jefe Académico
                                    </small></p>
                                  </div>
                                </li> 
                                <li class="media event" onclick="javascript:cursos_menu_principal('101');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      Docente
                                    </small></p>
                                  </div>
                                </li> 
                                <li class="media event" onclick="javascript:cursos_menu_principal('102');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      Subdirector Académico
                                    </small></p>
                                  </div>
                                </li>  
                                <li class="media event" onclick="javascript:cursos_menu_principal('32');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      Divisón de Estudios
                                    </small></p>
                                  </div>
                                </li>  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                  @can('acceso_depi')
                    <div class="col-md-3">
                      <div class="x_panel">
                        <div class="x_content">
                          <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_title">
                              <div class="text-center m-2">
                                <div><img src="{{ asset('docs/img/png/carrera-profesional.png') }}" width="50px"></div>
                                <!--<div><i class="fa fa-4x fa-language green" style="margin: 10px 0px;"></i></div>-->
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Sistema de control de la Página de División de Estudios de Posgrado e Investigación ITZ</label>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <?php $color = ['aero', 'green', 'dark']; $i =0; ?>
                              
                                <li class="media event" onclick="javascript:depi_menu_principal('{{ $departamentos[0]->id }}');" style="cursor: pointer;">
                                  <a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>
                                  <div class="media-body" style='margin: auto 0;'>
                                    <p><small>
                                      @if($persona->sexo=='F') {{ $departamentos[0]->puesto->nombre_f }} @else {{ $departamentos[0]->puesto->nombre_m }} @endif
                                      - {{ $departamentos[0]->departamento->abreviatura }}
                                    </small></p>
                                  </div>
                                </li>  
                                @php  $i++;  if($i>=3){ $i=0; }  @endphp  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endcan

                </div>
                
                <div class="row">
                  <!--
                  <div class="col-md-3">
                    <div class="x_panel">
                      <div class="x_content">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                          <div>
                            <div class="x_title">
                              <div class="text-center" style="padding:12px;"><img src="{{ asset('docs/img/png/graduation-hat.png') }} " width="50px"></div>
                              <div class="text-center"><label style="font-size: 15px;">Sistema De Control De Protocolos de Titulación</label></div>
                              <div class="clearfix"></div>
                            </div>
                            <ul class="list-unstyled top_profiles scroll-view" tabindex="5001" style="overflow: hidden; outline: none; cursor: -webkit-grab; ">
                              <li class="media event">
                                <a class="pull-left border-aero profile_thumb"><i class="fa fa-user aero"></i></a>
                                <div class="media-body"><p style="margin-top:14px;"> <small>DEPARTAMENTO</small> </p></div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  -->
                </div>
              </div>

          
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer style="margin-left: 0px;">
          <div class="pull-right">
            I.T. Zitácuaro 2020
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->

      </div>
    </div>

    <!-- jQuery -->
    <script src="{{ asset('/master/vendors/jquery/dist/jquery.min.js') }}"></script>
    <!-- Bootstrap -->
    <script src="{{ asset('/master/vendors/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
    <!-- FastClick -->
    <script src="{{ asset('/master/vendors/fastclick/lib/fastclick.js') }}"></script>
    <!-- NProgress -->
    <script src="{{ asset('/master/vendors/nprogress/nprogress.js') }}"></script>
    <!-- iCheck -->
    <script src="{{ asset('/master/vendors/iCheck/icheck.min.js') }}"></script>
    <!-- Dropzone.js -->
    <script src="{{ asset('/master/vendors/dropzone/dist/min/dropzone.min.js') }}"></script>
    <!-- PNotify -->
    <script src="{{ asset('/master/vendors/pnotify/dist/pnotify.js') }}"></script>
    <script src="{{ asset('/master/vendors/pnotify/dist/pnotify.buttons.js') }}"></script>
    <script src="{{ asset('/master/vendors/pnotify/dist/pnotify.nonblock.js') }}"></script>

    <!-- Custom Theme Scripts -->
    <script src="{{ asset('/master/build/js/custom.min.js') }}"></script>
    
    <!-- Funciones del sistema -->
    <script src="{{ asset('/docs/js/inicio.js?v6') }}"></script>
    <script src="{{ asset('/docs/js/genericas.js') }}"></script>
  </body>
</html>
