Viewing file:  34944720c0e39e2f5a33626547643a52c5780047.php (78.96 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title', 'Flight'); ?>
<?php $__env->startSection('css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('front/css/owl.carousel.min.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('front/css/owl.theme.default.min.css')); ?>">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.css"/>
<style>
.nav-top-area {
background-color: #393E46;
border: none;
}
.navbar-s-area {
background-color: var(--main-color);
}
.owl-carousel {
max-width: 700px;
margin: 0 auto;
padding: 30px 0;
}
.owl-carousel .item {
font-size: 30px;
text-align: center;
padding: 40px 20px;
line-height: 2;
font-weight: 700;
background-color: #eee;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
z-index: 1;
width: 40px;
height: 40px;
background-color: #ccc;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translatey(-50%);
}
.owl-nav button span {
font-size: 30px;
height: 100%;
display: block;
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.owl-carousel .owl-nav button.owl-next {
right: 0;
}
.owl-carousel .owl-nav {
margin: 0;
}
.btn-wrap {
text-align: center;
width: 100%;
position: absolute;
bottom: 277px;
left: 260px;
}
button {
background-color: #ddd;
border: none;
padding: 10px 20px;
border-radius: 5px;
margin: 10px;
font-size: 18px;
font-weight: 600;
transition: all 0.5s;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.owl-theme .owl-nav .disabled,
button.disabled {
opacity: 0.6;
}
.owl-item.active {
width: 400px !important;
}
.custom-li-nav button{
font-size: 12px !important;
font-weight: 900;
}
.custom-li-nav .nav-link{
background-color: white;
color: black;
border: hidden !important;
cursor: pointer;
}
.custom-li-nav{
width: 33.33%;
}
.custom-li-nav button{
width: 100%;
}
.custom-nav-pills{
background-color: white !important;
border-bottom: 1px solid lightgrey;
}
.nav-link:focus{
outline: none !important;
}
.custom-li-nav .nav-link.active{
background: white !important;
color: black !important;
border-bottom: 3px solid black !important;
margin: 0px !important;
border-radius: 0px !important;
}
.custom-li-nav .nav-link.active{
padding-top: 15px !important;
}
.custom-label-e {
position: relative;
top: 19px;
left: 10px;
background: white;
padding: 2px 5px;
}
.custom-input-e{
height: 40px !important;
border-radius: 0px !important;
}
.font-12{
font-size: 12px !important;
}
.font-11{
font-size: 11px !important;
}
.font-13{
font-size: 13px !important;
}
.sec-conunt-p {
padding: 5px 13px 4px 13px !important;
}
.from-city-ul,.one-from-city-ul,.d-from-response-list{
padding: 0px !important;
background: whitesmoke;
position: absolute !important;
height: 225px !important;
overflow-x: hidden !important;
overflow-y: scroll !important;
z-index: 9999 !important;
width: 88%;
}
.to-city-ul,one_to-city-ul,.d-to-response-list{
padding: 0px !important;
background: whitesmoke;
position: absolute !important;
height: 225px !important;
overflow-x: hidden !important;
overflow-y: scroll !important;
z-index: 9999 !important;
width: 88%;
}
.one_to-city-ul {
padding: 0px !important;
background: whitesmoke;
position: absolute !important;
height: 225px !important;
overflow-x: hidden !important;
overflow-y: scroll !important;
z-index: 9999 !important;
width: 88%;
}
li span .fa-plane:before{
font-size: 17px !important;
margin: 0 auto !important;
}
.flight-remove-btn {
position: relative;
left: -13px;
padding: 4px 6px;
background: red;
color: white;
border-radius: 50px;
font-size: 18px;
top: 80px;
}
.flight-remove-btn-section {
position: absolute;
right: 0;
height: 179px;
border-left: 3px solid red;
padding: 0;
margin: 0 auto !important;
}
input{
font-size: 11px !important;
}
/**/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: #aca1a1;
border: 2px solid #aca1a1;
}
.get-quotes-btn{
position: relative;
right: 10px;
}
.form-group{
margin: 0px !important;
padding: 0px 10px !important;
}
.align-items-start{
padding: 17px 0px;
}
@media (max-width: 700px) {
.btn-wrap {
text-align: center;
width: 100%;
position: relative;
bottom: 277px;
z-index: 999;
left: 0;
}
button.prev-btn {
float: left;
}
button.next-btn {
float: right;
}
.owl-item.active {
width: 100% !important;
}
.owl-stage {
width: 100% !important;
}
.details-content-sec {
height: 500px !important;
top: -80px !important;
}
.recommended-sec {
margin-top: 0px;
}
.recommended-by-sec {
text-align: center;
}
.recommended-img {
text-align: center;
}
.review-logo {
height: 90px;
margin-top: 20px;
float: inherit !important;
}
.subscribe-section {
margin: 0 auto;
}
.quotes-section {
padding-top: 0px;
}
.nav-tab-quotes-sec {
padding-top: 10px !important;
}
.qoutes-note-sec {
margin: 10px;
}
i.fa.fa-lock.phone-deal-icon {
font-size: 23px;
position: relative;
top: -14px;
left: 4px;
}
i.fa.fa-smile-o.phone-deal-icon {
font-size: 25px;
position: relative;
top: -16px;
left: 6px;
}
i.fa.fa-envelope-o.phone-deal-icon {
font-size: 25px;
position: relative;
top: -16px;
left: 7px;
}
.phone-offer-text-sec {
margin-bottom: 10px;
}
.details-sec-contents {
padding-right: 0px;
}
.reviewer-info {
padding-right: 0px;
}
.how-it-works-sec {
position: relative;
left: 8px;
}
.carousel-inner {
margin: 15px !important;
}
.flight-remove-btn{
position: relative;
left: -13px;
top: 117px !important;
z-index: 9999999;
}
.flight-remove-btn-section{
position: absolute;
right: 0;
height: 246px !important;
z-index: 9999999;
}
.price-from .tripe-price{
word-wrap: break-word !important;
}
.del-price-details{
font-size: 25px !important;
}
}
.del-price-details{
font-size: 37px !important;
}
.subs-input{
height:45px !important;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php
$contactSection = json_decode(get_settings('contact_section'));
$quoteNoteSection = json_decode(get_settings('quote_note_section'));
$whyBookWithUs = json_decode(get_settings('why_book_with_us_section'));
$howItWorks = json_decode(get_settings('how_it_works_section'));
$contactData= get_settings('contact_info')?json_decode(get_settings('contact_info')):'';
$happyClientSection = json_decode(get_settings('happy_client'));
?>
<div class="row mr-0 align-items-start">
<div class="col-md-8">
<div class="row">
<div class="col-lg-12 details-sec-contents">
<div class="details-content-sec"
style="background-image: url(<?php echo e(asset('uploads/'.$flight->banner_image)); ?>);background-size:cover;background-repeat:no-repeat;height:700px">
<div class="flight-pricing-details">
<div class="flight-image-section">
<div class="flight-img-content">
<?php if(isset($flight->price) && $flight->price && isset($flight->discount) && $flight->discount): ?>
<div class="flight-price-head-sec">
<?php $discount=($flight->price * $flight->discount) / 100; ?>
<h3 class="flight-pricing-heading"><?php echo e(ucfirst(isset($flight->flight_type)?$flight->flight_type:'')); ?>
Class</h3>
<h3 class="flight-pricing-heading">Flights
to <?php echo e(isset($flight->flight_to)?$flight->flight_to:''); ?> at
<?php echo e(isset($flight->discount)?$flight->discount:''); ?>%* Off</h3>
</div>
<?php endif; ?>
<div class="pricing-trip-sec">
<span class="price-from">From <a href="#"
class="tripe-price"><?php echo e(formatNumberWithCurrSymbol($flight->price - $discount)); ?></a> <span
class="total-price-tripe-type"><?php echo e(ucfirst(isset($flight->trip)?str_replace('_','-',$flight->trip):'')); ?>-tripe*Total</span></span>
</div>
<div class="mt-3">
<span class="badge text-white del-price-details">
<del><?php echo e(formatNumberWithCurrSymbol($flight->price)); ?></del>
</span>
</div>
</div>
</div>
</div>
<div class="banner-logo-list">
<div class="banner-logo-image">
<?php
$brandLogoSection = json_decode(get_settings('brand_logo'));
?>
<?php if(isset($brandLogoSection)): ?>
<div class="row mr-0 mb-5">
<?php $__currentLoopData = $brandLogoSection; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-lg-4">
<div class="detais-logo">
<img class="brand-logo" src="<?php echo e(asset('uploads/'.$item)); ?>" alt="">
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="depert-from-sec d-flex">
<div class="profile-img-sec">
<img class="profile-img" src="<?php echo e(asset('uploads/'.$flight->banner_image)); ?>" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="row recommended-sec">
<div class="col-md-8 m-auto">
<div class="row">
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 m-auto">
<div class="row">
<div class="col-md-12 reviewer-info">
<div class="reviewer-info-sec">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="item review-item">
<div class="reviewer-info">
<div class="reviewer-name">
<strong><?php echo e(isset($happyClientSection->happy_client_name_one)?$happyClientSection->happy_client_name_one:''); ?></strong>
</div>
<div class="reviewer-address">
<?php echo e(isset($happyClientSection->happy_client_designation_one)?$happyClientSection->happy_client_designation_one:''); ?>
</div>
</div>
<div class="reviewer-message">
<span><?php echo e(isset($happyClientSection->happy_client_feedback_one)?$happyClientSection->happy_client_feedback_one:''); ?></span>
</div>
</div>
</div>
<div class="carousel-item">
<div class="item review-item">
<div class="reviewer-info">
<div class="reviewer-name">
<strong><?php echo e(isset($happyClientSection->happy_client_name_one)?$happyClientSection->happy_client_name_one:''); ?></strong>
</div>
<div class="reviewer-address">
<?php echo e(isset($happyClientSection->happy_client_designation_one)?$happyClientSection->happy_client_designation_one:''); ?>
</div>
</div>
<div class="reviewer-message">
<span><?php echo e(isset($happyClientSection->happy_client_feedback_one)?$happyClientSection->happy_client_feedback_one:''); ?></span>
</div>
</div>
</div>
<div class="carousel-item">
<div class="item review-item">
<div class="reviewer-info">
<div class="reviewer-name">
<strong><?php echo e(isset($happyClientSection->happy_client_name_one)?$happyClientSection->happy_client_name_one:''); ?></strong>
</div>
<div class="reviewer-address">
<?php echo e(isset($happyClientSection->happy_client_designation_one)?$happyClientSection->happy_client_designation_one:''); ?>
</div>
</div>
<div class="reviewer-message">
<span><?php echo e(isset($happyClientSection->happy_client_feedback_one)?$happyClientSection->happy_client_feedback_one:''); ?></span>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button"
data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button"
data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<hr>
</div>
</div>
<div class="row subscribe-section">
<div class="col-lg-8 mx-auto">
<div class="row">
<div class="col-md-12">
<div class="subscribe-sec-content">
<div class="subscribe-sec-heading">
Interested in Receiving <br>
Business Class Sale Alerts?
</div>
<div class="subscribe-sec-text">
Subscribe to our newsletters and be the first to receive updates on our latest sales
and exclusive offers unavailable online
</div>
</div>
</div>
<div class="col-md-12">
<form action="<?php echo e(route('subscribe')); ?>" method="post">
<?php echo csrf_field(); ?>
<div class="row">
<div class="col-md-4">
<input type="number" name="phone_number" maxlength="12" required class="form-control subs-input" placeholder="Phone number">
</div>
<div class="col-lg-4">
<input type="email" name="email" required class="form-control subs-input" id="from-place"
placeholder="Email address">
</div>
<div class="col-md-4">
<button type="submit" class="btn-block custom-theme-btn">Subscribe</button>
</div>
<div class="col-md-10">
<div class="subscribe-safety-text">
<i class="fa fa-lock" aria-hidden="true"></i> 100% Safety & Privacy Guaranteed!
Unsubscribe anytime.
</div>
</div>
<div class="col-12">
<div class="subscribe-checkbox">
<div>
<input type="checkbox" required id="" class="checkbox-terms">
</div>
<div class="check-box-label">
I agree to receive promotional SMS via an autodialer, and this agreement isn't a
condition of
purchase. I also agree to <a href="#">T&Cs</a> and <a href="">Privacy Policy</a> .
Up to 5 Msgs/month.
Msg & Data rates may apply.
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 nav-tab-quotes-sec pt-5">
<div class="row">
<div class="col-md-12">
<div class="quotes-section">
<div class="quotes-head-text">
<span><?php echo e(isset($contactSection)?$contactSection->contact_section_first_heading:old('contact_section_first_heading')); ?></span>
</div>
<div class="quotes-head-sec">
<div class="quotes-head-call-btn">
<a href="" class="quotes-btn"><i class="fa fa-phone m-1" aria-hidden="true">
</i><?php echo e(isset($contactData->phone_number)?$contactData->phone_number:''); ?></a>
</div>
</div>
</div>
</div>
</div>
<div class="request-offer-sec">
<div class="request-offer-text">
<div class="request-offer-title-sec">
<span
class="request-offer-title"><?php echo e(isset($contactSection)?$contactSection->contact_section_second_heading:old('contact_section_second_heading')); ?></span>
<p class="request-offer-second-title"><?php echo e(isset($contactSection)?$contactSection->contact_section_third_heading:old('contact_section_third_heading')); ?></p>
</div>
</div>
</div>
<div class="row qoutes-note-sec">
<div class="col-md-12 mt-2">
<ul class="nav nav-pills mb-3 justify-content-center custom-nav-pills" id="pills-tab"
role="tablist">
<li class="nav-item custom-li-nav" role="presentation">
<button class="nav-link active" id="pills-home-tab"
data-toggle="pill" data-target="#pills-home"
type="button" role="tab" aria-controls="pills-home"
aria-selected="true">ROUND-TRIP
</button>
</li>
<li class="nav-item custom-li-nav" role="presentation">
<button class="nav-link" id="pills-profile-tab"
data-toggle="pill" data-target="#pills-profile"
type="button" role="tab" aria-controls="pills-profile"
aria-selected="false">ONE-WAY
</button>
</li>
<li class="nav-item custom-li-nav" role="presentation">
<button class="nav-link" id="pills-contact-tab"
data-toggle="pill" data-target="#pills-contact"
type="button" role="tab" aria-controls="pills-contact"
aria-selected="false">MULTI-CITY
</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home"
role="tabpanel" aria-labelledby="pills-home-tab">
<form action="<?php echo e(route('get.quotes')); ?>" method="POST">
<?php echo csrf_field(); ?>
<input type="hidden" name="trip_type" value="round_trip">
<div class="row">
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">From*</label>
<input autocomplete="off" name="from_city" type="text"
class="form-control from_city font-11 custom-input-e"
placeholder="Ciy or Airport">
<ul class="from-city-ul d-none">
</ul>
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">To*</label>
<input autocomplete="off" type="text" name="to_city"
class="form-control to_city font-11 custom-input-e"
placeholder="Ciy or Airport">
<ul class="to-city-ul d-none">
</ul>
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Depart Date</label>
<input type="text" name="depart_date"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Return Date</label>
<input type="text" name="return_date"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Name</label>
<input type="text" name="name" placeholder="e.g John Smith"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Passenger / Cabin</label>
<div class="c-pointer font-11 round-trip-counter click-passengers"
role="button">
<span
class="round-trip-passenger">1</span>
Passenger |
<span class="round-trip-cabin-type">Business</span>
</div>
<input type="hidden" name="passenger" class="round-passenger" value="1">
<input type="hidden" name="cabin_type" class="round-cabin" value="business">
<div class="dropdown-menu custom-dw-for-round-trip d-none dp-c">
<div class="pl-3 pr-3">
<h6 class="pl-">Passengers</h6>
<div class="passenger_section">
<i class="fa fa-minus round_passenger_minus c-pointer"></i>
<span class="round-trip-passenger sec-conunt-p c-disabled">1</span>
<i class="fa fa-plus round_passenger_plus c-pointer"></i>
</div>
<h6 class="font-weight-light mt-4 font-13">CABIN CLASS</h6>
<div class="form-group mb-1">
<input type="radio" checked class="round-cabin-input"
name="cabin_class" value="Business"
id="round_business_cabin">
<label for="round_business_cabin" class="font-13">Business</label>
</div>
<div class="form-group mb-1">
<input type="radio" name="cabin_class" class="round-cabin-input"
value="First" id="round_first_cabin">
<label for="round_first_cabin" class="font-13">First</label>
</div>
</div>
</div>
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Phone Number*</label>
<input type="number" required placeholder="Enter phone number"
name="phone_number"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Email*</label>
<input type="email" required name="email"
class="form-control font-11 custom-input-e"
placeholder="example@mail.com">
</div>
</div>
<div class="row">
<div class="col-md-12 mt-2 get-quotes-btn">
<button type="submit" class="btn custom-theme-btn d-block w-100">
GET FREE QUITES
</button>
</div>
</div>
</form>
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel"
aria-labelledby="pills-profile-tab">
<form action="<?php echo e(route('get.quotes')); ?>" method="POST">
<?php echo csrf_field(); ?>
<input type="hidden" name="trip_type" value="one_way">
<div class="row">
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">From*</label>
<input autocomplete="off" name="one_from_city" type="text"
class="form-control font-11 one_from_city custom-input-e"
placeholder="Ciy or Airport">
<ul class="one-from-city-ul d-none">
</ul>
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">To*</label>
<input autocomplete="off" type="text" name="one_to_city"
class="form-control font-11 one_to_city custom-input-e"
placeholder="Ciy or Airport">
<ul class="one_to-city-ul d-none">
</ul>
</div>
<div class="col-md-12 form-group">
<label class="font-12 custom-label-e" for="">Depart Date</label>
<input type="text" name="depart_date"
class="form-control font-12 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Name</label>
<input type="text" name="name" placeholder="e.g John Smith"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Passenger / Cabin</label>
<div class="c-pointer font-11 one-trip-counter click-passengers" role="button">
<span
class="one-trip-passenger">1</span>
Passenger |
<span class="one-trip-cabin-type">Business</span>
</div>
<input type="hidden" name="passenger" class="one-passenger"
value="1">
<input type="hidden" name="cabin_type" class="one-cabin" value="business">
<div class="dropdown-menu custom-dw-for-one-trip d-none dp-c">
<div class="pl-3 pr-3">
<h6 class="pl-">Passengers</h6>
<div class="passenger_section">
<i class="fa fa-minus one_passenger_minus c-pointer"></i>
<span
class="one-trip-passenger sec-conunt-p c-disabled">1</span>
<i class="fa fa-plus one_passenger_plus c-pointer"></i>
</div>
<h6 class="font-weight-light mt-4 font-13">CABIN CLASS</h6>
<div class="form-group mb-1">
<input type="radio" checked class="one-cabin-input"
name="cabin_class" value="Business"
id="one_business_cabin">
<label for="one_business_cabin" class="font-13">Business</label>
</div>
<div class="form-group mb-1">
<input type="radio" name="cabin_class" class="one-cabin-input"
value="First" id="one_first_cabin">
<label for="one_first_cabin" class="font-13">First</label>
</div>
</div>
</div>
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Phone Number*</label>
<input type="number" placeholder="Enter phone number" name="phone_number"
class="form-control font-11 custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-11 custom-label-e">Email*</label>
<input type="email" name="email" class="form-control font-11 custom-input-e"
placeholder="example@mail.com">
</div>
</div>
<div class="row">
<div class="col-md-12 mt-2 get-quotes-btn">
<button type="submit" class="btn custom-theme-btn d-block w-100">
GET FREE QUOTES
</button>
</div>
</div>
</form>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel"
aria-labelledby="pills-contact-tab">
<form action="<?php echo e(route('get.quotes')); ?>" method="POST" class="multi-city-form">
<?php echo csrf_field(); ?>
<input type="hidden" name="trip_type" value="multi_city">
<div class="row">
<div class="col-md-6 form-group">
<label class="font-11 custom-label-e">From*</label>
<input autocomplete="off" data-id="998746" name="from_city[]" type="text"
class="form-control m_from_city custom-input-e m-from-input-d_998746"
placeholder="Ciy or Airport">
<ul class="from-city-ul_998746 d-none d-from-response-list d-res">
</ul>
</div>
<div class="col-md-6 form-group">
<label class="font-11 custom-label-e">To*</label>
<input autocomplete="off" type="text" data-id="998746" name="to_city[]"
class="form-control m_to_city custom-input-e m-to-input-d_998746"
placeholder="Ciy or Airport">
<ul class="to-city-ul_998746 d-none d-to-response-list d-res">
</ul>
</div>
<div class="col-md-12 form-group">
<label class="font-11 custom-label-e">Depart Date</label>
<input type="text" name="depart_date[]"
class="form-control d-depart-date custom-input-e">
</div>
<div class="col-md-12 add-multi-city">
</div>
<div class="col-md-12 text-right justify-content-end pt-3">
<span class="c-pointer add-more-flight font-11"><u>Add Flight</u></span>
</div>
<div class="col-md-6 form-group">
<label class="font-11 custom-label-e">Name</label>
<input type="text" name="name" placeholder="e.g John Smith"
class="form-control custom-input-e">
</div>
<div class="col-md-6 form-group">
<label class="font-12 custom-label-e" for="">Passenger / Cabin</label>
<div class="c-pointer font-11 m-trip-counter click-passengers" role="button">
<span
class="m-trip-passenger">1</span>
Passenger |
<span
class="m-trip-cabin-type">Business</span>
</div>
<input type="hidden" name="passenger" class="one-passenger" value="1">
<input type="hidden" name="cabin_type" class="one-cabin" value="business">
<div class="dropdown-menu custom-dw-for-m-trip d-none dp-c">
<div class="pl-3 pr-3">
<h6 class="pl-">Passengers</h6>
<div class="passenger_section">
<i class="fa fa-minus m_passenger_minus c-pointer"></i>
<span
class="m-trip-passenger sec-conunt-p c-disabled">1</span>
<i class="fa fa-plus m_passenger_plus c-pointer"></i>
</div>
<h6 class="font-weight-light mt-4 font-13">CABIN CLASS</h6>
<div class="form-group mb-1">
<input type="radio" class="m-cabin-input"
name="cabin_class" value="Business" checked
id="m_business_cabin">
<label for="m_business_cabin" class="font-13">Business</label>
</div>
<div class="form-group mb-1">
<input type="radio" name="cabin_class" class="m-cabin-input"
value="First" id="m_first_cabin">
<label for="m_first_cabin" class="font-13">First</label>
</div>
</div>
</div>
</div>
<div class="col-md-6 form-group">
<label for="" class="font-11 custom-label-e">Phone Number*</label>
<input type="number" placeholder="Enter phone number custom-input-e"
name="phone_number" class="form-control">
</div>
<div class="col-md-6 form-group">
<label for="" class="font-11 custom-label-e">Email*</label>
<input type="email" name="email" class="form-control custom-input-e"
placeholder="example@mail.com">
</div>
</div>
<div class="row">
<div class="col-md-12 mt-2 get-quotes-btn">
<button type="submit" class="btn custom-theme-btn d-block w-100">
GET FREE QUITES
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-12">
<div>
<span>
<span class="alert-text-muted-quotes">
<?php echo e(isset($quoteNoteSection)?$quoteNoteSection->quote_note_section_description:old('quote_note_section_description')); ?>
</span>
</span>
</div>
</div>
<div class="col-md-12">
<a href="#" class="why-book-with-sec">
<div class="why-book-with-title">
<?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_title:old('why_book_with_us_section_title')); ?>
</div>
</a>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-4">
<div class="phone-deal-sec text-center">
<div class="phone-deal-first-circle">
</div>
<i class="fa fa-lock phone-deal-icon" aria-hidden="true"></i>
<div class="phone-offer-text-sec">
<div
class="phone-deal-offer-title"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_heading_one:old('why_book_with_us_section_heading_one')); ?></div>
<div
class="phone-deal-offer-text"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_sub_heading_one:old('why_book_with_us_section_sub_heading_one')); ?></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="phone-deal-sec text-center">
<div class="phone-deal-second-circle"></div>
<i class="fa fa-smile-o phone-deal-icon" aria-hidden="true"></i>
<div class="phone-offer-text-sec">
<div
class="phone-deal-offer-title"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_heading_two:old('why_book_with_us_section_heading_two')); ?></div>
<div
class="phone-deal-offer-text"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_sub_heading_two:old('why_book_with_us_section_sub_heading_two')); ?></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="phone-deal-sec text-center">
<div class="phone-deal-third-circle"></div>
<i class="fa fa-envelope-o phone-deal-icon" aria-hidden="true"></i>
<div class="phone-offer-text-sec">
<div
class="phone-deal-offer-title"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_heading_three:old('why_book_with_us_section_heading_three')); ?></div>
<div
class="phone-deal-offer-text"><?php echo e(isset($whyBookWithUs)?$whyBookWithUs->why_book_with_us_section_sub_heading_three:old('why_book_with_us_section_sub_heading_three')); ?></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="how-it-works-sec">
<div class="how-it-works-title">
<?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_title:old('how_it_works_section_title')); ?>
</div>
<ul class="how-it-works-content">
<li>
<h1><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_heading_one:old('how_it_works_section_heading_one')); ?></h1>
<div>
<p><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_description_one:old('how_it_works_section_description_one')); ?></p>
</div>
</li>
<li>
<h1><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_heading_two:old('how_it_works_section_heading_two')); ?></h1>
<div>
<p><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_description_two:old('how_it_works_section_description_two')); ?></p>
</div>
</li>
<li>
<h1><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_heading_three:old('how_it_works_section_heading_three')); ?></h1>
<div>
<p><?php echo e(isset($howItWorks)?$howItWorks->how_it_works_section_description_three:old('how_it_works_section_description_three')); ?></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script src="<?php echo e(asset('front/js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('front/js/owl.carousel.min.js')); ?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.min.js"></script>
<script>
let numb=0;
let flight_counter=889;
$(document).on('click', '.add-more-flight', function(e){
flight_counter++;
if(numb==3){
return;
}
numb++;
html=`<div class="row" id="flight-no_${flight_counter}">
<div class="col-md-6 col-11 col-sm-11 form-group">
<label class="font-11 custom-label-e">From*</label>
<input autocomplete="off" data-id="${flight_counter}" name="from_city[]" type="text" class="form-control c-inpt-a m_from_city custom-input-e m-from-input-d_${flight_counter}" placeholder="Ciy or Airport">
<ul class="from-city-ul_${flight_counter} d-none d-from-response-list d-res">
</ul>
</div>
<div class="col-md-5 col-11 col-sm-11 form-group">
<label class="font-11 custom-label-e">To*</label>
<input autocomplete="off" type="text" data-id="${flight_counter}" name="to_city[]" class="form-control m_to_city custom-input-e m-to-input-d_${flight_counter}" placeholder="Ciy or Airport">
<ul class="to-city-ul_${flight_counter} d-none d-to-response-list d-res">
</ul>
</div>
<div class="col-md-1 col-1 col-sm-1 m-0 flight-remove-btn-section">
<i class="fa fa-close c-pointer flight-remove-btn" data-id="${flight_counter}"></i>
</div>
<div class="col-md-11 col-11 col-sm-11 form-group">
<label class="font-11 custom-label-e">Depart Date</label>
<input type="text" name="depart_date[]" class="form-control m-d-depart-date_${flight_counter} custom-input-e">
</div>
</div>`;
$('.add-multi-city').append(html);
$('.m-d-depart-date_'+flight_counter).daterangepicker({
showDropdowns: false,
singleDatePicker: true,
autoApply: true,
timePicker: false,
minimumNights: 0,
minDate: moment().format('MM/DD/YYYY'),
locale: {
format: 'MM/DD/YYYY'
},
}, function(start, end, label) {
// var years = moment().diff(start, 'years');
});
});
$(document).on('click', '.flight-remove-btn', function(e){
const id=$(this).attr('data-id');
$('#flight-no_'+id).remove();
if(numb==0){
return
}
numb--;
})
$(function() {
$('input[name="depart_date"]').daterangepicker({
showDropdowns: false,
singleDatePicker: true,
autoApply: true,
timePicker: false,
minimumNights: 0,
minDate: moment().format('MM/DD/YYYY'),
locale: {
format: 'MM/DD/YYYY'
},
}, function(start, end, label) {
// var years = moment().diff(start, 'years');
});
$('input[name="return_date"]').daterangepicker({
showDropdowns: false,
singleDatePicker: true,
autoApply: true,
timePicker: false,
minimumNights: 0,
minDate: moment().format('MM/DD/YYYY'),
locale: {
format: 'MM/DD/YYYY'
},
}, function(start, end, label) {
// var years = moment().diff(start, 'years');
});
$('.d-depart-date').daterangepicker({
showDropdowns: false,
singleDatePicker: true,
autoApply: true,
timePicker: false,
minimumNights: 0,
minDate: moment().format('MM/DD/YYYY'),
locale: {
format: 'MM/DD/YYYY'
},
}, function(start, end, label) {
// var years = moment().diff(start, 'years');
});
});
function delay(fn, ms) {
let timer = 0
return function(...args) {
clearTimeout(timer)
timer = setTimeout(fn.bind(this, ...args), ms || 0)
}
}
// For Round Way
$(document).on('keyup', '.from_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
$('.from-city-ul').addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer input_form_city row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover input_form_city c-pointer row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.from-city-ul').html(html)
$('.from-city-ul').removeClass('d-none')
}
}
})
}, 250));
$(document).on('keyup', '.to_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
$('.to-city-ul').addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer input_to_city row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover input_to_city c-pointer row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.to-city-ul').html(html)
$('.to-city-ul').removeClass('d-none')
}
}
})
}, 250));
$(document).on('click', '.input_form_city', function (e){
const city =$(this).attr('data-city');
$('.from_city').val(city);
$('.from-city-ul').addClass('d-none');
});
$(document).on('click', '.input_to_city', function (e){
const city =$(this).attr('data-city');
$('.to_city').val(city);
$('.to-city-ul').addClass('d-none');
});
//For One Way
$(document).on('click', '.round-trip-counter', function(e){
const have_class_show=$('.custom-dw-for-round-trip').hasClass('d-block');
if(have_class_show){
$('.custom-dw-for-round-trip').removeClass('d-block').addClass('d-none');
}else{
$('.custom-dw-for-round-trip').removeClass('d-none').addClass('d-block');
}
})
$(document).on('keyup', '.one_from_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
$('.one-from-city-ul').addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer input_one_form_city row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover input_one_form_city c-pointer row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.one-from-city-ul').html(html)
$('.one-from-city-ul').removeClass('d-none')
}
}
})
}, 250));
$(document).on('keyup', '.one_to_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
$('.one_to-city-ul').addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer input_one_to_city row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover input_one_to_city c-pointer row" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.one_to-city-ul').html(html)
$('.one_to-city-ul').removeClass('d-none')
}
}
})
}, 250));
$(document).on('click', '.input_one_form_city', function (e){
const city =$(this).attr('data-city');
$('.one_from_city').val(city);
$('.one-from-city-ul').addClass('d-none');
});
$(document).on('click', '.input_one_to_city', function (e){
const city =$(this).attr('data-city');
$('.one_to_city').val(city);
$('.one_to-city-ul').addClass('d-none');
});
//For Passenger Counter
let current_passenger=1;
$(document).on('click', '.one-trip-counter', function(e){
const have_class_show=$('.custom-dw-for-one-trip').hasClass('d-block');
if(have_class_show){
$('.custom-dw-for-one-trip').removeClass('d-block').addClass('d-none');
}else{
$('.custom-dw-for-one-trip').removeClass('d-none').addClass('d-block');
}
})
$(document).on('click', '.round_passenger_plus', function(e){
current_passenger++;
$('.round-trip-passenger').text(current_passenger);
$('.round-passenger').val(current_passenger);
})
$(document).on('click', '.round_passenger_minus', function(e){
current_passenger--;
if(current_passenger < 0){
current_passenger=0;
}
$('.round-trip-passenger').text(current_passenger);
$('.round-passenger').val(current_passenger);
})
$(document).on('change', '.round-cabin-input', function (e){
const type=$(this).val();
$('.round-cabin').val(type);
$('.round-trip-cabin-type').text(type)
});
//For OneWay Passenger Counter
let one_current_passenger=1;
$(document).on('click', '.one_passenger_plus', function(e){
one_current_passenger++;
$('.one-trip-passenger').text(one_current_passenger);
$('.one-passenger').val(one_current_passenger);
})
$(document).on('click', '.one_passenger_minus', function(e){
one_current_passenger--;
if(one_current_passenger < 0){
one_current_passenger=0;
}
$('.one-trip-passenger').text(current_passenger);
$('.one-passenger').val(current_passenger);
})
$(document).on('change', '.one-cabin-input', function (e){
const type=$(this).val();
$('.one-cabin').val(type);
$('.one-trip-cabin-type').text(type)
});
//For MultiCity Passenger Counter
let m_current_passenger=1;
$(document).on('click', '.m-trip-counter', function(e){
const have_class_show=$('.custom-dw-for-m-trip').hasClass('d-block');
if(have_class_show){
$('.custom-dw-for-m-trip').removeClass('d-block').addClass('d-none');
}else{
$('.custom-dw-for-m-trip').removeClass('d-none').addClass('d-block');
}
})
$(document).on('click', '.one_passenger_plus', function(e){
m_current_passenger++;
$('.m-trip-passenger').text(m_current_passenger);
$('.m-passenger').val(m_current_passenger);
})
$(document).on('click', '.m_passenger_minus', function(e){
m_current_passenger--;
if(m_current_passenger < 0){
m_current_passenger=0;
}
$('.m-trip-passenger').text(m_current_passenger);
$('.m-passenger').val(m_current_passenger);
})
$(document).on('change', '.m-cabin-input', function (e){
const type=$(this).val();
$('.m-cabin').val(type);
$('.m-trip-cabin-type').text(type)
});
//MultiCity Input From / To (Dynamic)
$(document).on('keyup', '.m_from_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
const id=$(this).attr('data-id');
$('.from-city-ul_'+id).addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer m_form_city_d row" data-target="${id}" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover m_form_city_d c-pointer row" data-target="${id}" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.from-city-ul_'+id).html(html)
$('.from-city-ul_'+id).removeClass('d-none')
}
}
})
}, 250));
$(document).on('keyup', '.m_to_city', delay(function (e) {
e.preventDefault();
const name = $(this).val();
const id = $(this).attr('data-id');
$('.one-to-city-ul').addClass('d-none')
$('.to-city-ul_'+id).addClass('d-none')
$.ajax({
type:'GET',
url:'<?php echo e(route('get.place')); ?>',
data:{
name:name
},
success:function(res){
let html='';
if(res.status=='success') {
$.each(res.data, function (index, value) {
if(value.city) {
html += `<li class="li-hover c-pointer m_to_city_d row" data-target="${id}" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<div class="col-md-1 col-sm-1">
<i class="fa fa-location-arrow"></i>
</div>
<div class="col-ms-10 col-sm-10 apt-section">
<span class="d-block"> ${value.city},${value.country}</span>
<small>All airport</small>
</div>
</li>
<li class="li-hover m_to_city_d c-pointer row" data-target="${id}" data-iata_code="${value.iata_code}" data-city="${value.city} (${value.iata_code})">
<span class="ml-4"><i class="fa fa-plane mr-2"></i> ${value.city} (${value.iata_code})</span>
</li>`
}
});
$('.to-city-ul_'+id).html(html)
$('.to-city-ul_'+id).removeClass('d-none')
}
}
})
}, 250));
$(document).on('click', '.m_form_city_d', function (e){
const city =$(this).attr('data-city');
const target =$(this).attr('data-target');
$('.m-from-input-d_'+target).val(city);
$('.from-city-ul_'+target).addClass('d-none');
});
$(document).on('click', '.m_to_city_d', function (e){
const city =$(this).attr('data-city');
const target =$(this).attr('data-target');
$('.m-to-input-d_'+target).val(city);
$('.to-city-ul_'+target).addClass('d-none');
});
// Mouse Event
$(document).mouseup(function(e){
var container = $('.from_city');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.from-city-ul').addClass('d-none');
}
});
$(document).mouseup(function(e){
var container = $('.to_city');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.to-city-ul').addClass('d-none');
}
});
//Event For OneWay Tab Panel
$(document).mouseup(function(e){
var container = $('.one_to_city');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.one-to-city-ul').addClass('d-none');
}
});
$(document).mouseup(function(e){
var container = $('.one_from_city');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.one-from-city-ul').addClass('d-none');
}
});
$(document).mouseup(function(e){
var container = $('.dp-c');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.dp-c').addClass('d-none').removeClass('d-block');
}
});
$(document).mouseup(function(e){
var container = $('.d-res');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('.d-res').addClass('d-none').removeClass('d-block');
}
});
</script>
<script>
$(document).ready(function ($) {
$(".owl-carousel").owlCarousel({
loop: false,
margin: 10,
dots: false,
nav: true,
items: 3
});
var owl = $(".owl-carousel");
owl.owlCarousel();
$(".next-btn").click(function () {
owl.trigger("next.owl.carousel");
});
$(".prev-btn").click(function () {
owl.trigger("prev.owl.carousel");
});
$(".prev-btn").addClass("disabled");
$(owl).on("translated.owl.carousel", function (event) {
if ($(".owl-prev").hasClass("disabled")) {
$(".prev-btn").addClass("disabled");
} else {
$(".prev-btn").removeClass("disabled");
}
if ($(".owl-next").hasClass("disabled")) {
$(".next-btn").addClass("disabled");
} else {
$(".next-btn").removeClass("disabled");
}
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontLayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\git-travel\travel\resources\views/front/flight_details.blade.php ENDPATH**/ ?>
|