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

@endpush

@section('content')
    <div class="">
        <h3 class="panel-title">Cheque 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>Cheque Date </th>
                        <th>Cheque No </th>
                        <th class="min-tablet">Bank Name</th>
                        <th class="min-tablet">Branch Name </th>
                        <th class="min-tablet">Customer Name</th>
                        <th class="min-tablet">Cheque Status </th>
                        <th class="min-tablet">Cheque Amount </th>
                        <th class="min-tablet">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($chequeEntries as $chequeEntry)
                        <tr>
                            <td>{{ $chequeEntry->cheque_date }}</td>
                            <td>{{ $chequeEntry->cheque_number	 }}</td>
                            <td>{{ $chequeEntry->bank_name }}</td>
                            <td>{{ $chequeEntry->branch_id  }}</td>
                            <td>{{ $chequeEntry->customer_id   }}</td>
                            <td>{{ $chequeEntry->cheque_status }}</td>
                            <td>{{ $chequeEntry->cheque_amount }}</td>
                            <td>
                                <a style="font-size: 7px" href="{{route('user.chequeEntry.edit', $chequeEntry->id )}}" class="btn btn-mint btn-icon" ><i class="demo-psi-pen-5 icon-lg"></i></a>
                                <a style="font-size: 7px" onclick="return confirm('Are you sure?')" href="{{route('user.chequeEntry.delete', $chequeEntry->id )}}" class="btn btn-success btn-icon" ><i class="demo-psi-recycling icon-lg"></i></a>


                            </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