@extends('base')
@section('titulo')
C x P
@endsection
@section('extracss')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
@endsection
@section('extrajs')
    <script src="//cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#table_prov').DataTable({
                "language": {
                    "lengthMenu": "Mostrar _MENU_ Proveedores por página",
                    "zeroRecords": "No hay files",
                    "info": "Mostrando _PAGE_ de _PAGES_ páginas",
                    "infoEmpty": "No hya páginas",
                    "infoFiltered": "(filtered from _MAX_ total records)",
                    'search':"Buscar:",
                    "paginate": {
                        "first":      "Primero",
                        "last":       "Ultimo",
                        "next":       "Siguiente",
                        "previous":   "Atrás"
                    },
                }
            });
        });
    </script>
@endsection
@section('content')
<!-- Mensaje ocupado -->
@include('sessions')

@if ($errors->any())
    <div class="errors">
        <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif



<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de Proveedores con CxP</li>
    </ol>
</nav>

 <table class="InitializeDataTable table">
    <thead class="thead-dark">
       <tr>
          <th scope="col">Item</th>
          <th scope="col">Proveedor</th>
          <th scope="col">Cuentas Pendientes</th>
          <th scope="col">Fecha vencimiento</th>
          <th scope="col">Acciones</th>
       </tr>
    </thead>
    <tbody>
        @php
            $i=1;
        @endphp
       @foreach ($clientes as $item )

       <tr>
          <td>{{ $i }}</td>
          <td>{{ $item->nombreProveedor }}</td>
          <td>{{ $item->nDoc }}</td>
          <td>{{ $item->f_vencimiento }}</td>
          <td style="display: flex">

                <a title="detalle" fas fa-w fa-clipboard-list
                class="fas fa-file-invoice-dollar" style="color:gray !important; background-color:transparent; border: 0px solid;"
                href="{{route('cuentaPagar.LCPP',$item->id)}}"></a>


          </td>
       </tr>
       @php
           $i++;
       @endphp
        @endforeach
    </tbody>
 </table>
 {{-- @include('cotizacionCompleta.modals.documentoFacturacion') --}}
@endsection