@extends('layouts.main')
@section('title', 'Avance Compra vs Presupuesto')

@section('content')
<style>
    table{
        font-size:14px;
    } 
</style>
<div class="container">
    <div class="row justify-content-md-center" style="margin-top:10px;">
        <div class="col col-lg-6">
            <h3>Avance de Compra vs Presupuesto</h3>
        </div>
    </div>
    <div class="row" style="margin-top:20px;">
        <div class="col-6 col-sm-4"><b>N° Orden Compra: </b>{{ $data["num_oc"] }}</div>
        <div class="col-6 col-sm-6"><b>Fecha de emisión: </b>{{ $data["fecha_emision"] }}</div>

        <div class="w-100 d-none d-md-block"></div>

        <div class="col-6 col-sm-4"><b>Tipo: </b>{{ $data["tipo"] }}</div>
        <div class="col-6 col-sm-6"><b>Proveedor: </b>{{ $data["proveedor"] }}</div></div>
    </div>
</div>

<div class="container">

  <div class="row justify-content-md-center" style="margin-top:20px;">
    <div class="col col-md-12">
        <table id="tblAvance" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
                <th>C. Costo</th>
                <th>Insumo</th>
                <th>Total OC</th>
                <th>Total ppto. insumo</th>
                <th>Total compr. insumo</th>
                <th>Total compr. etapa</th>
                <th>Total ppto. etapa</th>
                <th>%OC<br>insumo</th>
                <th>%compra_insumo<br>etapa</th>
                <th>%compra_etapa</th>
            </tr>
        </thead>
        <tbody style='font-size:12px;'>
            @foreach ($data['avance'] as $avance)
            
            
            
            
            <tr>
                <td>{{ $avance->nom_centro_costo }}</td>
                <td>{{ $avance->cod_insumo . ' - '.$avance->desc_insumo }}</td>
                <td style="text-align: right;">{{ number_format($avance->total_oc,2) }}</td>
                <td style="text-align: right;">{{ number_format($avance->total_ppto_insumo,2) }}</td>
                <td style="text-align: right;">{{ number_format($avance->total_comprado_insumo,2) }}</td>
                <td style="text-align: right;">{{ number_format($avance->total_comprado_etapa,2) }}</td>
                <td style="text-align: right;">{{ number_format($avance->total_ppto_etapa,2) }}</td>
                <td style="text-align: right;">{{ number_format(($avance->total_oc/$avance->total_ppto_insumo)*100,2) }}%</td>
                <td style="text-align: right;">{{ number_format(($avance->total_comprado_insumo/$avance->total_ppto_insumo)*100,2) }}%</td>
                <td style="text-align: right;">{{ number_format(($avance->total_comprado_etapa/$avance->total_ppto_etapa)*100,2) }}%</td>
            </tr>
            @endforeach
        </tbody>
        <tfoot>
            <tr>
                <th>C. Costo</th>
                <th>Insumo</th>
                <th>Total OC</th>
                <th>Total ppto. insumo</th>
                <th>Total compr. insumo</th>
                <th>Total compr. etapa</th>
                <th>Total ppto. etapa</th>
                <th>%OC<br>insumo</th>
                <th>%compra_insumo<br>etapa</th>
                <th>%compra_etapa</th>
            </tr>
        </tfoot>
    </table>
    </div>
  </div>
</div>
<script>
    $(document).ready(function() {
        $('#tblAvance').DataTable({
            "paging":   false,
            "ordering": false,
            "info": false,
            "scrollX": true,
            "language": {
                "zeroRecords": "Datos no encontrados",
                "search": "Buscar:"
            }
        });
    } );
</script>
@endsection