@extends('layouts.app')
@section('content')
<style>
    .modal-dialog{
    margin-top: 4%;
}
button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}
</style>
<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="form-group row">
        <div class="col-12 btn-right">
            <button type="button" class="btn btn-primary" title="Cargar archivos" onClick="nuevoArchivo()">
            <svg class="bi bi-box-arrow-in-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" d="M4.646 7.854a.5.5 0 0 0 .708 0L8 5.207l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
            <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-1 0v9a.5.5 0 0 0 .5.5z"/>
            <path fill-rule="evenodd" d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v8A1.5 1.5 0 0 1 13 12h-1.5a.5.5 0 0 1 0-1H13a.5.5 0 0 0 .5-.5v-8A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 1 0 1H3a1.5 1.5 0 0 1-1.5-1.5v-8z"/>
            </svg>
            </button>
        </div>
    </div>
    <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 Carga</th>
                <th class="th-botton"></th>
                <th class="th-botton"></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@include('modals.archivo-model')
<script src="{{ asset('js/carga-archivo.js') }}"></script>
@endsection