<!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">
    <link href="{{ asset('/docs/css/nice.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="https://escolares.itzitacuaro.edu.mx/docs/images/Petirrojos.jpg" alt="">
                        {{ session('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">
                  
                  <!--<div class="col-md-3">
                    <div class="x_panel" style="min-height: 260px;">
                      <div class="x_content">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                          <div class="x_title">
                            <div class="text-center">
                              <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;">Coordinación de Lenguas Extranjeras</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:menu_principal();" 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" >
                                    <p>Examen de Ubicación</p>
                                  </div>
                                </li>  

                                <li class="media event" onclick="javascript:menu_principal();" 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" >
                                    <p>Examen de Liberación</p>
                                  </div>
                                </li>  
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>-->

                  @if (session('titulo')=="_SHOW")
                    <div class="col-md-3">
                      <div class="x_panel" style="min-height: 260px;">
                        <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' >-->
                                <img src="https://poa.zitacuaro.tecnm.mx/docs/img/png/graduacion.png" width="60px" style="margin: 7px;">
                              </div>
                              <div class="text-center">
                                <label style="font-size: 15px;">Departamento de Servicios Escolares</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="event" onclick="javascript:titulos_menu_principal({{ session('folio') }});" style="cursor: pointer;">
                                    <!--<a class="pull-left border-{{ $color[$i] }} profile_thumb"><i class="fa fa-user {{ $color[$i] }}"></i></a>-->
                                    <div class="row">
                                      <div class="col-12">
                                        <div class="progress bg-white" style="height:20px;">
                                          <div class="progress-bar bg-green" role="progressbar" style="width: {{ session('porcentaje') }}%;" aria-valuenow="{{ session('porcentaje') }}" aria-valuemin="0" aria-valuemax="100">{{ session('porcentaje') }}%</div>
                                        </div>
                                      </div>
                                    </div>
                                    
                                    <div class="media-body text-center" style="margin:5px;">
                                      <p>Trámite de Título y Cédula Profesional</p>
                                    </div>
                                  </li>  
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                  @endif
  
                </div>
                
              </div>

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

        <!-- footer content -->
        <footer style="margin-left: 0px;">
          <div class="pull-right">
            I.T. Zitácuaro 2022
          </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>
