@extends('main')
@section('css')

@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        </h1>
        <ol class="breadcrumb">

        </ol>
    </section>


    <div class="card ml-1">
{{--        <div class=" bg-gray-900 d-flex flex-row justify-content-between m-2 ">--}}
{{--            <div class="card d-flex flex-row justify-content-between w-50 m-2 mr-2">--}}
{{--                <div class="bg-dark py-3 px-3 w-50">RECEIVE</div>--}}
{{--                <span class="bg-dark py-3 px-3 w-50 p-1"> {{number_format($vars['serviceOrders']?->sum('amount'), 2)}} /=</span>--}}
{{--            </div>--}}
{{--            --}}

{{--            <div class="card d-flex flex-row justify-content-between w-50 m-2 mr-2">--}}
{{--                <div class="bg-dark py-3 px-2 w-50">WALLET</div>--}}
{{--                <span class="bg-dark py-3 w-50 p-1"> {{number_format($vars['customer']?->wallet?->amount, 2)}} /=</span>--}}
{{--            </div>--}}


{{--        </div>--}}
        <div class="card mb-4">
            <div class="card-body">
                @if(isset($vars['wallets']) && $vars['wallets']?->count() > 0)
                    <div class=" ">
                        <h4 class="text-center text-base justify-content-center"> Wallets </h4>
                        <table class="table normal-table table-striped normal-tablee" id="payment_detail_form_table">
                            <thead>
                            <tr>
                                <th> S/N </th>
                                <th>Date</th>
                                <th>Name</th>
                                <th>Amount</th>
                                <th>Reference</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody id="payment_details_table">
                            @foreach ($vars['wallets'] as $index => $row)
                                @include('accountants.renders.wallet_tr')
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
                    <hr style="border: solid 2px orange; margin: 20px 0;"/>
                @if($vars['payments']?->count() > 0)
                    <div class=" ">
                        <h4 class="text-center text-base justify-content-center"> Payments</h4>
                        <table class="table normal-table table-striped normal-tablee" id="payment_detail_form_table">
                            <thead>
                            <tr>
                                <th>S/N</th>
                                <th>Date</th>
                                <th>Name</th>
                                <th>Policy</th>
                                <th>Reference</th>
                                <th>Status</th>
                                <th>Amount</th>
                                <th>Total</th>
                            </tr>
                            </thead>
                            <tbody id="payment_details_table">
                            @php $summation = 0; @endphp
                            @foreach ($vars['payments'] as $index => $row)
                                @php
                                    $policy = $row?->belong?->belong;
                                    if($row->pay_type == "Cash Out"){
                                        $summation = $summation - $row->amount;
                                    }else{$summation = $summation + $row->amount;}
                                @endphp
                                @include('accountants.renders.payment_tr')
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>


        </div>
    </div>

@endsection

@section('js')

    <script type="text/javascript">
        $(document).on('click','.accept-payment',function (e) {
            e.preventDefault();
            let idData = $(this).data('id');
            let formData = new FormData();
            formData.append('id',idData);
            run_waitMe('roundBounce', `wallet_${idData}`, 'loading......');
            if (idData != null){
                asyncFetchAnyData(url = "receive-service-order-payment", formData, `wallet_${idData}`).then((response) => {
                    if (response.status) {
                        location.reload();
                    } else {
                        swalFunction('Error', `${response.message}`, 'error')
                    }
                    $(`#wallet_${idData}`).waitMe("hide");
                });
            }
        });


    </script>
@endsection