@extends('admin.layout.main')
@section('title',$header['title'])

@section('content')

    <!-- Main content content-wrapper-->
    <div class="content-header">
    <div class="container-fluid">
        <div class="row mb-4 mt-2">
            <div class="col-sm-12 align-items-center d-flex breadcrumb-style">
                <h1 class="m-0">Flight Booking - View</h1>
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="https://dev.admin.rehlte.com/dashboard">Dashboard                        </a></li>
                    <li class="breadcrumb-item"><a href="https://dev.admin.rehlte.com/booking">Booking</a></li>
                    <li class="breadcrumb-item active">View</li>
                </ol>
            </div>
        </div><!-- /.col -->

    </div><!-- /.row -->
</div><!-- /.container-fluid -->

<div class="container-fluid">
    <div class="main-img main-bg-img">
        <div class="bg-imgg">
            <!-- <img src="" alt=""> -->
            <div class="container">
                <div class="row">
                    <div class="col-12">
                       <div class="mainmian">
                       <div class="four-ticket">
                            <div class="first-tic">
                                <a href="#">Email E-Ticket(s)</a>
                            </div>
                            <div class="second-tic">
                                <a
                                    href="https://dev.admin.rehlte.com/e-ticket/2162e3fe-82b6-42e4-a1a8-a819069d48fc?service=Flight">Download
                                    E-Ticket(s) </a>
                            </div>
                            <div class="third-tic">
                                <a href="#">Download Customer Invoice(s)</a>
                            </div>
                            <div class="fourth-tic">
                                <a href="#">Download Admin Invoice(s)</a>
                            </div>
                        </div>

                        <!-- your-flight -->
                        

                        <!-- threee-status-new -->
                        <div class="three-status-new">
                        <div class="your-flight-text">
                            <h1>Your Flight booking has completed!</h1>
                        </div>
                        <div class="threee">
                        <div class="f-t-new">
                                <span class="status-first-span">Booking ID :</span><span
                                    class="status-second-span">{{ $bookingDetail->booking_ref}}</span>
                            </div>
                            <div class="s-t-new">
                                <span class="status-first-span">System Ref ID :</span><span
                                    class="status-second-span">{{ $bookingDetail->id}}</span>
                            </div>
                            <div class="t-t-new">
                                <span class="status-first-span">Booked On :</span><span
                                    class="status-second-span">{{ $bookingDetail->booking_date}}</span>
                            </div>
                        </div>    
                        </div>
                       </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- four-ticket -->
        

        <!-- main-flight-information -->
    </div>

	
    <div class="container">
        <div class="row">
                        
                            
                                    <div class="col-12 flight-infooo">
                <div class="flight-information">
                    <div class="left-info">
                        <span class="from-text">{{ $bookingDetailsArr->flightDetails->airline->flights[0]->departureAirport }}</span>
                        <span><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0"
                                viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"
                                class="">
                               <g>
                                    <path
                                        d="m506.134 241.843-.018-.019-104.504-104c-7.829-7.791-20.492-7.762-28.285.068-7.792 7.829-7.762 20.492.067 28.284L443.558 236H20c-11.046 0-20 8.954-20 20s8.954 20 20 20h423.557l-70.162 69.824c-7.829 7.792-7.859 20.455-.067 28.284 7.793 7.831 20.457 7.858 28.285.068l104.504-104 .018-.019c7.833-7.818 7.808-20.522-.001-28.314z"
                                        fill="#000000" opacity="1" data-original="#000000" class=""></path>
                                </g>
                            </svg></span>
                        <span class="to-text">{{ $bookingDetailsArr->flightDetails->airline->flights[0]->arrivalAirport }}</span> 
                    </div>
                    <div class="right-info">
                        <span class="booking-status">Booking Status : </span><span class="com-text">
                            Confirmed
                        </span>
                    </div>
                </div>
            </div>

            <!-- two-boxes -->
                        
		              <!-- second colllllll -->

            <!-- cancel-box -->
            <div class="col-12 mt-4">
                <div class="new-cnacel-box">
                    <h2>CANCELLATION</h2>
                    <p>Your trip is completed and as your flight has already departed, online cancellation is not
                        allowed.</p>
                    <span class="free-linee-new"></span>
                </div>
            </div>

            <!-- fare--box -->
            <div class="col-12">
                <div class="fare-box mt-4">
                    <span class="fare-one">FARE DETAILS</span>
                    <span class="fare-two">
                        Customer Booked in EUR Currency with
                        Exchange Rate of 1 SAR
                        =
                        0.24
                        EUR
                    </span>

                                        <div class="pure-tra-one mt-3">
                        <div class="tra-line-one py-1">
                            <span>Traveller 2
                                (ADULT)</span><span>SAR
                                12855.00</span>
                        </div>
                        <div class="tra-line-two py-1">
                            <span>Fare</span><span>SAR
                                10571.00</span>
                        </div>
                        <div class="tra-line-three py-1">
                            <span>Taxes & Fees</span><span>SAR
                                0.00</span>
                        </div>
                    </div>
                                        <div class="pure-tra-one mt-3">
                        <div class="tra-line-one py-1">
                            <span>Traveller 1
                                (ADULT)</span><span>SAR
                                12855.00</span>
                        </div>
                        <div class="tra-line-two py-1">
                            <span>Fare</span><span>SAR
                                10571.00</span>
                        </div>
                        <div class="tra-line-three py-1">
                            <span>Taxes & Fees</span><span>SAR
                                0.00</span>
                        </div>
                    </div>
                    
                    <div class="pure-tra-one py-2">
                        <div class="tra-line-one py-1">
                            <span>Addon Meal
                                Fees</span><span>SAR 0.00</span>
                        </div>
                    </div>

                    <div class="pure-tra-one py-2">
                        <div class="tra-line-one py-1">
                            <span>Addon Seat
                                Fees</span><span>SAR 0.00</span>
                        </div>
                    </div>


                    <div class="pure-tra-one py-2">
                        <div class="tra-line-one py-1">
                            <span>Addon Bagg
                                Fees</span><span>SAR 0.00</span>
                        </div>
                    </div>

                    <div class="pure-tra-one py-2">
                        <div class="tra-line-one py-1">
                            <span>Markup Fee</span><span>SAR
                                77.13</span>
                        </div>
                    </div>

                    <div class="pure-tra-one py-2">
                        <div class="tra-line-one py-1">
                            <span>Vat (15%)
                                <span class="on-text">Vat on Mark Up Fee for International Flight booking</span>
                            </span><span>SAR
                                77.13</span>

                        </div>

                    </div>


                    <div class="pure-tra-one py-2 border-0 ">
                        <div class="tra-line-one py-1">
                            <span>Total Amount</span><span>SAR
                                26301.33</span>
                        </div>
                    </div>
                    <span class="free-linee-new-new"></span>
                </div>
            </div>

            <!-- Customer Info -->
            <div class="col-12 mt-4">
                <div class="customer-info">
                    <span>CUSTOMER CONTACT INFORMATION</span>
                    <p class="about-text py-1">Information about primary traveller. Any communication by airlines will
                        be sent to these details.</p>

                    <div class="six-box py-3">
                        <div class="row">
                                                        <div class="col-5 py-2 ms-2">
                                <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0"
                                        viewBox="0 0 512 512.001" style="enable-background:new 0 0 512 512"
                                        xml:space="preserve" class="hovered-paths">
                                        <g>
                                            <path
                                                d="M210.352 246.633c33.882 0 63.218-12.153 87.195-36.13 23.969-23.972 36.125-53.304 36.125-87.19 0-33.876-12.152-63.211-36.129-87.192C273.566 12.152 244.23 0 210.352 0c-33.887 0-63.22 12.152-87.192 36.125s-36.129 53.309-36.129 87.188c0 33.886 12.156 63.222 36.13 87.195 23.98 23.969 53.316 36.125 87.19 36.125zM144.379 57.34c18.394-18.395 39.973-27.336 65.973-27.336 25.996 0 47.578 8.941 65.976 27.336 18.395 18.398 27.34 39.98 27.34 65.972 0 26-8.945 47.579-27.34 65.977-18.398 18.399-39.98 27.34-65.976 27.34-25.993 0-47.57-8.945-65.973-27.34-18.399-18.394-27.344-39.976-27.344-65.976 0-25.993 8.945-47.575 27.344-65.973zM426.129 393.703c-.692-9.976-2.09-20.86-4.149-32.351-2.078-11.579-4.753-22.524-7.957-32.528-3.312-10.34-7.808-20.55-13.375-30.336-5.77-10.156-12.55-19-20.16-26.277-7.957-7.613-17.699-13.734-28.965-18.2-11.226-4.44-23.668-6.69-36.976-6.69-5.227 0-10.281 2.144-20.043 8.5a2711.03 2711.03 0 0 1-20.879 13.46c-6.707 4.274-15.793 8.278-27.016 11.903-10.949 3.543-22.066 5.34-33.043 5.34-10.968 0-22.086-1.797-33.043-5.34-11.21-3.622-20.3-7.625-26.996-11.899-7.77-4.965-14.8-9.496-20.898-13.469-9.754-6.355-14.809-8.5-20.035-8.5-13.313 0-25.75 2.254-36.973 6.7-11.258 4.457-21.004 10.578-28.969 18.199-7.609 7.281-14.39 16.12-20.156 26.273-5.558 9.785-10.058 19.992-13.371 30.34-3.2 10.004-5.875 20.945-7.953 32.524-2.063 11.476-3.457 22.363-4.149 32.363C.343 403.492 0 413.668 0 423.949c0 26.727 8.496 48.363 25.25 64.32C41.797 504.017 63.688 512 90.316 512h246.532c26.62 0 48.511-7.984 65.062-23.73 16.758-15.946 25.254-37.59 25.254-64.325-.004-10.316-.351-20.492-1.035-30.242zm-44.906 72.828c-10.934 10.406-25.45 15.465-44.38 15.465H90.317c-18.933 0-33.449-5.059-44.379-15.46-10.722-10.208-15.933-24.141-15.933-42.587 0-9.594.316-19.066.95-28.16.616-8.922 1.878-18.723 3.75-29.137 1.847-10.285 4.198-19.937 6.995-28.675 2.684-8.38 6.344-16.676 10.883-24.668 4.332-7.618 9.316-14.153 14.816-19.418 5.145-4.926 11.63-8.957 19.27-11.98 7.066-2.798 15.008-4.329 23.629-4.56 1.05.56 2.922 1.626 5.953 3.602 6.168 4.02 13.277 8.606 21.137 13.625 8.86 5.649 20.273 10.75 33.91 15.152 13.941 4.508 28.16 6.797 42.273 6.797 14.114 0 28.336-2.289 42.27-6.793 13.648-4.41 25.058-9.507 33.93-15.164 8.043-5.14 14.953-9.593 21.12-13.617 3.032-1.973 4.903-3.043 5.954-3.601 8.625.23 16.566 1.761 23.636 4.558 7.637 3.024 14.122 7.059 19.266 11.98 5.5 5.262 10.484 11.798 14.816 19.423 4.543 7.988 8.208 16.289 10.887 24.66 2.801 8.75 5.156 18.398 7 28.675 1.867 10.434 3.133 20.239 3.75 29.145v.008c.637 9.058.957 18.527.961 28.148-.004 18.45-5.215 32.38-15.937 42.582zm0 0"
                                                fill="#000000" opacity="1" data-original="#000000" class="hovered-path">
                                            </path>
                                        </g>
                                    </svg></span><span class="form-text-new">
                                    HARDIK KANSAKAR</span>
                            </div>
                            <div class="col-6 py-2 ms-2">
                                <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0"
                                        viewBox="0 0 512 512" style="enable-background:new 0 0 512 512"
                                        xml:space="preserve" class="">
                                        <g>
                                            <g fill-rule="evenodd" stroke-linecap="round" stroke-miterlimit="10"
                                                clip-rule="evenodd">
                                                <path
                                                    d="M65.445 0C29.38 0 0 29.38 0 65.446v381.111C0 482.623 29.38 512 65.445 512h381.11C482.62 512 512 482.623 512 446.557V65.446C512 29.38 482.62 0 446.555 0zm0 22.002h381.11c24.258 0 43.445 19.185 43.445 43.444v381.111C490 470.815 470.813 490 446.555 490H65.445C41.187 490 22 470.815 22 446.557V65.446c0-24.259 19.187-43.444 43.445-43.444z"
                                                    fill="#000000" opacity="1" data-original="#000000"></path>
                                                <path
                                                    d="M174.32 136.114c-36.012 0-65.443 29.43-65.443 65.443 0 20.491 9.546 38.831 24.395 50.85-45.9 16.829-78.823 60.844-78.823 112.487a11 11 0 0 0 11 11 11 11 0 0 0 11-11c0-54.195 43.698-97.892 97.891-97.892 54.193 0 97.89 43.697 97.89 97.892a11 11 0 0 0 11 11 11 11 0 0 0 11-11c0-51.653-32.935-95.677-78.849-112.498 14.84-12.02 24.381-30.354 24.381-50.84 0-36.012-29.429-65.443-65.441-65.442zm0 22.001a43.275 43.275 0 0 1 43.442 43.442 43.275 43.275 0 0 1-43.441 43.44c-24.123 0-43.444-19.318-43.444-43.44 0-24.123 19.32-43.442 43.444-43.442zM337.672 326.666a10.998 10.998 0 0 0-10.998 10.998 10.998 10.998 0 0 0 10.998 10.998l108.888.004a10.998 10.998 0 0 0 11-10.998 10.998 10.998 0 0 0-10.998-11zM446.562 245.002l-136.113.002a10.998 10.998 0 0 0-10.998 10.998 10.998 10.998 0 0 0 10.998 11l136.113-.004A10.998 10.998 0 0 0 457.56 256a10.998 10.998 0 0 0-10.998-10.998zM283.228 163.334a11 11 0 0 0-11 11 11 11 0 0 0 11 11H446.56a11 11 0 0 0 11-11 11 11 0 0 0-11-11z"
                                                    fill="#000000" opacity="1" data-original="#000000"></path>
                                            </g>
                                        </g>
                                    </svg></span><span class="form-text-new">
                                                                        RANIP NEW BUS-STAND
                                                                    </span>
                            </div>
                            <div class="col-5 py-2 ms-2">
                                <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0"
                                        viewBox="0 0 512 512" style="enable-background:new 0 0 512 512"
                                        xml:space="preserve" class="">
                                        <g>
                                            <path
                                                d="M467 76H45C20.137 76 0 96.262 0 121v270c0 24.885 20.285 45 45 45h422c24.655 0 45-20.03 45-45V121c0-24.694-20.057-45-45-45zm-6.302 30L287.82 277.967c-8.5 8.5-19.8 13.18-31.82 13.18s-23.32-4.681-31.848-13.208L51.302 106h409.396zM30 384.894V127.125L159.638 256.08 30 384.894zM51.321 406l129.587-128.763 22.059 21.943c14.166 14.166 33 21.967 53.033 21.967s38.867-7.801 53.005-21.939l22.087-21.971L460.679 406H51.321zM482 384.894 352.362 256.08 482 127.125v257.769z"
                                                fill="#000000" opacity="1" data-original="#000000"></path>
                                        </g>
                                    </svg></span><span class="form-text-new">
                                    HARDIK@GMAIL.COM</span>
                            </div>
                            <!-- <div class="col-6 py-2 ms-2">
                                      <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill-rule="evenodd" stroke-linecap="round" stroke-miterlimit="10" clip-rule="evenodd"><path d="M65.445 0C29.38 0 0 29.38 0 65.446v381.111C0 482.623 29.38 512 65.445 512h381.11C482.62 512 512 482.623 512 446.557V65.446C512 29.38 482.62 0 446.555 0zm0 22.002h381.11c24.258 0 43.445 19.185 43.445 43.444v381.111C490 470.815 470.813 490 446.555 490H65.445C41.187 490 22 470.815 22 446.557V65.446c0-24.259 19.187-43.444 43.445-43.444z" fill="#000000" opacity="1" data-original="#000000"></path><path d="M174.32 136.114c-36.012 0-65.443 29.43-65.443 65.443 0 20.491 9.546 38.831 24.395 50.85-45.9 16.829-78.823 60.844-78.823 112.487a11 11 0 0 0 11 11 11 11 0 0 0 11-11c0-54.195 43.698-97.892 97.891-97.892 54.193 0 97.89 43.697 97.89 97.892a11 11 0 0 0 11 11 11 11 0 0 0 11-11c0-51.653-32.935-95.677-78.849-112.498 14.84-12.02 24.381-30.354 24.381-50.84 0-36.012-29.429-65.443-65.441-65.442zm0 22.001a43.275 43.275 0 0 1 43.442 43.442 43.275 43.275 0 0 1-43.441 43.44c-24.123 0-43.444-19.318-43.444-43.44 0-24.123 19.32-43.442 43.444-43.442zM337.672 326.666a10.998 10.998 0 0 0-10.998 10.998 10.998 10.998 0 0 0 10.998 10.998l108.888.004a10.998 10.998 0 0 0 11-10.998 10.998 10.998 0 0 0-10.998-11zM446.562 245.002l-136.113.002a10.998 10.998 0 0 0-10.998 10.998 10.998 10.998 0 0 0 10.998 11l136.113-.004A10.998 10.998 0 0 0 457.56 256a10.998 10.998 0 0 0-10.998-10.998zM283.228 163.334a11 11 0 0 0-11 11 11 11 0 0 0 11 11H446.56a11 11 0 0 0 11-11 11 11 0 0 0-11-11z" fill="#000000" opacity="1" data-original="#000000"></path></g></g></svg></span><span class="form-text-new">
                                        Opp: Saraspur Nagrik Bank, Navrangpura</span>
                                  </div> -->
                            <div class="col-5 py-2 ms-2">
                                <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0"
                                        viewBox="0 0 25.625 25.625" style="enable-background:new 0 0 512 512"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M22.079 17.835c-1.548-1.324-3.119-2.126-4.648-.804l-.913.799c-.668.58-1.91 3.29-6.712-2.234-4.801-5.517-1.944-6.376-1.275-6.951l.918-.8c1.521-1.325.947-2.993-.15-4.71l-.662-1.04C7.535.382 6.335-.743 4.81.58l-.824.72c-.674.491-2.558 2.087-3.015 5.119-.55 3.638 1.185 7.804 5.16 12.375 3.97 4.573 7.857 6.87 11.539 6.83 3.06-.033 4.908-1.675 5.486-2.272l.827-.721c1.521-1.322.576-2.668-.973-3.995l-.931-.801z"
                                                style="" fill="#030104" data-original="#030104"></path>
                                        </g>
                                    </svg></span><span class="form-text-new">
                                                                        +91-8989666456
                                    </span>
                            </div>
                            <div class="col-6 py-2 ms-2">
                                <span class="form-img-new"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0"
                                        viewBox="0 0 512 512" style="enable-background:new 0 0 512 512"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M256 0C153.755 0 70.573 83.182 70.573 185.426c0 126.888 165.939 313.167 173.004 321.035 6.636 7.391 18.222 7.378 24.846 0 7.065-7.868 173.004-194.147 173.004-321.035C441.425 83.182 358.244 0 256 0zm0 278.719c-51.442 0-93.292-41.851-93.292-93.293S204.559 92.134 256 92.134s93.291 41.851 93.291 93.293-41.85 93.292-93.291 93.292z"
                                                fill="#000000" opacity="1" data-original="#000000"></path>
                                        </g>
                                    </svg></span><span class="form-text-new">
                                                                        
                                                                        India
                                    384452

                                </span>
                            </div>
                            
                        </div>

                    </div>
                    <span class="free-linee-new-new"></span>
                </div>
            </div>

            <!-- airline-contact-information -->
            <div class="col-12 mt-4">
                <div class="airline-contact">
                    <div class="left-air">
                        <span class="aci-text">AIRLINE CONTACT INFORMATION</span><span><svg
                                xmlns="http://www.w3.org/2000/svg" version="1.1"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0"
                                viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"
                                class="">
                                <g>
                                    <path
                                        d="m506.134 241.843-.018-.019-104.504-104c-7.829-7.791-20.492-7.762-28.285.068-7.792 7.829-7.762 20.492.067 28.284L443.558 236H20c-11.046 0-20 8.954-20 20s8.954 20 20 20h423.557l-70.162 69.824c-7.829 7.792-7.859 20.455-.067 28.284 7.793 7.831 20.457 7.858 28.285.068l104.504-104 .018-.019c7.833-7.818 7.808-20.522-.001-28.314z"
                                        fill="#000000" opacity="1" data-original="#000000" class=""></path>
                                </g>
                            </svg></span>
                    </div>
                    <div class="right-air">
                                                <div class="lll-one">
                            <img src="https://dev.admin.rehlte.com/assets/images/airlineLogo/AI.png" alt="">
                        </div>
                        <div class="rrr-one">
                            <p>Air India AIRLINES</p>
                            <p>011-4102XXXX</p>
                        </div>
                                                <div class="lll-one">
                            <img src="https://dev.admin.rehlte.com/assets/images/airlineLogo/WY.png" alt="">
                        </div>
                        <div class="rrr-one">
                            <p>Oman Air AIRLINES</p>
                            <p>011-4102XXXX</p>
                        </div>
                                            </div>
                    <span class="free-linee-new-new"></span>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- second design Page -->




<!-- /.content-header -->



    <!-- /.content -->
  </div>
@endsection
  @section('js')
    <!-- /.content-wrapper -->
    <script>
    
    $("#supplier").select2();
    // $('*[value=""]').removeClass('is-valid');
 $(function() {
        $('.datepicker').datepicker({
            dateFormat: 'yy-mm-dd',
            changeYear: true,
            yearRange: '-40:+40', // Specify a range of selectable years
        });
    });
</script>
<script>
  document.getElementById('flexCheckDefault1').onclick = function () {
      
      var checkboxes = document.getElementsByName('check');
      for (var checkbox of checkboxes) {
        checkbox.checked = this.checked;
      }
    }
  </script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script>

  @append