@extends('layouts.app')
@push('css')
<link href="{{ asset('module/booking/css/checkout.css?_ver='.config('app.asset_version')) }}" rel="stylesheet">
@if($bg=setting_item("car_page_search_banner"))
<style>
    .section_nav {
        background-image: url('{{get_file_url($bg,'full')}}');
        background-size:cover;
        
    }
    .nav2{
        /* background-image:url('/gfsd.png') !important;  */
    }
    .term-conditions-checkbox{
        color: white
    }
    .booking-review{
        background-color: #fff;
    }

</style>
  @endif
@endpush
@section('content')
<div class="bravo-booking-page padding-content">
    <div class="container">
        <div id="bravo-checkout-page">
            <div class="row">
                <div class="col-md-8">
                    {{-- <h3 class="form-title">{{__('Booking Submission')}} abdo</h3> --}}
                    <div class="booking-form">
                        @include ($service->checkout_form_file ?? 'Booking::frontend/booking/checkout-form' )
                        @if(!empty($token = request()->input('token')))
                        <input type="hidden" name="token" value="{{$token}}">
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="booking-detail booking-form">
                        @if($booking->object_model =='rent-car' OR $booking->object_model =='city-toure' OR $booking->object_model =='transfare' OR $booking->object_model =='limousine')
                        @include ('Car::frontend/citytourbooking/detail')
                        @else
                        @include ($service->checkout_booking_detail_file ?? '')
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        
       
        <br>
        <br>
        <br>
        <br>
        <br>
        </section>
@endsection
@push('js')
<script src="{{ asset('module/booking/js/checkout.js') }}"></script>

<script type="text/javascript">
    jQuery(function () {
            $.ajax({
                'url': bookingCore.url + '{{$is_api ? '/api' : ''}}/booking/{{$booking->code}}/check-status',
                'cache': false,
                'type': 'GET',
                success: function (data) {
                    if (data.redirect !== undefined && data.redirect) {
                        // window.location.href = data.redirect
                    }
                }
            });
        })

        $('.deposit_amount').on('change', function(){
            checkPaynow();
        });

        $('input[type=radio][name=how_to_pay]').on('change', function(){
            checkPaynow();
        });

        function checkPaynow(){
            var credit_input = $('.deposit_amount').val();
            var how_to_pay = $("input[name=how_to_pay]:checked").val();
            var convert_to_money = credit_input * {{ setting_item('wallet_credit_exchange_rate',1)}};

            if(how_to_pay == 'full'){
                var pay_now_need_pay = parseFloat({{floatval($booking->total)}}) - convert_to_money;
            }else{
                var pay_now_need_pay = parseFloat({{floatval($booking->deposit == null ? $booking->total : $booking->deposit)}}) - convert_to_money;
            }

            if(pay_now_need_pay < 0){
                pay_now_need_pay = 0;
            }
            $('.convert_pay_now').html(bravo_format_money(pay_now_need_pay));
            $('.convert_deposit_amount').html(bravo_format_money(convert_to_money));
        }


        jQuery(function () {
            $(".bravo_apply_coupon").click(function () {
                var parent = $(this).closest('.section-coupon-form');
                parent.find(".group-form .fa-spin").removeClass("d-none");
                parent.find(".message").html('');
                $.ajax({
                    'url': bookingCore.url + '/booking/{{$booking->code}}/apply-coupon',
                    'data': parent.find('input,textarea,select').serialize(),
                    'cache': false,
                    'method':"post",
                    success: function (res) {
                        parent.find(".group-form .fa-spin").addClass("d-none");
                        if (res.reload !== undefined) {
                            window.location.reload();
                        }
                        if(res.message && res.status === 1)
                        {
                            parent.find('.message').html('<div class="alert alert-success">' + res.message+ '</div>');
                        }
                        if(res.message && res.status === 0)
                        {
                            parent.find('.message').html('<div class="alert alert-danger">' + res.message+ '</div>');
                        }
                    }
                });
            });
            $(".bravo_remove_coupon").click(function (e) {
                e.preventDefault();
                var parent = $(this).closest('.section-coupon-form');
                var parentItem = $(this).closest('.item');
                parentItem.find(".fa-spin").removeClass("d-none");
                $.ajax({
                    'url': bookingCore.url + '/booking/{{$booking->code}}/remove-coupon',
                    'data': {
                        coupon_code:$(this).attr('data-code')
                    },
                    'cache': false,
                    'method':"post",
                    success: function (res) {
                        parentItem.find(".fa-spin").addClass("d-none");
                        if (res.reload !== undefined) {
                            window.location.reload();
                        }
                        if(res.message && res.status === 0)
                        {
                            parent.find('.message').html('<div class="alert alert-danger">' + res.message+ '</div>');
                        }
                    }
                });
            });
        })
</script>
@endpush