@php
    $approve = 0;
    if(sizeof($Tpermistion) > 0)
    {
        $approve = $Tpermistion[0]->approve;
    }
@endphp

<table class="table table-sm table-striped mt-1" >
    <tr>
        <th>Statement Id</th>
        <th>Bank Account</th>
        <th>From Date</th>
        <th>To Date</th>
        <th class="text-right">Action</th>
    </tr>
    @foreach($bank_statement_upload as $value)
        <tr>
            <td>{{$value->id}}</td>
            <td>{{$value->BankChartOfAccount->account_code}} - {{$value->BankChartOfAccount->account_name}}</td>
            <td>{{$value->from_date}}</td>
            <td>{{$value->to_date}}</td>
            <td class="text-center">
                <button type="button" class="btn btn-primary btn-xs" onclick="viewBankStatement({{ $value->id }})">View</button>
                @if($value->is_approved == 0)
                    @if($approve == 1)
                        <button type="button" class="btn btn-success btn-xs" onclick="approveBankStatement({{ $value->id }})">Approve</button>
                    @endif
                    <button type="button" class="btn btn-danger btn-xs" onclick="removeBankStatement({{ $value->id }})">Remove</button>
                @endif
            </td>
        </tr>
    @endforeach
</table>

<script>

    function viewBankStatement(id) {    
        var token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url: '{{ url('/bank-statement-upload/upload-bank-statement-history-By-Id') }}',
            type: 'POST',
            data: {
                _token: token,
                bank_statement_upload_id: id
            },
            async: true,
            success: function(data) {
                $("#bank_statement_history_model_body").html(data);
                $("#bank_statement_history_model").modal({
                    backdrop: 'static',
                    keyboard: false
                });
            },
            error: function(data) {

            }
        });
    }

    function approveBankStatement(id)
    {
        var token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url: '{{ url('/bank-statement-upload/upload-bank-statement-approve') }}',
            type: 'POST',
            data: {
                _token: token,
                bank_statement_upload_id: id
            },
            async: true,
            success: function(data) {
                
                if(data == 'save_ok')
                {
                    swlToster('success', "Approved successfully saved");
                    getChartOfAccountHistory();
                }
                else
                {
                    swlToster('error', "Approval Failed!");
                }
            },
            error: function(data) {

            }
        });
    }

    function removeBankStatement(id)
    {
        var token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url: '{{ url('/bank-statement-upload/upload-bank-statement-remove') }}',
            type: 'POST',
            data: {
                _token: token,
                bank_statement_upload_id: id
            },
            async: true,
            success: function(data) {
                
                if(data == 'save_ok')
                {
                    swlToster('success', "Removed successfully saved");
                    getChartOfAccountHistory();
                }
                else
                {
                    swlToster('error', "Approval Failed!");
                }
            },
            error: function(data) {

            }
        });
    }
    
</script>