@extends('layouts.app')

@section('content')
<style>
.modal-dialog{
    margin-top: 2%;
}

.modal-lg, .modal-xl {
    max-width: 1200px;
}

.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" type="button" data-toggle="modal" data-target="#staticBackdrop" title="Generar Reporte">
                <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-printer-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 1a2 2 0 0 0-2 2v1h10V3a2 2 0 0 0-2-2H5z"/>
  <path fill-rule="evenodd" d="M11 9H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z"/>
  <path fill-rule="evenodd" d="M0 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1v-2a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2H2a2 2 0 0 1-2-2V7zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
</svg></button>
                </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>
                <th class=""></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>
                <th class=""></th>

            @endif
            </tr>
            </thead>
            <tbody>

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

@if($tipoModulo == 'G')
@include('modals/pt-model')
@include('modals/reporte-model-gastos')
<script src="{{ asset('js/pt-gastos.js') }}"></script>
@endif
@if($tipoModulo == 'I')
@include('modals/pt-model-ing')
@include('modals/reporte-model-ing')
<script src="{{ asset('js/pt-ingresos.js') }}"></script>
@endif
@endsection