@extends('layouts.template.landing')
@section('content')
  <!-- Content Wrapper. Contains page content -->
    <!-- Content Header (Page header) -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Consultar Datos</h1>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <div class="content">
      <div class="container">
        <div class="row">
                <div class="col-lg-12">
                    <div class="card card-info">
                      <div class="card-header">
                        <h3 class="card-title">Buscar SIGD</h3>
                      </div>
                      <!-- /.card-header -->
                      <!-- form start -->
                      <form class="form-horizontal" id="quickForm">
                        <div class="card-body">
                            <div class="form-group row">
                                <label for="documento" class="col-sm-2 col-form-label">N. documento<span class="badge badge-info">Required</span></label>
                                <div class="input-group" style="width: 407px;">
                                  <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="ion ion-ios-contact"></i></span>
                                  </div>
                                  <input type="number" required="required" class="form-control" id="documento" name="documento" autofocus="autofocus" placeholder="Dígite su número de documento">
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
                         <button type="submit" id ="buscarSigd" class="btn btn-info">Buscar</button>
                        </div>
                        <!-- /.card-footer -->
                      </form>
                    </div>
                </div>
                <div class="card col-md-12">
                  <div class="card-header">
                    <h3 class="card-title"><strong>Tabla Datos</strong></h3>
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body">
                    <table id="tabladatos" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th><strong>Número de Expediente</strong></th>
                                <th><strong>Nombre</strong></th>
                                <th><strong>Cargo</strong></th>
                                <th><strong>Entidad</strong></th>
                                <th><strong>Descripción</strong></th>
                                <th><strong>Desición</strong></th>
                                <th><strong>Archivo</strong></th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th><strong>Número de Expediente</strong></th>
                                <th><strong>Nombre</strong></th>
                                <th><strong>Cargo</strong></th>
                                <th><strong>Entidad</strong></th>
                                <th><strong>Descripción</strong></th>
                                <th><strong>Desición</strong></th>
                                <th><strong>Archivo</strong></th>
                            </tr>
                            </tfoot>
                    </table>
                  </div>
                </div>
            </div>
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
@endsection