@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')}}">
<link rel="stylesheet" href="{{asset('vendor/monkeymonk-jquery.loader/jquery.loader.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-4 form-group">
        <label for="estado">Estado</label>
        <select class="form-control" id="estado" name="estado">
          <option value="">Todo</option>
          <option value="0">Pendientes</option>
          <option value="1">Recibidos</option>
          <option value="2">Derivados</option>
          <option value="3">Rechazado</option>
          <option value="4">Finalizados</option>
          <option value="5">Archivados</option>
        </select>
      </div>
      <div class="col-md-4 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-4 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>
  </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 Expediente</th>
              <th>Estado</th>
              <th>Tipo Expe.</th>
              <th>Proceso</th>
              <th>Asunto</th>
              <th>Observación</th>
              <th>Enviado a</th>
              <th>Responsable</th>
              <th>Fecha Registro</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('vendor/monkeymonk-jquery.loader/jquery.loader.js')}}"></script>
<script type="text/javascript" src="{{asset('js/extranet/tramite/index.js')}}"></script>
@endsection