@extends('layouts.app')

@section('content')
<style>

.custom-control-inline {
    margin-right: 0.5rem;
}
.custom-control {
    padding-left: 2.5rem;
}

.table .thead-principal th {
    padding-left: 5px;
}
.filter-right{
    text-align: right;

}
.dt-center{
    text-align: right !important;
    padding-right: 25px !important;

}
</style>
<input type="hidden" value="{{ $file }}" id="siaf_id" name="siaf_id">
<input type="hidden" value="{{ $tipoModulo }}" id="tipoModulo" name="tipoModulo">
<div class="container">
    <div class="form-group row">
        <label for="entidad" class="col-sm-12 col-lg-1 col-form-label text-blue" ><b>Entidad:</b></label>
        <div class="col-sm-12 col-lg-3">
            <input type="text"  class="form-control" value="{{ $fileSiaf->ent_abrev }}" disabled="disabled">
        </div>
    </div>
    <div class="form-group row">
        <label for="staticEmail" class="col-sm-12 col-lg-1 col-form-label" ><b class="text-blue">Muestra</b></label>
                <div class="col-sm-12 col-lg-5">
                    <input type="text" class="form-control" value="{{ $fileSiaf->siaf_descripcion }}" disabled="disabled">
                </div>

                <div class="col-sm-1">
                </div>
                <label for="staticEmail" class="col-sm-12 col-lg-2 col-form-label" style="text-align:right;"><b class="text-blue">Fecha Muestra</b></label>
                <div class="col-sm-12 col-lg-2">
                    <input type="text" class="form-control" value="{{ $fileSiaf->siaf_fecha_muestra }}" disabled="disabled">
                </div>
                <div class="col-1 btn-right">
                <button class="btn btn-info exporta" title="Exportar Muestra" onClick="exportaMuestra()">
                <svg class="bi bi-cloud-download" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path d="M4.887 5.2l-.964-.165A2.5 2.5 0 1 0 3.5 10H6v1H3.5a3.5 3.5 0 1 1 .59-6.95 5.002 5.002 0 1 1 9.804 1.98A2.501 2.501 0 0 1 13.5 11H10v-1h3.5a1.5 1.5 0 0 0 .237-2.981L12.7 6.854l.216-1.028a4 4 0 1 0-7.843-1.587l-.185.96z"/>
                <path fill-rule="evenodd" d="M5 12.5a.5.5 0 0 1 .707 0L8 14.793l2.293-2.293a.5.5 0 1 1 .707.707l-2.646 2.646a.5.5 0 0 1-.708 0L5 13.207a.5.5 0 0 1 0-.707z"/>
                <path fill-rule="evenodd" d="M8 6a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 6z"/>
                </svg></button>
                <a href="{{ route('descarga.muestra', $fileSiaf->siaf_id) }}" download style="display:none" id="descargaexcel">descarga</a>
                </div>
    </div>
    <hr>

    <div class="row">
    <div class="table-responsive">
        <table class="table table-striped table-hover table-sm" id="tabla">
            <thead class="thead-principal">
                <tr>
                @if($tipoModulo == 'G')
                <th class="filter">Fuente</th>
                <th class="filter">Nombre</th>
                <th class="filter">N° C/P</th>
                <th class="filter">Fecha</th>
                <th class="filter">Siaf N°</th>
                <th class="filter">Clasificador del gasto</th>
                <th class="filter">Ruc</th>
                <th class="filter">Raz&oacute;n Social</th>
                <th class="filter">cod_doc_b</th>
                <th class="filter">num_doc_b</th>
                <th class="filter">fecha_doc_b</th>
                <th class="filter">prg</th>
                <th class="filter">prod_pry</th>
                <th class="filter">act_ai_obra</th>
                <th class="filter">meta</th>
                <th class="filter">Sec. Funcional</th>
                <th class="filter filter-right" >Total Muestra S/.</th>
                @endif
                @if($tipoModulo == 'I')
                <th class="filter">Fuente</th>
                <th class="filter">N° R/I</th>
                <th class="filter">Fecha</th>
                <th class="filter">Siaf N°</th>
                <th class="filter">Clasif del ingresos</th>
                <th class="filter">Sec. Funcional</th>
                <th class="filter filter-right">Importe</th>
                @endif
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
</div>

@if($tipoModulo == 'G')
<script src="{{ asset('js/revision_muestra.js') }}"></script>
@endif

@if($tipoModulo == 'I')
<script src="{{ asset('js/revision_muestra_ing.js') }}"></script>
@endif
@endsection