@extends('layouts.master')
@section('title', 'User')
@push('css')
    <meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')


    <div class="row col-xl-12" id="supplierDueShow">
        <table class="table table-bordered record-table">
            <thead>
            <tr>
                <th>Serial</th>
                <th>Supplier ID</th>
                <th>Supplier Name</th>
                <th>Owner Name	</th>
                <th>Address	</th>
                <th>Mobile</th>
            </tr>
            </thead>
            <tbody>
            @foreach($suppliers as $supplier)
            <tr>
                <td>{{$loop->iteration}}</td>
                <td>{{$supplier->supplier_id}}</td>
                <td>{{$supplier->supplier_name}}</td>
                <td>{{$supplier->contact_person}}</td>
                <td>{{$supplier->address}}</td>
                <td>{{$supplier->contact_number}}</td>

            </tr>
            @endforeach
            </tbody>

        </table>







    </div>




@endsection

@push('js')
<script>
    $(document).ready(function() {
        var table = $('#example').DataTable( {
            lengthChange: false,
            buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
        } );

        table.buttons().container()
            .appendTo( '#example_wrapper .col-md-6:eq(0)' );
    } );
</script>

@endpush