@extends('layouts.template_pdf')
@section('content')
<div class="content-header-sales">
    <div class="clearfix">
        <div class="float-left">
            <table id="sales-doc" class="table-sm" width="40%">
                <tbody>
                    <tr class="text-center font-weight-bold">
                        <td scope="col">R.U.C</td>
                        <td scope="col">{{ $ruc_company }}</td>
                    </tr>
                    <tr class="text-center font-weight-bold">
                        <td scope="col" colspan="2">
                            FACTURA
                            <br />
                            NO. {{ $number_doc }}
                        </td>
                    </tr>
                    <tr class="text-center font-weight-bold">
                        <td scope="col">AUT. SRI</td>
                        <td scope="col">{{ $number_aut }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="float-right">
            <img src="img/logo-company.png" width="28%" >
        </div>
    </div>
</div>
<hr />
<div class="content-client-sales">
    <div class="clearfix">
        <div class="float-left" style="max-width: 30%">
            <table class="table table-sm table-borderless">
                <tr class="text-left">
                    <td class="font-weight-bold">R.U.C / CI</td>
                    <td>{{ $ruc }}</td>
                </tr>
                <tr class="text-left">
                    <td class="font-weight-bold text-break">Sr (es)</td>
                    <td>{{ $client }}</td>
                </tr>
            </table>
        </div>
        <div class="float-right" style="max-width: 30%">
            <table class="table table-sm table-borderless">
                <tr class="text-left">
                    <td class="font-weight-bold text-break">Forma pago</td>
                    <td class="align-middle">{{ $form_payment }} / {{ $type_payment }}</td>
                </tr>
                <tr class="text-left">
                    <td class="font-weight-bold text-break">Fecha emisión</td>
                    <td class="align-middle">{{ $created_at }}</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="font-table">
    <table class="table table-sm table-bordered">
        <thead>
            <tr class="text-center">
                <th scope="col">#</th>
                <th scope="col">DESCRIPCIÓN</th>
                <th scope="col">CANT.</th>
                <th scope="col">P. UNITARIO</th>
                <th scope="col">V. TOTAL</th>
            </tr>
        </thead>
        <tbody>
            <!-- Start foreach -->
            @foreach($items as $k => $v)
            <tr class="text-center">
                <td class="align-middle">{{ $k + 1 }}</td>
                <td class="text-justify text-break">{{ $v['product']['nombre'] }}</td>
                <td class="align-middle">{{ $v['cantidad'] }}</td>
                <td class="align-middle text-right">$ {{ $v['costo_unitario'] }}</td>
                <td class="align-middle text-right">$ {{ $v['costo_total'] }}</td>
            </tr>
            @endforeach
            <!-- End foreach -->
            <tr class="text-right font-weight-bold">
                <td class="text-left" rowspan="3" colspan="3">
                    <b>Notas: </b>
                    <p class="font-weight-normal">
                    </p> 
                </td>
                <td class="align-middle">Subtotal</td>
                <td class="align-middle">$ {{ $subtotal }}</td>
            </tr>
            <tr class="text-right font-weight-bold">
                <td class="align-middle">Iva 12%</td>
                <td class="align-middle">$ {{ $iva }}</td>
            </tr>
            <tr class="text-right font-weight-bold">
                <td class="align-middle">Total</td>
                <td class="align-middle">$ {{ $total }}</td>
            </tr>
        </tbody>
    </table>
</div>
@endsection