@extends('layouts.app')
@section('title', 'Accounting Ledger')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Transactions
    </h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">

	<div class="box">
        <div class="box-header">
        	<h3 class="box-title">Transactions</h3>
        </div>
        <div class="box-body">
            @can('account.view-ledger')
                <div class="table-responsive">
            	<table class="table table-bordered table-striped">
            		<thead>
            			<tr>
            				<th>User</th>
                            <th>Location</th>
                            <th>Transaction Type</th>
            				<th>Credit/Debit</th>
            				<th>Amount</th>
                            <th>Added On</th>
            				<th>Type</th>
            				<th>Note</th>
            			</tr>
            		</thead>
                    <tbody>
                        @foreach($banking as $entry)
                        <tr>
                            <td>{{$entry['first_name']}}</td>
                            <td>
                                @if(isset($entry['location_id']))
                                @php 
                                $location = App\BusinessLocation::find($entry['location_id']);
                                @endphp
                                    {{$location->name}} 
                                @else
                                    --
                                @endif
                            </td>
                            <td>{{$entry['transaction_type']}}</td>
                            <td>{{$entry['credit_type']}}</td>
                            <td>{{$entry['amount']}}</td>
                            <td>{{date('F d, Y', strtotime($entry['invoice_date']))}}</td>
                            <td>{{$entry['type']}}</td>
                            <td>{!!$entry['note'] ?? '' !!}</td>
                        </tr>
                        @endforeach
                          
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="8">
                                {{$banking->links()}}
                            </td>
                        </tr>
                    </tfoot>
            	</table>
                </div>
            @endcan
        </div>
    </div>

    <div class="modal fade bank_modal" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>

</section>
<!-- /.content -->

@endsection
@section('javascript')
    <script type="text/javascript">

        $(document).ready(function() {
            var bank_table = $('#bank_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '/banking',
                },

                columnDefs: [{
                    "targets": [3],
                    "orderable": false,
                    "searchable": false
                }],
                "columns": [{
                        "data": "title"
                    },
                    {
                        "data": "account_no"
                    },
                    {
                        "data": "name"
                    },
                    {
                        "data": "branch_address"
                    },
                    {
                        "data": "opening_balance"
                    },
                    {
                        "data": "current_balance"
                    },
                    {
                        "data": "action"
                    }
                ]
            });

            $(document).on('submit', 'form#bank_add_form', function (e) {
                    e.preventDefault();
                    var data = $(this).serialize();

                    $.ajax({
                        method: "POST",
                        url: $(this).attr("action"),
                        dataType: "json",
                        data: data,
                        success: function (result) {
                            if (result.success == true) {
                                $('div.bank_modal').modal('hide');
                                toastr.success(result.msg);
                                bank_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
	        });

            $(document).on('click', 'button.edit_bank_button', function () {
                $("div.bank_modal").load($(this).data('href'), function () {
                    $(this).modal('show');

                    $('form#bank_edit_form').submit(function (e) {
                        e.preventDefault();
                        var data = $(this).serialize();

                        $.ajax({
                            method: "POST",
                            url: $(this).attr("action"),
                            dataType: "json",
                            data: data,
                            success: function (result) {
                                if (result.success == true) {
                                    $('div.bank_modal').modal('hide');
                                    toastr.success(result.msg);
                                    bank_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    });
                });
            });

            $(document).on('click', 'button.delete_bank_button', function () {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete_unit,
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: "DELETE",
                            url: href,
                            dataType: "json",
                            data: data,
                            success: function (result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    bank_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                });
	        });

        });   
        
    
    </script>
@endsection