@extends('layouts.app')

@section('content')

<div class="data-table-area">
    <div class="container">
        <div class="row" id="ListadoCotizaciones">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="data-table-list">
                    <div class="basic-tb-hd">
                        <h2>Listado de Facturas procesadas</h2>
                        <p>Listado de todas las facturas procesadas por caja.</p>
                    </div>
                    <div class="table-responsive">  
                        <div id="data-table-basic_wrapper" class="dataTables_wrapper">
                            <table id="data-table-basic" class="table table-striped dataTable" role="grid" aria-describedby="data-table-basic_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_desc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="descending" style="width: 12%;">Factura #</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 12%;">Orden #</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 10%;">Fecha</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 15%;">Cliente</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 16%;">Vendedor</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 10%;">Estado</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 15%;">Total</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 9%;"> </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($invoices AS $val)
                                        <tr role="row" class="odd">
                                            <td>{{ str_pad($val->factura, 10, 'FAC-0000000', STR_PAD_LEFT) }}</td>
                                            <td>{{ str_pad($val->orden, 10, 'ORD-0000000', STR_PAD_LEFT) }}</td>
                                            <td>{{ \Carbon\Carbon::parse($val->fecha)->format('d M Y') }}</td>
                                            <td>{{ $val->cliente }} <br> {{ $val->documento }}</td>                                            
                                            <td>{{ $val->vendedor }}</td>
                                            @if(is_null($val->soft_delete))
                                            <td style="color: green;">
                                                <strong>Procesada</strong>
                                            </td>
                                            @else
                                            <td style="color: red;">
                                                <strong>Anulada</strong> 
                                            </td>
                                            @endif
                                            <td>RD$ {{ number_format($val->total, 2) }}</td>
                                            <td >
                                                <span class="dropdown boton_more_table">
                                                    <button id="btnSearchDrop2" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right ">
                                                        OPCIONES
                                                    </button>
                                                    <span aria-labelledby="btnSearchDrop2" class="dropdown-menu mt-1 dropdown-menu-right option_drown drown_option">
                                                        <div class="opcion">
                                                            <a href="{{ url('facturas/show/'.$val->factura) }}" class="dropdown-item"> Ver Factura</a>
                                                        </div> 
                                                       <div class="opcion"> 
                                                            <a href="{{ url('pdf/pago/'.$val->factura) }}" target="_blank" class="dropdown-item"> Imprimir</a>
                                                        </div>
                                                    </span>
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th rowspan="1" colspan="1" aria-sort="descending">Factura #</th>
                                        <th rowspan="1" colspan="1" >Orden #</th>
                                        <th rowspan="1" colspan="1" >Fecha</th>
                                        <th rowspan="1" colspan="1" >Cliente</th>
                                        <th rowspan="1" colspan="1" >Vendedor</th>
                                        <th rowspan="1" colspan="1" >Estado</th>
                                        <th rowspan="1" colspan="1" >Total</th>
                                        <th rowspan="1" colspan="1" > </th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection