<!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">
  <meta name="csrf-token" content="{{ csrf_token() }}" />



  <title>I.T.Z | @if (Session::get('dpto')==1)

                  Dirección

              @endif

              @if (Session::get('dpto')==16)

                  Gestión Tecnológica y Vinculación

              @endif

              @if (Session::get('dpto')==18)

                  Subdirección Planeación y Vinculación

              @endif

              @if (Session::get('dpto')==19)

                  Subdirección Servicios Administrativos

              @endif

              @if (Session::get('dpto')==15)

                  Subdirección Académica

              @endif</title>



  <link rel="stylesheet" type="text/css" href="{{ asset('css/nice.css?v=1.5') }}">

  <link rel="stylesheet" type="text/css" href="{{ asset('css/estiloPeti.css?v=1.5') }}">



  <link href="{{asset('css/bootstrap.min.css?v=1.5')}}" rel="stylesheet">



  <link href="{{asset('fonts/css/font-awesome.min.css')}}" rel="stylesheet">

  <link href="{{asset('css/animate.min.css')}}" rel="stylesheet">



    <!-- Custom styling plus plugins -->

  <link href="{{asset('css/custom.css')}}" rel="stylesheet">

  <link href="{{asset('css/maps/jquery-jvectormap-2.0.3.css')}}" rel="stylesheet" type="text/css" />

  <link href="{{asset('css/icheck/flat/orange.css')}}" rel="stylesheet" />

  <link href="{{asset('css/floatexamples.css')}}" rel="stylesheet" type="text/css" />



  <link href="{{ asset('css/icheck/flat/green.css') }}" rel="stylesheet">

  <link href="{{ asset('css/calendar/fullcalendar.css') }}" rel="stylesheet">

  <link href="{{ asset('css/calendar/fullcalendar.print.css') }}" rel="stylesheet" media="print">

  

  <script src="{{asset('js/jquery.min.js')}}" ></script>

  <script src="{{asset('js/nprogress.js')}}" ></script>



  <script src="{{ asset('js/progressbar/bootstrap-progressbar.min.js') }}"></script>

  <script src="{{ asset('js/nicescroll/jquery.nicescroll.min.js') }}"></script>



  <script src="{{ asset('https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js') }}"></script>



    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

  <script src="{{ asset('https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js') }}"></script>

  <!-- Latest compiled and minified JavaScript -->

  <script src="{{ asset('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js') }}" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

  <script src="{{ asset('js/app.js') }}"></script>

  <script language="javascript" type="text/javascript" src="{{ asset('http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js') }}"></script>



  <script type="text/javascript" src="{{ asset('http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/localization/messages_es.js') }}"></script>

  <script src="{{ asset('http://code.jquery.com/jquery-2.1.1.min.js') }}"></script>

  <script type="text/javascript" src="{{ asset('js/moment/moment.min.js') }}"></script>



  <script src="{{ asset('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js') }}"></script>

  <script src="{{ asset('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js') }}"></script>



  <script type="text/javascript" src="{{ asset('js/mensajes.js?v=1.5') }}"></script>

  <script type="text/javascript" src="{{ asset('js/logeo.js?v=1.5') }}"></script>



  <script src="{{ asset('js/scriptActividad.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptAlumno.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptCalendario.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptCarta.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptDependencia.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptEvaluacion.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptEventoCalendario.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptMembrete.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptPrograma.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptRenglonEvaluacion.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptReporte.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptReporteEvaluacion.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptRespuesta.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptSolicitud.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptSubirArchivo.js?v=1.5') }}"></script>

  <script src="{{ asset('js/scriptTipoArchivo.js?v=1.5') }}"></script>



  <script src="{{ asset('js/calendar/fullcalendar.min.js') }}"></script>



</head>



<body class="nav-md">

  <div id='loading' style='display: none;'>

    <div class='container-fluid' style='margin:-110px 0 0 -82px; position:absolute; top:50%; left:50%; text-align:center'></div>

    <div><img src='images/Petirrojos.jpg' class='imgPeti' style='width:70px; height:70px;' /></div>

    <div class='spinner'>

      <div class='bounce1'></div>

      <div class='bounce2'></div>

      <div class='bounce3'></div>

    </div>

  </div>

  @if (Session::has('nombre'))

        <div></div>

  @else

          <script type="text/javascript">

    $(document).ready(function() {

      $('.modal-title').text('Mensaje');

        $('.mnsj').html('Necesitas logearte.');

        $('#msjModalLogeo').modal('show');

        window.location.href="/";

    });

    </script>

  @endif

  <div class="container body">

    <div class="main_container">

      <div class="col-md-3 left_col">

        <div class="left_col scroll-view">

          <div class="navbar nav_title" style="border: 0;">

            <a href="#" class="site_title"> <span>

              <h5>

              @if (Session::get('dpto')==1)

                  <p>Dirección</p>

              @endif

              @if (Session::get('dpto')==16)

                  <p>Gestión Tecnológica y Vinculación</p>

              @endif

              @if (Session::get('dpto')==18)

                  <p>Subdirección Planeación y Vinculación</p>

              @endif

              @if (Session::get('dpto')==19)

                  <p>Subdirección Servicios Administrativos</p>

              @endif

              @if (Session::get('dpto')==15)

                  <p>Subdirección Académica</p>

              @endif

              </h5>

          </span></a>

          </div>

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

          <div class="profile">

            <div class="profile_info">

              <span>Bienvenido/a.</span>

              <h2>{{ Session::get('nombre') }}</h2>

            </div>

          </div>



          <br />

          <br>

          <br>

          <br>

          <br>

          <!-- sidebar menu -->

          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">

            <div class="menu_section">

              <h3>General</h3>

              <ul class="nav side-menu">

                @if (Session::get('dpto')==1)

                <li><a><i class="fa fa-file-pdf-o"></i> Servicio Social <span class="fa fa-chevron-down"></span></a>

                  <ul class="nav child_menu" style="display: none">

                    <li><a id="liberaciones">Cartas de Liberacion</a>

                    </li>

                  </ul>

                </li>

                @endif 

                <li><a id="principal"><i class="fa fa-arrow-circle-left"></i>Menu Principal</a>

                </li>                 

              </ul>

            </div>

          </div>

          <!-- /sidebar menu -->

        </div>

      </div>



      <!-- top navigation -->

      <div class="top_nav">

        <div class="nav_menu">

          <nav class="" role="navigation">

            <div class="nav toggle">

              <a id="menu_toggle"><i class="fa fa-bars"></i></a>

            </div>

            <ul class="nav navbar-nav navbar-right">

              <li class="">

                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

                  {{ Session::get('nombre') }}

                  <span class=" fa fa-angle-down"></span>

                </a>

                <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">

                  <!--<li><a href="javascript:;">  Información Personal</a>

                  </li>

                  <li>

                    <a href="javascript:;">

                      <span class="badge bg-red pull-right">50%</span>

                      <span>Ajustes</span>

                    </a>

                  </li>

                  <li>

                    <a href="javascript:;">Ayuda</a>

                  </li>-->

                  <li style="cursor: pointer;"><a id="cerrar-sesion" style="padding:12px 40px;"><i class="fa fa-sign-out pull-right"></i> Cerrar Sesión</a></li>

                </ul>

              </li>

            </ul>

          </nav>

        </div>

      </div>

      <!-- /top navigation -->



      <div id="page-wrapper">

        <div class="right_col" role="main">

          <div class="col-md-12 col-sm-12 col-xs-12">

            <div class="x_panel">

              <div class="x_title">

                <h2>Carta Liberación - Firmar</h2>

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

              </div>

              <div class="x_content">

                <div class="container-fluid">

                  @if (count($cartas)>0)                  

                    <div class="row encabezado">

                      <div class="col-xs col-sm-1"><p class="text-center">No.</p></div>

                      <div class="col-xs col-sm-2"><p class="text-center">Numero de control</p></div>

                      <div class="col-xs col-sm-2"><p class="text-center">Oficio</p></div>

                      <div class="col-xs col-sm-2"><p class="text-center">Nombre</p></div>

                      <div class="col-xs col-sm-5"><p class="text-center">Opciones</p></div>

                      <!-- Optional: clear the XS cols if their content doesn't match in height -->

                      <div class="clearfix visible-xs-block"></div>

                    </div>

                    @php ($numero = 0)

                    @foreach ($cartas as $c)

                      @if ($c->status_car == 2)

                        @php ($numero++)

                        <div class="row renglon" id="{{ $c->id_car }}">

                          <div class="col-xs col-sm-1 text-center" id="num{{ $numero }}">{{ $numero }}</div>

                          <div class="col-xs col-sm-2" id="nombreDiv{{ $c->id_car }}">{{ $c->ncontrol_alu }}</div>

                          <div class="col-xs col-sm-2" id="titularDiv{{ $c->id_car }}">{{ $c->numoficio_car }}</div>

                          <div class="col-xs col-sm-2" id="puestoDiv{{ $c->id_car }}">{{ $c->nombre_alu }} {{ $c->apaterno_alu }} {{ $c->amaterno_alu }}</div>

                          <div class="col-xs col-sm-5" align="center">
                            <button type="button" class="btn btnConsulta btn-turq btn-xs" data-toggle="modal" data-id1="{{$c->id_alu}}" onclick="javascript:consulta_liberacion({{$c->id_alu}});"><span class="fa fa-eye"></span> Consultar </button>
                            <button type="button" id="btnFirmaCarta" class="btn btnFirmaCarta btn-success btn-xs" onclick="javascript:firmar_liberacion({{ $c->id_car }});" ><span class="fa fa-qrcode"></span> Firmar 
                            </button>
                          </div>

                          <!-- Optional: clear the XS cols if their content doesn't match in height -->

                          <div class="clearfix visible-xs-block"></div>

                        </div>

                        

                      @endif

                    @endforeach



                    @else

                    <h4 align="center">No hay Cartas de Liberación por firmar.</h4> 

                  

                  @endif

                  

                </div>

              </div>

            </div>            

          </div>      

        </div>

      <!-- /page content -->

      </div>

    </div>



  <!-- MODAL DE MENSAJES -->

    <div class="modal fade" id="msjModalPrincipal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

      <div class="modal-dialog" role="document">

        <div class="modal-content">

          <div class="modal-header">

            <button type="button" class="close" data-dismiss="modal" aria-label="Close">

              <span aria-hidden="true">&times;</span>

            </button>

            <h4 class="modal-title" id="miModalLabel">Información</h4>

          </div>

          <div class="modal-body">

              <h5 class="mnsjPrincipal"></h5>



              <div class="modal-footer">

                <button type="button" class="btn btn-dark" data-dismiss="modal">

                  <span class='glyphicon glyphicon-remove'></span> Cerrar

                </button>

              </div>

          </div>

        </div>

      </div>

    </div>





    <!-- MODAL DE CONSULTA -->

    <div class="modal fade" id="consultaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

      <div class="modal-dialog" role="document">

        <div class="modal-content">

          <div class="modal-header">

            <button type="button" class="close" data-dismiss="modal" aria-label="Close">

              <span aria-hidden="true">&times;</span>

            </button>

            <h4 class="modal-title" id="miModalLabel">Información</h4>

          </div>

          <div class="modal-body">

            <form class="form-horizontal" role="form">

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">ID:</label>

                <div class="col-sm-10 col-xs-12">

                  <input type="text" class="form-control" id="id_show" disabled>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">Fecha:</label>

                <div class="col-sm-10 col-xs-12">

                  <input type="text" class="form-control" id="fecha_show" disabled>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">Número de Control:</label>

                <div class="col-sm-10 col-xs-12">

                  <input type="text" class="form-control" id="ncontrol_show" disabled>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">Programa:</label>

                <div class="col-md-10 col-sm-10 col-xs-12">

                  <textarea name="programa_show" class="textarea form-control" id="programa_show" cols="7" rows="2" disabled="" value=""></textarea>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">Responsable:</label>

                <div class="col-sm-10 col-xs-12">

                  <input type="text" class="form-control" id="responsable_show" disabled>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="id">Actividades:</label>

                <div class="col-md-10 col-sm-10 col-xs-12">

                  <textarea name="actividades_show" class="textarea form-control" id="actividades_show" cols="7" rows="2" disabled="" value=""></textarea>

                </div>

              </div>

              <div class="form-group">

                <label class="control-label col-sm-2" for="dependencia">Dependencia:</label>

                <div class="col-md-10 col-sm-10 col-xs-12">

                  <textarea name="nomDep_show" class="textarea form-control" id="nomDep_show" cols="7" rows="2" disabled="" value=""></textarea>

                </div>

              </div>

            </form>

              <div class="modal-footer">

                <button type="button" class="btn btn-warning" data-dismiss="modal">

                  <span class='glyphicon glyphicon-remove'></span> Cerrar

                </button>

              </div>

      </div>

    </div>

  </div>

</div>



<!-- MODAL RESPUESTA -->

    <div class="modal fade" id="respuestaModalLiberacion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

      <div class="modal-dialog" role="document">

        <div class="modal-content" style="float:left;">

          <div class="modal-header">

            <button type="button" class="close btn-modal" data-dismiss="modal" aria-label="Close">

              <span aria-hidden="true">&times;</span>

            </button>

            <h4 class="modal-title" id="miModalLabel">Carta Liberación - Firmar</h4>

          </div>

          <div class="modal-body">
            <div id="carta_liberacion">
              
            </div>              

              <div class="modal-footer">

                <button type="button" class="btn btn-modal btn-warning cerrar_modal" data-dismiss="modal">

                  <span class='glyphicon glyphicon-remove'></span> Cancelar

                </button>

              </div>
      </div>

    </div>

  </div>

</div>





  <script src="{{ asset('js/bootstrap.min.js') }}" ></script>





  <!-- chart js -->

  <script src="{{asset('js/chartjs/chart.min.js')}}"></script>

  <!-- bootstrap progress js -->

  <script src="{{asset('js/progressbar/bootstrap-progressbar.min.js')}}"></script>

  <script src="{{asset('js/nicescroll/jquery.nicescroll.min.js')}}"></script>

  <!-- icheck -->

  <script src="{{asset('js/icheck/icheck.min.js')}}"></script>

  <!-- daterangepicker -->

  <!--<script type="text/javascript" src="{{asset('js/moment.min.js')}}"></script>-->

  <script type="text/javascript" src="{{asset('js/datepicker/daterangepicker.js')}}"></script>



  <script src="{{asset('js/custom.js')}}"></script>



  <!-- flot js -->

  <!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.pie.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.orderBars.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.time.min.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/date.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.spline.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.stack.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/curvedLines.js')}}"></script>

  <script type="text/javascript" src="{{asset('js/flot/jquery.flot.resize.js')}}"></script>



</body>

        

   

</html>