@extends('layouts.master')
@section('title', 'User')
@push('css')

@endpush

@section('content')
    <div class="row">
        <div class="">
            <h3 class="panel-title">customers Information</h3>
        </div>
        <div class="col-xl-12">

            <div class="panel">

                <div class="panel-body">
                    <table id="demo-dt-basic" class="table table-striped table-bordered" cellspacing="0" width="100%">
                        <thead>
                        <tr>
                            <th>Serial</th>
                            <th>ID </th>
                            <th class="min-tablet">Name</th>
                            <th class="min-tablet">Address</th>
                            <th class="min-tablet">Contact No</th>

                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($customers as $customer)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $customer->customer_id }}</td>
                            <td>{{ $customer->customer_name }}</td>
                            <td>{{ $customer->address }}</td>
                            <td>{{ $customer->mobile }}</td>
                        </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </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