@extends('layouts.app')

@section('content')
<style>
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.5em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.modal-dialog{
    margin-top: 2%;
}
</style>
<input type="hidden" name="tipoModulo" id="tipoModulo" value="{{ $tipoModulo }}">
<div class="modal fade" tabindex="-1" role="dialog" id="loading">
    <div class="modal-dialog modal-dialog-centered justify-content-center" role="document">
        <div class="spinner-border" style="width: 10rem; height: 10rem;" role="status">
        <span class="sr-only">Loading...</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="form-group row">
        <label for="staticEmail" class="col-sm-1 col-form-label"><b class="text-blue">Entidad</b></label>
        <div class="col-sm-3">
            <select name="entidad_maestro" id="entidad_maestro" class="form-control">
                <option value="0000">Seleccione</option>
                @foreach($entidad as $enti)
                    <option value="{{ $enti->ent_id }}" @if(session('enti') == $enti->ent_id) selected='selected' @endif> {{ $enti->ent_abrev }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <hr>
    <div class="row sub-titulo">
        <h5>Informes Importados</h5>
    </div>
    <br>
    <div class="row">
    <div class="table-responsive">
        <table class="table table-striped table-hover table-sm" id="tabla">
            <thead class="thead-principal">
                <tr>
                <th>Periodo</th>
                <th>Descripci&oacute;n</th>
                <th>Fecha</th>
                <th>Fecha Muestra</th>
                <th class="th-botton"></th>
                <th class="th-botton"></th>
                <th class="th-botton"></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
</div>
@include('modals/poblacion-model')
<script src="{{ asset('js/generacion-muestra.js') }}"></script>
@endsection