@extends('layouts.extranet')

@section('css')
<link rel="stylesheet" href="{{asset('vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('vendor/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('vendor/jquery-confirm2/dist/jquery-confirm.min.css')}}">
@endsection

@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="card">
      <div class="card-header">
        <!-- <h4 class="card-title">DataTables.net</h4> -->
        <div class="container-fluid my-1">
    <div class="row">
      <div class="col-md-3 form-group">
        <label for="estado">Estado</label>
        <select class="form-control" id="estado" name="estado">
          <option value="">Todo</option>
          <option value="0" selected="selected">Pendientes</option>
          <option value="1">En Tramite</option>
          <option value="2">Rechazado</option>
        </select>
      </div>
      <div class="col-md-3 form-group">
        <label for="tipo_expediente">Tipo Expediente</label>
        <select class="form-control" id="tipo_expediente" name="tipo_expediente">
          <option value="">Todo</option>
          <option value="1">Tupa</option>
          <option value="2">No Tupa</option>
          <option value="3">Otros</option>
        </select>
      </div>
      <div class="col-md-3 form-group">
        <label for="proceso">Proceso</label>
        <select class="form-control" id="proceso" name="proceso">
          <option value="">Todo</option>
          @foreach($proceso as $value)
          <option value="{{$value->id}}" tipo="{{$value->tipo}}" class="procesos">{{$value->nombre}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-3 form-group">
        <label for="anio">Proceso</label>
        <select class="form-control" id="anio" name="anio">
          <option value="">Todo</option>
          @foreach($list_anio as $value)
          <option value="{{$value->anio}}" {{ $value->anio == date('Y') ? 'selected' : '' }}>{{$value->anio}}</option>
          @endforeach
        </select>
      </div>
    </div>
  </div>
      </div>
      <div class="card-body">
        <table class="table table-hover table-bordered dt-responsive" id="table-data" width="100%" cellspacing="0">
          <thead>
            <tr>
              <th>Opciones</th>
              <th>Código Solicitud</th>
              <th>Tipo Expe.</th>
              <th>Proceso</th>
              <th>Asunto</th>
              <th>Entidad</th>
              <th>Fecha Registro</th>
              <th>Estado</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
    </div>
  </div> 
</div>        
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('vendor/jquery-confirm2/dist/jquery-confirm.min.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.js"></script>
<script type="text/javascript" src="{{asset('vendor/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
<!-- <script type="text/javascript" src="{{asset('vendor/jquery-validation/dist/jquery.validate.min.js')}}"></script> -->
<!-- <script type="text/javascript" src="{{asset('js/loader.js')}}"></script> -->
<script type="text/javascript" src="{{asset('js/extranet/mesa/index.js')}}"></script>
@endsection