@extends('layouts.admin')
@section('title','Reporte')
@section('styles')
<style type="text/css">
    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
      }
</style>
<style>
    body {
        /*position: relative;*/
        /*width: 16cm;  */
        /*height: 29.7cm; */
        /*margin: 0 auto; */
        /*color: #555555;*/
        /*background: #FFFFFF; */
        font-family: Arial, sans-serif;
        font-size: 14px;
        /*font-family: SourceSansPro;*/
    }


    #datos {
        float: left;
        margin-top: 0%;
        margin-left: 2%;
        margin-right: 2%;
        /*text-align: justify;*/
    }

    #encabezado {
        text-align: center;
        margin-left: 35%;
        margin-right: 35%;
        font-size: 15px;
    }

    #fact {
        /*position: relative;*/
        float: right;
        margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        font-size: 10px;
        background: #ffffff;
        border-style: double;
    }

    section {
        clear: left;
    }

    #cliente {
        text-align: left;
    }

    #facliente {
        width: 40%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 15px;
    }

    #fac,
    #fv,
    #fa {
        color: #FFFFFF;
        font-size: 15px;
    }

    #facliente thead {
        padding: 20px;
        background: #D2691E;
        text-align: left;
        border-bottom: 1px solid #FFFFFF;
    }

    #facvendedor {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 15px;
    }

    #facvendedor thead {
        padding: 20px;
        background: #D2691E;
        text-align: center;
        border-bottom: 1px solid #FFFFFF;
    }

    #facproducto {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 15px;
    }

    #facproducto thead {
        padding: 20px;
        background: #FFFFFF;
        text-align: center;
        border-bottom: 1px solid #FFFFFF;
    }

</style>

@endsection
@section('options')
@endsection
@section('preference')
@endsection
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <h3 class="page-title">
            Reporte
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Panel administrador</a></li>
                <li class="breadcrumb-item active" aria-current="page">Reporte</li>
            </ol>
        </nav>
    </div>
    <div class="row">
        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title">Reporte 1er Semestre</h4>
                    </div>

                    <div class="table-responsive">
                        <table id="facproducto">
                            <thead>
                                <tr style="border: 2px solid black;border-collapse: collapse;">
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="5%">COD</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="10%">MEDIDA</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="35%">ITEM</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">SALDO 2023</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">ING. I/</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">ING. II/</th>
                                    @foreach ($clients as $client)
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">{{$client->sigla}}</th>
                                    @endforeach
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">TOTAL INGRESOS</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">TOTAL SALIDAS</th>
                                    <th style="border: 2px solid black;border-collapse: collapse;" width="15%">SALDO ACTUAL</th>
                                </tr>
                            </thead>
                            <tbody >
                                @php
                                    $i = 0;
                                @endphp
                                @foreach ($products as $product)
                                @php
                                    $j = 0;
                                @endphp
                                <tr style="border: 2px solid black;border-collapse: collapse;">
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$product->codigo}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse;">{{$product->medida}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse;">{{$product->nombre}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$saldo[$i]}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$cantidad1[$i]}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$cantidad2[$i]}}</td>
                                    @foreach ($clients as $client)
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$entrega[$i][$j]}}</td>
                                    @php
                                    $j++;
                                    @endphp
                                    @endforeach
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$ingresos[$i]}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$salida[$i]}}</td>
                                    <td style="border: 2px solid black;border-collapse: collapse; text-align: center">{{$cantidad3[$i]}}</td>
                                </tr>
                                @php
                                    $i++;
                                @endphp
                                @endforeach
                            </tbody>
                        </table>
                        <a href="{{route('salida1pdf')}}" class="btn btn-primary float-right">Imprimir</a>
                         <a href="{{route('home')}}" class="btn btn-light">
                            Cancelar
                         </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection
@section('scripts')
{!! Html::script('melody/js/data-table.js') !!}
@endsection