@extends('layouts.app')

@php($receipt = !is_null($booking->payment) && !is_null($booking->payment->logs) ? (json_decode($booking->payment->logs, true)["Transaction ID"] ?? null) : null)
@section('head')
<link href="{{ asset('module/booking/css/checkout.css?_ver='.config('app.version')) }}" rel="stylesheet">
@endsection
@section('content')
<div class="bravo-booking-page padding-content">
    <div class="container">
        <div class="row booking-success-notice">

            <div class="col-lg-8 col-md-8">
                <div class="d-flex align-items-center">
                    <img src="{{url('images/ico_success.svg')}}" alt="Payment Success">
                    <div class="notice-success">
                        <p class="line1"><span>{{$booking->first_name}},</span>
                            {{__('your order was submitted successfully!')}}
                        </p>
                        <p class="line2">{{__('Booking details has been sent to:')}} <span>{{$booking->email}}</span></p>
                        @if($note = $gateway->getOption("payment_note"))
                        <div class="line2">{!! clean($note) !!}</div>
                        @endif
                    </div>
                </div>

                @if($booking->gateway == 'bonga' && is_null($receipt))
                <div class="mt-3">
                    <ol class="booking-info-detail">
                        @php($type = (int)$gateway->getOption("type"))
                        <li>Dial *126# and select 'Lipa na Bonga Points'</li>
                        <li>Select {{ $type == 4 ? 'Pay Bill' : 'Buy Goods' }}</li>
                        <li>Enter {{ $type == 4 ? 'Business' : 'Till' }} Number <b>{{ setting_item('g_mfuko_shortcode', '174379') }}</b></li>
                        @if($type == 4)
                        <li>Enter your phone number as account number</li>
                        @endif

                        @isset($booking->pay_now)
                        <li>Enter exactly <b>KSh {{ round($booking->pay_now)  }}</b> as the amount</li>
                        @else
                        <li>Enter the exact amount as above</li>
                        @endisset
                        <li>Confirm the details of your payment and input your service pin to complete the payment</li>
                    </ol>
                </div>
                @endif

                @if(($booking->gateway == 'mfuko' || $booking->gateway == 'bonga') && is_null($receipt))
                <div class="mt-4 alert alert-info" id="mpesa-receipt">
                    {{ $receipt ?? 'Confirming Payment...' }}
                </div>

                @if($booking->status == 'processing' || $booking->status == 'unpaid')
                <button class="btn btn-link btn-sm mt-4 float-right" id="resendStk">Didn't Receive STK Prompt? Resend STK Push</button>
                @endif

                @endif
            </div>
            <div class="col-lg-4 col-md-4">
                <ul class="booking-info-detail">
                    <li><span>{{__('Booking Number')}}:</span> {{$booking->id}}</li>
                    <li><span>{{__('Booking Date')}}:</span> {{display_date($booking->created_at)}}</li>
                    @if(!empty($gateway))
                    <li><span>{{__('Payment Method')}}:</span> {{$gateway->name}}</li>
                    @endif
                    <li><span>{{__('Booking Status')}}:</span> {{ $booking->status_name }}</li>

                    @if($booking->gateway == 'mfuko' && !is_null($receipt))
                    <li><span>{{__('Transaction ID')}}:</span> {{$receipt}}</li>
                    @endif
                </ul>
            </div>
        </div>
        <div class="row booking-success-detail">
            <div class="col-md-8">
                @include ($service->booking_customer_info_file ?? 'Booking::frontend/booking/booking-customer-info')
                <div class="text-center">
                    <a href="{{route('user.booking_history')}}" class="btn btn-primary">{{__('Booking History')}}</a>
                </div>
            </div>
            <div class="col-md-4">
                @include ($service->checkout_booking_detail_file ?? '')
            </div>

            @if($booking->status == 'processing' || $booking->status == 'unpaid')
            <script type="text/javascript">
                window.onload = function() {
                    var checker = setInterval(() => {
                        fetch(`/booking/stk/check/<br />
<b>Warning</b>:  Undefined variable $booking in <b>/home/oyaagyug/public_html/modules/Booking/Views/frontend/detail.blade.php</b> on line <b>88</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/oyaagyug/public_html/modules/Booking/Views/frontend/detail.blade.php</b> on line <b>88</b><br />
`).
                        then(response => response.json())
                            .then(data => {
                                if (data.receipt == null) {
                                    document.getElementById('mpesa-receipt').innerHTML = 'Confirming Payment... Please Wait.'
                                } else {
                                    location.reload();
                                    clearInterval(checker);

                                    return false;
                                }
                            });
                    }, 10000);
                };

                const resendStk = document.getElementById("resendStk")
                resendStk.addEventListener('click', function(ev) {
                    fetch(`/booking/stk/resend/<br />
<b>Warning</b>:  Undefined variable $booking in <b>/home/oyaagyug/public_html/modules/Booking/Views/frontend/detail.blade.php</b> on line <b>105</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/oyaagyug/public_html/modules/Booking/Views/frontend/detail.blade.php</b> on line <b>105</b><br />
`).
                    then(response => response.json())
                        .then(data => {
                            if (data.MerchantRequestID) {
                                window.location.replace(`/booking/${data.MerchantRequestID}`)
                            }
                        });
                })

            </script>
            @endif
        </div>
    </div>
</div>
@endsection

@section('footer')
@endsection