@extends('layouts.master')

@section('content')

<div class="page-title">
    <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
            <h3>Registro de Ventas</h3>
            <p class="text-subtitle text-muted">Navbar will appear in top of the page.</p>
        </div>
        <div class="col-12 col-md-6 order-md-2 order-first">
            <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Layout Vertical Navbar</li>
                </ol>
            </nav>
        </div>
    </div>
</div>
<section class="section">
    <div class="card">
        <div class="card-header">
            Simple Datatable
        </div>
        <div class="card-body">
           
            <div class="dataTable-wrapper dataTable-loading no-footer sortable searchable fixed-columns"><div class="dataTable-top"><div class="dataTable-dropdown"><select class="dataTable-selector form-select"><option value="5">5</option><option value="10" selected="">10</option><option value="15">15</option><option value="20">20</option><option value="25">25</option></select><label>entries per page</label></div><div class="dataTable-search"><input class="dataTable-input" placeholder="Search..." type="text"></div></div><div class="dataTable-container"><table class="table table-striped dataTable-table" id="table1">
                <thead>
                    <tr><th data-sortable="" style="width: 11.8316%;"><a href="#" class="dataTable-sorter">Name</a></th><th data-sortable="" style="width: 41.8172%;"><a href="#" class="dataTable-sorter">Email</a></th><th data-sortable="" style="width: 18.8764%;"><a href="#" class="dataTable-sorter">Phone</a></th><th data-sortable="" style="width: 16.3475%;"><a href="#" class="dataTable-sorter">City</a></th><th data-sortable="" style="width: 11.1091%;"><a href="#" class="dataTable-sorter">Status</a></th></tr>
                </thead>
                <tbody>
                    @foreach ($products as $item )
                    <tr>
                        <td>{{$item-> tipo_documento_descripcion}}</td>
                        <td>{{$item-> Factura}}</td>
                        <td>{{$item-> Fecha}}</td>
                        <td>{{$item-> proveedor_ruc}}</td>
                        <td>{{$item-> Proveedor}}</td>
                    </tr>
                    @endforeach                    
                </tbody>
            </table></div><div class="dataTable-bottom"><div class="dataTable-info">Showing 1 to 25 of 26 entries</div><ul class="pagination pagination-primary float-end dataTable-pagination"><li class="page-item pager"><a href="#" class="page-link" data-page="1">‹</a></li><li class="page-item active"><a href="#" class="page-link" data-page="1">1</a></li><li class="page-item"><a href="#" class="page-link" data-page="2">2</a></li><li class="page-item pager"><a href="#" class="page-link" data-page="2">›</a></li></ul></div></div>
        </div>
    </div>
</section>
            
@endsection