@extends('frontend.layouts.app') 
@section('content')

<section class="headings">
    <div class="text-heading text-center">
        <div class="container">
            <h1>Booking Confirmed</h1>
            <h2><a href="{{route('home')}}">Home </a></h2>
        </div>
    </div>
</section>
<!-- END SECTION HEADINGS -->

<!-- START SECTION TESTIMONIALS -->
<section class="testimonials home18 bg-white thanku-booking-section">
    <div class="container">
        <div class="tahnku-for-order-div">
        <div class="thanku-icon-wrapper">
           <span class="checkmark-icn"><i class="fas fa-check"></i></span>
        </div>
        <div class="sec-title">
            <h2><span>Thank you for </span>Booking</h2>
            <p>Your Booking ID is : {{ $booking->booking_code }}</p>
            <p>Payment Details : {{ ucfirst($transaction->transaction_type) }} Payment ( {{ ucfirst($transaction->payment_status) }})</p> 
            <a class="view-booking-btn" href="{{ url('booking_view/'.$booking->id) }}">View Booking</a>
        </div>
       </div>
       <div class="failure-order-div" style="display: none;">
        <div class="thanku-icon-wrapper">
           <span class="checkmark-icn"><i class="fas fa-times"></i></span>
        </div>
        <div class="sec-title">
            <h2><span>Your Order Is </span>Canceled</h2>
            <p>Your Booking ID is : {{ $booking->booking_code }}</p>
        </div>
       </div>
    </div>
</section>

@endsection 

@section('script')
<script>
    $(".dropdown-filter").on("click", function () {
        $(".explore__form-checkbox-list").toggleClass("filter-block");
    });
</script>
@endsection