@extends('layouts/acc_layout')
@section('title', '| Bkash Reconciliation(PGW)')
@section('content')

    <div class="row">
        <div class="col-md-12">

            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{ url('acc/bkashPGWreconciliation/') }}" class="btn btn-info pull-right addViewBtn text-uppercase"><i
                        class="glyphicon glyphicon-th-list viewIcon">
                    </i></a>
            </div>
            <div class="panel panel-default">
               
                <div class="panel-heading">
                    @if($action_type == 'details')
                    <div class="panel-options">
                        <button id="printIcon" class="btn btn-info pull-right print-icon" style="margin-left: 5px">
                            <i class="fa fa-print fa-lg" aria-hidden="true"> Print </i>
                        </button>
                        <button id="btnExportExcel" class="btn btn-info pull-center print-icon" target="_blank"
                            style="">
                            <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel </i>
                        </button>
                    </div>
                    @endif
                    <div class="panel-title">{{$title}}</div>
                </div>
               

                <div class="" id="printView">
                    <div class="table-responsive">
                        {!! Form::open(['url' => '#']) !!}
                            <table class="table table-striped table-bordered" style="color:black; border-collapse: collapse;" border="1">
                                <thead>

                                    <tr>
                                        <th rowspan="2">SL NO</th>
                                        <th rowspan="2">Branch Name</th>
                                        <th width="130" colspan="2">Member</th>
                                        <th rowspan="2">Txn Code</th>
                                        <th rowspan="2">Product</th>
                                        <th colspan="3">Bkash</th>
                                        <th rowspan="2">Amount(TK)</th>
                                    </tr>
                        
                                    <tr>
                                        <th>Name</th>
                                        <th>Code</th>
                        
                                        <th>Trx Ref.</th>
                                        <th>Date</th>
                                        <th>Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php 
                                    $sl = 1;
                                    @endphp

                                        @foreach ($transactions as $key => $transaction)
                                        <tr>
                                            <td>
                                                {{ ($sl++) }}
                                                <input type="hidden" name="applicationId[]" value="{{$transaction->id}}"> 
                                            </td>
                                            <td class="name">{{$transaction->branchCode}} - {{$transaction->branchName}}</td>
                                            <td class="name">{{ $transaction->memberName }}</td>
                                            <td>{{ $transaction->memberCode }}</td>
                                            <td>{{ $transaction->txnCodes }}</td>
                                            <td>{{ $transaction->products }}</td>
                                            <td>{{ $transaction->transaction_id }}</td>
                                            <td>{{ date('d-m-Y', strtotime($transaction->tnx_time)) }}</td>
                                            <td>{{ date('H:i A', strtotime($transaction->tnx_time)) }}</td>
                                            <td class="amount"> {{ number_format($transaction->amount) }}</td>
                                        </tr>
                                        @endforeach
                                    
                                    @php
                                        $colspan = 9;
                                    @endphp
                                    <tr class="grandTotal">
                                        <td colspan="{{$colspan}}">Grand Total &nbsp;</td>
                                        <td class="amount">{{number_format($total_amount)}}</td>
                                    </tr>
                                    @if($action_type == 'approve')
                                        <tr>
                                            <td colspan="{{$colspan}}" style="text-align: right;" class="required"><strong> Txn Ref. Number</strong></td>
                                            <td>{!! Form::text('batchNumber', null, [ 'class' => 'form-control', 'placeholder' => 'Enter Txn Ref. Number', 'id' => 'batchNumber']) !!}</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                            @if($action_type == 'approve')
                                {!! Form::hidden('adviceId', $advice->id) !!}
                                <ul class="pager wizard pull-right">
                                    {!! Form::button('Click here to Approve & Generate Voucher', ['id' => 'storeApprove', 'class' => 'btn btn-info', 'type' => 'submit']) !!}
                                </ul>
                            @endif
                        {!! Form::close() !!}
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>

   
    <script type="text/javascript">
    
        $(document).ready(function(){ 
            $("#printIcon").click(function(event) {
                var mainContents = document.getElementById("printView").innerHTML;
                var win = window.open('','printwindow');
                win.document.write(mainContents);
                win.print();
                win.close();
            });
        }); 

        
        $("#btnExportExcel").click(function (e) {
            var today = new Date().toLocaleDateString('en-GB');
            let style = "<style>table, th, td { border: 0px; } .number-format { mso-number-format:'\\@'; text-align:center; } .text-center { text-align:center; }</style>";
            let content = style + $('#printView').html();
            let file = new Blob([content], { type: "text/html" }); // Change type to "text/html"
            let url = URL.createObjectURL(file);
            let a = $("<a />", {
                href: url,
                download: "Bkash_Reconciliation"+ today + ".xls"
            }).appendTo("body").get(0).click();
            e.preventDefault();
        });


         /*Approve*/
            $('form').submit(function(event) {
                event.preventDefault();
                x = confirm('Are you sure to approve this?');
                if (x === false) return false;
                $("button").prop('disabled', true);
                $("#loadingModal").show();
                $.ajax({
                    type: 'post',
                    data: $('form').serialize(),
                    url: "{{ url('acc/bkashPGWreconciliation/storeApprove') }}",
                    dataType: 'json',
                    success: function(_response) {
                        $("#loadingModal").hide();
                        $("button").prop('disabled', false);
                        $(".error").remove();
                            if (_response.errors) {
                                $.each(_response.errors, function(name, error) {
                                    $("#" + name).after("<p class='error'>* " + _response
                                        .errors[name] + "</p>");
                                });
                            } else {
                                if (_response.errors) {
                                $.each(_response.errors, function(name, error) {
                                    $("#" + name).after("<p class='error'>* " + _response
                                        .errors[name] + "</p>");
                                });
                            }else{
                                if (_response.responseTitle == 'Warning!') {
                                    toastr.warning(_response.responseText, _response.responseTitle,
                                        opts);
                                } else {
                                    toastr.success(_response.responseText, _response.responseTitle,
                                        opts);
                                    setTimeout(function() {
                                        // location.reload();
                                        window.location.href =
                                            "{{ url('acc/bkashPGWreconciliation') }}";
                                    }, 3000);
                                }
                            }
                        }
                    },
                    error: function(_response) {
                        $("#loadingModal").hide();
                        $("button").prop('disabled', false);
                        alert('Response Error');
                    }
                });

            });
            /* End Approve*/
    </script>   
@endsection