@extends('layouts.master')
@section('title')
    {{translate('check_out')}}
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{translate('check_out')}} </h6>

            <div class="heading-elements">
                @if(Sentinel::hasAccess('stock.create'))
                    <a href="{{ url('check_out/create') }}"
                       class="btn btn-info btn-sm">{{translate('check_out item')}} </a>
                @endif
            </div>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table id="data-table" class="table table-bordered table-condensed table-hover">
                    <thead>
                    <tr>
                        <th>{{translate('id')}}</th>
                        <th>{{translate('date')}}</th>
                        <th>{{translate('borrower')}}</th>
                        <th>{{translate('type')}}</th>
                        <th>{{translate('total')}}</th>
                        <th>{{translate('paid')}}</th>
                        <th>{{translate('balance')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key)
                        <tr>
                            <td>{{ $key->id }}</td>
                            <td>{{ $key->date }}</td>
                            <td>
                                @if(!empty($key->borrower))
                                    <a href="{{url('borrower/'.$key->borrower_id.'/show')}}">{{$key->borrower->first_name}} {{$key->borrower->last_name}}</a>
                                @endif
                            </td>
                            <td>
                                @if($key->type=='cash')
                                    {{translate('cash')}}
                                @endif
                                @if($key->type=='loan')
                                    {{translate('loan')}}
                                @endif
                            </td>
                            <td>
                                {{ currency_converter($key->cost_price) }}
                            </td>
                            <td>
                                {{ currency_converter($key->selling_price) }}
                            </td>
                            <td>
                                {{ currency_converter( $key->selling_price ) }}
                            </td>

                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script src="{{ asset('assets/plugins/datatable/media/js/jquery.dataTables.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/media/js/dataTables.bootstrap.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/extensions/Buttons/js/buttons.print.min.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/extensions/Responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{ asset('assets/plugins/datatable/extensions/Buttons/js/buttons.colVis.min.js')}}"></script>
    <script>
        $('#data-table').DataTable({
            dom: 'Bfrtip',
            buttons: [
                {extend: 'copy', 'text': '{{ translate('copy') }}'},
                {extend: 'excel', 'text': '{{ translate('excel') }}'},
                {extend: 'pdf', 'text': '{{ translate('pdf') }}'},
                {extend: 'print', 'text': '{{ translate('print') }}'},
                {extend: 'csv', 'text': '{{ translate('csv') }}'},
                {extend: 'colvis', 'text': '{{ translate('colvis') }}'}
            ],
            "paging": true,
            "lengthChange": true,
            "displayLength": 15,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": true,
            "order": [[1, "desc"]],
            "columnDefs": [
                {"orderable": false, "targets": [7]}
            ],
            "language": {
                "lengthMenu": "{{ translate('lengthMenu') }}",
                "zeroRecords": "{{ translate('zeroRecords') }}",
                "info": "{{ translate('info') }}",
                "infoEmpty": "{{ translate('infoEmpty') }}",
                "search": "{{ translate('search') }}",
                "infoFiltered": "{{ translate('infoFiltered') }}",
                "paginate": {
                    "first": "{{ translate('first') }}",
                    "last": "{{ translate('last') }}",
                    "next": "{{ translate('next') }}",
                    "previous": "{{ translate('previous') }}"
                }
            },
            responsive: false
        });
    </script>
@endsection