@extends('fronted.layout.main')
@section('adcontent')
<div class="container-fluid">
    <div class="container">
        <div class="table-responsive dataTable">
            <table class="cart-table table table-bordered border-dark">
                <thead class="text-warning text-capitalize">
                    <tr class="">
                        <th colspan="2">Order Summary</th>
                        <th>Price (INR)</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                    $subscriptionAmount = $subscriptionDetails['calculationData']['payAbleAmountForUpgrade'] ?? ($subscriptionDetails['totalSeat'] * $subscriptionDetails['subs_price'] );
                    $subscriptionAmountUpdate = $subscriptionAmount;
                    @endphp
                    <tr>
                        <td rowspan="{{ $totalRowSpansValue + 1 }}">1</td>
                        <td>{{ $subscriptionDetails['PlanName'] }} - {{ $subscriptionDetails['PlanType'] }} {{$subscriptionDetails['PlanDuration']}} PLAN
                            @if($subscriptionDetails['openTrailPlanInfo'])
                            "(free trail for {{ $subscriptionDetails['trailPlanInfo'] }})"
                            @endif
                        </td>
                        <td>
                            <i class="fa-solid fa-indian-rupee-sign"></i>
                            @if($subscriptionDetails['openTrailPlanInfo'])
                            {{ 1 }}
                            @elseif(!empty($subscriptionDetails['calculationData']))
                            {{ $subscriptionDetails['calculationData']['payAbleAmountForUpgrade'] ?? ($subscriptionDetails['totalSeat'] * $subscriptionDetails['subs_price'] ) }}
                            @else
                            {{ ($subscriptionDetails['totalSeat'] * $subscriptionDetails['subs_price'] ) }}
                            @endif
                        </td>
                    </tr>
                    @foreach($addOns as $key => $value)
                    @if($subscriptionDetails['openTrailPlanInfo'])
                    @php
                    $subscriptionAmountUpdate = 1;
                    @endphp
                    @else
                    @php
                    $subscriptionAmountUpdate += $value['price'];
                    @endphp
                    @endif
                    <tr>
                        <td>+{{ $value['addonName'] }}</td>
                        <td><i class="fa-solid fa-indian-rupee-sign"></i>
                            @if($subscriptionDetails['openTrailPlanInfo'])
                            {{ 00 }}
                            @else
                            {{$value['price']}}
                            @endif

                        </td>
                    </tr>
                    @endforeach
                    <tr class="cart-total">
                        <td colspan="2" class="text-center">Cart Total</td>
                        <td>
                            <i class="fa-solid fa-indian-rupee-sign"></i>
                            {{$subscriptionDetails['openTrailPlanInfo'] ? $subscriptionAmountUpdate = 1 : $subscriptionAmountUpdate}}
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="gst-note text-center">{{ $subscriptionDetails['tax_rate'] }}% GST charge applicable</td>
                        <td>
                            @php $texAmount = ($subscriptionAmountUpdate * $subscriptionDetails['tax_rate']) / 100 ; @endphp
                            <i class="fa-solid fa-indian-rupee-sign"></i>
                            {{ round($texAmount,2) }}
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="text-center">
                            Total Payble Amount
                        </td>
                        <td>
                            <i class="fa-solid fa-indian-rupee-sign"></i>
                            <span id="totalPaybleAmount">
                                {{ round(($subscriptionDetails['payableAmount']),2)}}
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="container">
        <div class="table-responsive dataTable">
            <table class="cart-table table table-bordered border-dark">
                <thead class="text-warning text-capitalize">
                    <tr class="">
                        <th colspan="4">Client Information</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Business Name</td>
                        <td>{{$businessRegister->businessname}}</td>
                        <td>GST No</td>
                        <td>{{$businessRegister->gst_no}}</td>
                    </tr>
                    <tr>
                        <td>Name</td>
                        <td>{{$businessRegister->fname}} {{$businessRegister->lname}}</td>
                        <td>Email</td>
                        <td>{{$businessRegister->email}}</td>
                    </tr>
                    <tr>
                        <td>Mobile</td>
                        <td>{{$businessRegister->mobile}}</td>
                        <td>Pincode</td>
                        <td>{{$businessRegister->pincode}}</td>
                    </tr>
                    <tr class="cart-total">
                        <td>Address</td>
                        <td colspan="3">{{$businessRegister->address}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="container">
        <div class="table-responsive dataTable">
            <table class="cart-table table table-bordered border-dark">
                <thead class="text-warning text-capitalize">
                    <tr>
                        <th>Notice/Additional information</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" value="1" id="termsAndConditionCheckOut">
                                <label class="form-check-label" for="termsAndConditionCheckOut">
                                    I have read and Accepted <a href="{{route('privecy.policy')}}#termsOfService">Term of services</a>,<a href="{{route('privecy.policy')}}#termOfUse">Terms of Use</a>,<a href="{{route('privecy.policy')}}#privacyOfPolicy">Privacy of policy</a> And <a href="{{route('privecy.policy')}}#paymentAndRefundPolicy"> Payment & refund policy.</a>
                                </label>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-end align-items-center">
            <button class="btn btn-warning" type="button" id="proceedToPaymentBtn">Proceed to payment <i class="fa-solid fa-arrow-right"></i></button>
        </div>
    </div>
</div>
<script>
    history.pushState(null, null, window.location.href);

    // Redirect on back button press
    window.addEventListener('popstate', function (e) {
        const subscriptionPageUrl = "{{ route('subscription.details') }}";
        window.location.href = subscriptionPageUrl;
    });
</script>


<script>
    $(document).ready(function() {
        // Parse the PHP variables as JSON strings
        const subscriptionDetails = {!!json_encode($subscriptionDetails) !!};
        const addOns = {!!json_encode($addOns) !!};
        $('#proceedToPaymentBtn').on('click', async function() {
            let termsAndConditionCheckOut = $("#termsAndConditionCheckOut");

            if (termsAndConditionCheckOut.is(':checked')) {
                $(this).attr('disabled',true);

                termsAndConditionCheckOut.removeClass('is-invalid');
                activeModel();
                $.ajax({
                    type: 'POST',
                    url: "{{ route('add.plans') }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "business_id": "{{ $businessRegister->license_no }}",
                        "subscription_details": JSON.stringify(subscriptionDetails),
                        "add_ons": JSON.stringify(addOns),
                    },
                    success: function(response) {
                        hideLoaderModal();
                        Swal.fire({
                            icon: 'success',
                            text: response.message,
                            timer: 2000,
                            timerProgressBar: true,
                        }).then(function(){
                            window.location.href = response.payment_url; // Example redirect to payment success page

                        });
                    },
                    error: function(xhr, status, error) {
                        hideLoaderModal();
                        Swal.fire({
                            icon: 'error',
                            text: error,
                            timer: 2000,
                            timerProgressBar: true,
                        });
                    }
                });
            } else {
                termsAndConditionCheckOut.addClass('is-invalid');
            }
        });
    });
</script>
@endsection