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

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


        <div class="card">
            <div class="card-header">

                <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') / $vars['contract'] ->conversion_rate, 2)}} /=  {{ $vars['contract']->currency->name}}</span>
                    </div>

                    {{-- {{ dd($vars['contract']->currency->name) }} --}}

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

                    <div class="card d-flex flex-row justify-content-between w-25 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 / $vars['contract'] ->conversion_rate, 2)}} /= {{ $vars['contract']->currency->name}}</span>
                    </div>

                    <div class="card d-flex flex-row justify-content-between w-25 m-2 ml-2">
                        <div class="bg-dark py-3 px-2 w-50">DISCOUNT INFO</div>
                        <span class="bg-dark py-3 px-2 w-50 p-1">  {{number_format($vars['customer']?->discounts?->sum('amount') / $vars['contract'] ->conversion_rate , 2)}} /=   {{ $vars['contract']->currency->name}}</span>
                    </div>
                </div>
            </div>
            <div class="card-body">
                    @if(isset($vars['serviceOrders']) && $vars['serviceOrders']?->count() > 0)
                            <div class=" ">
                                <h4 class="text-center text-base justify-content-center">
                                    @if(count($vars['contract']->policies) == 1)
                                        @if(!$vars['contract']?->policy?->ResponseStatusCode)
                                            <button type="button" data-id="{{$vars['contract']->id}}" data-location="to-company" class="btn btn-xs btn-success get_current_contract_policy_data" ><i class="fa fa-credit-card"> Accept Payment</i></button>
                                        @endif
                                    @else

                                    @endif
                                </h4>


                                <table class="table normal-table table-striped normal-tablee" id="payment_detail_form_table">
                                    <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" class="check_all" checked name="options"/>
                                        </th>
                                        <th>Date Of Service</th>
                                        <th>Name</th>
                                        <th>Amount</th>
                                        <th>Paid Amount</th>
                                        <th>Due Amount</th>
                                        <th>REFERENCE</th>
                                        <th>Payment</th>
                                    </tr>
                                    </thead>

                                    <tbody id="payment_details_table">
                                    @foreach ($vars['serviceOrders'] as $row)
                                        <tr id="serive_order_{{$row->id}} "  data-id="{{$row->id}}" data-policy="{{$row->policy?->id}}">
                                            <td>

                                                @if(!isset($row?->belong?->ResponseStatusCode))
                                                    <input id="service_policy_order_{{$row->id}}" class="serive_order_check order_number_{{$row->id}} pre-checked-checkbox checked-payment-for-reference" data-amount="{{$row->amount}}" data-id="{{$row->id}}" type="checkbox" checked name="option" id="options" autocomplete="off">
                                                @elseif($row?->belong?->ResponseStatusCode == "TIRA001")
                                                    @if(isset($row?->belong?->CoverNoteReferenceNumber))
                                                        {{$row?->belong?->CoverNoteReferenceNumber}}
                                                    @else
                                                        Wait...
                                                    @endif
                                                @else
                                                   <span class="text-red">{{$row?->belong?->ResponseStatusDesc}}</span>
                                                @endif
                                            </td>
                                            <td>{{\Carbon\Carbon::parse($row->created_at)->format('j, M Y')}}</td>
                                            <td>{{$row->name}}</td>
                                            <td>{{number_format($row->amount / $vars['contract']->conversion_rate, 2)}}  {{ $vars['contract']->currency->name}}</td>

                                            <td>{{number_format($row->paid / $vars['contract']->conversion_rate, 2)}}  {{ $vars['contract']->currency->name}}</td>
                                            <td>{{number_format($row->due_amount / $vars['contract'] ->conversion_rate, 2)}}  {{ $vars['contract']->currency->name}}</td>
                                            <td>{{$row->reference}}

                                                <a class="btn btn-xs @if($row->usage_status == "Open") btn-default @else  btn-success  @endif  accept-payment float-right" > <i class="fa fa-sms">@if($row->usage_status == "Open") Not Paid @else Paid @endif </i></a>
                                            </td>
                                            <td class="flex">
                                                <a href="{{route("policies.show",$row->policy?->uuid)}}" ><i class="fa fa-eye">Policy</i></a> |
{{--                                                <a href="{{route("contracts.show",$row->contract->uuid)}}" ><i class="fa fa-eye"></i></a> |--}}
                                                @if($vars['policyCount'] < 50)
                                                    @if(!($row?->usage_status == "Used" && $row?->payment_status == "Paid") )
                                                    <button type="button" data-policy="{{$row->belong->id}}" data-id="{{$row->id}}" data-location="to-company" class="btn btn-xs btn-success get_current_policy_data" ><i class="fa fa-credit-card"> Accept</i></button>
                                                    @endif
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>

                                </table>
                            </div>
                        @endif
            </div>
        </div>

@endsection
@section('js')

    <script>
        let selectedPolicies = [];
        $(document).ready(function () {
            $('.pre-checked-checkbox').each(function (index, element) {
                let id = $(element).data('id');
                selectedPolicies.push(id);
            });
        });

        $(document).on('click','.check_all', function (e) {
            let allCheck = $(this).prop("checked");
            if(allCheck != true){
                $(this).prop("checked",false);
            }else{
                $(this).prop("checked",true);
            }
          $('.checked-payment-for-reference').each(function (index, element) {
                let id = $(element).data('id');
                if(allCheck){
                    let index = selectedPolicies.indexOf(id);
                    if(index < 0){
                        selectedPolicies.push(id)
                    }
                    $(this).attr('checked', true);
                    $(this).prop('checked', true);
                    $(this).not(this).prop('checked', true);
                }else{
                    selectedPolicies = [];
                    $(this).prop('checked', false);
                    $(this).not(this).prop('checked', false);
                }
            });
        })

        $(document).on('change', '.checked-payment-for-reference', function () {
            let id = $(this).data('id');
            let index = selectedPolicies.indexOf(id);
            if ($(`#service_policy_order_${id}`).prop("checked") != true) {
                if (index !== -1) {
                    selectedPolicies.splice(index, 1);
                    index = selectedPolicies.indexOf(id);
                }
                $(`#service_policy_order_${id}`).not(this).prop('checked', false);
                $('.check_all').not(this).prop('checked', false);
            } else {
                    selectedPolicies.push(id)
                    $(`#service_policy_order_${id}`).not(this).prop('checked', true);
            }

        });

        $(document).on('click','.get_current_contract_policy_data',function (e) {
            let id = $(this).data('id');
            let formData = new FormData();
            formData.append('id', id);
            formData.append('policies', selectedPolicies);
            if (selectedPolicies.length === 0){
                $('#modalReceivePaymentData').modal('hide');
                largeToastPanel('error',"You Have Not Selected any Policy")
                return ;
            }
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to request cover for The selected Policy!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#008080',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Request!'
            }).then((result) => {
                if (result.isConfirmed) {
                    asyncFetchAnyData(url = "post_current_contract_policy_data", formData,'payment_detail_form_table').then((response) => {
                        largeToastPanel('info',`${response.original.code} ${response.original.message}`)
                    });
                } else {
                    Swal.fire('Cancelled', 'Your Request Has Been Cancelled', 'error')
                }
            });

        })



        $(document).on('click','.get_current_policy_data',function (e) {
            let id = $(this).data('id');
            let formData = new FormData();
            formData.append('id', id);

            Swal.fire({
                title: 'Are you sure?',
                text: "You want to request cover for The selected Policy!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#008080',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Request!'
            }).then((result) => {
                if (result.isConfirmed) {
                    asyncFetchAnyData(url = "receive-service-order-payment", formData,'payment_detail_form_table').then((response) => {
                        largeToastPanel('info',`${response.message}`)
                    });
                } else {
                    Swal.fire('Cancelled', 'Your Request Has Been Cancelled', 'error')
                }
            });



        })

    </script>
@endsection