fix : update breadcrumb
, flightShow , sidebar
This commit is contained in:
@@ -1704,7 +1704,7 @@ search css
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/* flight */
|
||||
/* flights */
|
||||
.search-form .flight-type{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@@ -2217,7 +2217,7 @@ destination css
|
||||
|
||||
|
||||
/* ===================
|
||||
flight css
|
||||
flights css
|
||||
====================== */
|
||||
|
||||
.flight-area{
|
||||
@@ -4776,7 +4776,7 @@ booking sort
|
||||
|
||||
|
||||
/* ===================
|
||||
flight booking css
|
||||
flights booking css
|
||||
====================== */
|
||||
|
||||
.flight-booking-item{
|
||||
@@ -5037,7 +5037,7 @@ flight booking css
|
||||
}
|
||||
|
||||
|
||||
/* flight booking grid */
|
||||
/* flights booking grid */
|
||||
|
||||
.flight-grid .flight-booking-wrapper{
|
||||
flex-direction: column;
|
||||
|
||||
+17
-17
@@ -415,19 +415,19 @@ Version : 1.1
|
||||
}
|
||||
|
||||
|
||||
// flight type search form
|
||||
$('.flight-type .form-check-input').change(function (e) {
|
||||
// flights type search form
|
||||
$('.flights-type .form-check-input').change(function (e) {
|
||||
var ft = $(this).val();
|
||||
if (ft === "round-way") {
|
||||
$('.flight-search .search-form-return').show();
|
||||
$('.flights-search .search-form-return').show();
|
||||
$('.have-to-clone').hide();
|
||||
$('.another-item').remove();
|
||||
} else if (ft === "multi-city") {
|
||||
$('.flight-search .search-form-return').hide();
|
||||
$('.flights-search .search-form-return').hide();
|
||||
$('.have-to-clone').show();
|
||||
$('.another-item').remove();
|
||||
} else {
|
||||
$('.flight-search .search-form-return').hide();
|
||||
$('.flights-search .search-form-return').hide();
|
||||
$('.have-to-clone').hide();
|
||||
$('.another-item').remove();
|
||||
}
|
||||
@@ -510,11 +510,11 @@ Version : 1.1
|
||||
// search multicity form
|
||||
$(".multicity-btn").click(function () {
|
||||
|
||||
if (document.querySelectorAll('.flight-search-item').length === 5) {
|
||||
if (document.querySelectorAll('.flights-search-item').length === 5) {
|
||||
return alert("Maximum Flight Limit Reached!!");
|
||||
}
|
||||
|
||||
$('.flight-multicity-item .date-picker').datepicker('destroy');
|
||||
$('.flights-multicity-item .date-picker').datepicker('destroy');
|
||||
|
||||
var cloneMulticity = $(".have-to-clone").clone();
|
||||
cloneMulticity.removeClass("have-to-clone");
|
||||
@@ -522,10 +522,10 @@ Version : 1.1
|
||||
|
||||
cloneMulticity.find(".multicity-btn").addClass("multicity-item-remove").html(`<div>
|
||||
<i class="fal fa-circle-xmark"></i> Remove Flight</div>`);
|
||||
$(".flight-search-content").append(cloneMulticity);
|
||||
$(".flights-search-content").append(cloneMulticity);
|
||||
|
||||
var i = 0;
|
||||
$('.flight-multicity-item .date-picker').each(function () {
|
||||
$('.flights-multicity-item .date-picker').each(function () {
|
||||
$(this).attr("id", 'date' + i).datepicker();
|
||||
i++;
|
||||
});
|
||||
@@ -533,22 +533,22 @@ Version : 1.1
|
||||
});
|
||||
|
||||
$(document).on('click', '.multicity-item-remove', function () {
|
||||
$(this).parent().closest('.flight-multicity-item').remove();
|
||||
$(this).parent().closest('.flights-multicity-item').remove();
|
||||
});
|
||||
|
||||
$(document).on('change', '.flight-multicity-item .date-picker', function (e) {
|
||||
$(document).on('change', '.flights-multicity-item .date-picker', function (e) {
|
||||
var jd = $(e.target).val();
|
||||
const journeyDayName = new Date(jd).toLocaleString('en-us', { weekday: 'long' });
|
||||
$(e.target).closest(".flight-multicity-item").find('.journey-day-name').html(journeyDayName);
|
||||
$(e.target).closest(".flights-multicity-item").find('.journey-day-name').html(journeyDayName);
|
||||
});
|
||||
|
||||
|
||||
// swap search form value
|
||||
$(document).on('click', '.flight-search-item .search-form-swap', function (e) {
|
||||
var swapFrom = $(e.target).closest(".flight-search-item").find('.swap-from').val();
|
||||
var swapTo = $(e.target).closest(".flight-search-item").find('.swap-to').val();
|
||||
$(e.target).closest(".flight-search-item").find('.swap-from').val(swapTo);
|
||||
$(e.target).closest(".flight-search-item").find('.swap-to').val(swapFrom);
|
||||
$(document).on('click', '.flights-search-item .search-form-swap', function (e) {
|
||||
var swapFrom = $(e.target).closest(".flights-search-item").find('.swap-from').val();
|
||||
var swapTo = $(e.target).closest(".flights-search-item").find('.swap-to').val();
|
||||
$(e.target).closest(".flights-search-item").find('.swap-from').val(swapTo);
|
||||
$(e.target).closest(".flights-search-item").find('.swap-to').val(swapFrom);
|
||||
});
|
||||
|
||||
|
||||
|
||||
@@ -17,7 +17,9 @@
|
||||
<div class="listing-content">
|
||||
|
||||
<div class="listing-slider owl-carousel owl-theme" dir="ltr">
|
||||
<img src="{{ $flight->file ? asset('storage/'.$flight->file->path) : asset('assets/img/flight/single-1.jpg') }}" alt>
|
||||
<img
|
||||
src="{{ $flight->file ? asset('storage/'.$flight->file->path) : asset('assets/img/flight/single-1.jpg') }}"
|
||||
alt>
|
||||
</div>
|
||||
|
||||
<div class="listing-header">
|
||||
@@ -27,7 +29,8 @@
|
||||
<i class="far fa-exchange"></i>
|
||||
{{ $flight->arrivalAirport->city->name }}
|
||||
</h4>
|
||||
<p class="listing-stop"><i class="far fa-plane"></i> {{ $flight->airline->name }}</p>
|
||||
<p class="listing-stop"><i
|
||||
class="far fa-plane"></i> {{ $flight->airline->name }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -114,12 +117,19 @@
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@include('show-layouts.reviews', ['comments' => $flight->comments])
|
||||
@include('show-layouts.reviews', [
|
||||
'comments' => $flight->comments,
|
||||
'item' => $flight,
|
||||
'type' => 'flight'
|
||||
])
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('show-layouts.sidebar')
|
||||
@include('show-layouts.sidebar', [
|
||||
'item' => $flight,
|
||||
'type' => 'flight'
|
||||
])
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,14 +1,7 @@
|
||||
{{--
|
||||
Shared page breadcrumb.
|
||||
|
||||
Props:
|
||||
- string $title Heading shown in the breadcrumb band.
|
||||
- string $current Label for the active (last) breadcrumb item. Defaults to $title.
|
||||
- string $background Path (relative to /assets) used as the band background image.
|
||||
--}}
|
||||
{
|
||||
@php
|
||||
$current = $current ?? $title;
|
||||
$background = $background ?? 'assets/img/breadcrumb/01.jpg';
|
||||
$background = $background ?? asset('assets/img/breadcrumb/01.jpg');
|
||||
@endphp
|
||||
|
||||
<div class="site-breadcrumb" style="background: url({{ asset($background) }})">
|
||||
|
||||
@@ -1,86 +1,153 @@
|
||||
<div class="col-lg-4">
|
||||
<div class="booking-sidebar listing-side-content">
|
||||
<div class="booking-item">
|
||||
|
||||
{{-- Price --}}
|
||||
<div class="listing-price">
|
||||
<h4 class="listing-price-tag">قیمت هر نفر</h4>
|
||||
|
||||
<div class="listing-price-amount">
|
||||
از <span>{{ number_format($flight->price) }} تومان</span>
|
||||
از
|
||||
<span>
|
||||
{{ number_format($item->price) }} تومان
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{-- Flight specific --}}
|
||||
@if($type === 'flight')
|
||||
|
||||
<div class="search-form">
|
||||
<form action="#">
|
||||
<form action="">
|
||||
@csrf
|
||||
|
||||
<div class="tour-search-wrapper">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
|
||||
<div class="search-form-date">
|
||||
<div class="search-form-journey">
|
||||
|
||||
<label>تاریخ سفر</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<input type="text" name="journey-date" class="form-control date-picker journey-date" value="{{ $flight->departure_time->toJalali()->format('Y/m/d') }}" readonly>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
name="journey-date"
|
||||
class="form-control date-picker journey-date"
|
||||
value="{{ $item->departure_time->toJalali()->format('Y/m/d') }}"
|
||||
readonly
|
||||
>
|
||||
|
||||
<i class="fal fa-calendar-days"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group dropdown static-dropdown passenger-box">
|
||||
<div class="passenger-class" role="menu" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
|
||||
<label>مسافر</label>
|
||||
<div class="form-group-icon">
|
||||
<div class="passenger-total"><span class="passenger-total-amount">1</span> مسافر</div>
|
||||
<i class="fal fa-user-plus"></i>
|
||||
</div>
|
||||
<p class="passenger-class-name">اقتصادی</p>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<div class="dropdown-item">
|
||||
<div class="passenger-item">
|
||||
<div class="passenger-info">
|
||||
<h6>بزرگسالان</h6>
|
||||
<p>+12 سال</p>
|
||||
</div>
|
||||
<div class="passenger-qty">
|
||||
<button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
|
||||
<input type="text" name="adult" class="qty-amount passenger-adult" value="1" readonly>
|
||||
<button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="passenger-item">
|
||||
<div class="passenger-info">
|
||||
<h6>کودکان</h6>
|
||||
<p>۲ تا ۱۲ سال</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="passenger-qty">
|
||||
<button type="button" class="minus-btn">
|
||||
<i class="far fa-minus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="child" class="qty-amount passenger-child" value="0" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="plus-btn">
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="listing-side-btn">
|
||||
<button type="submit" class="theme-btn"><span class="far fa-shopping-bag"></span>اکنون رزرو کن</button>
|
||||
<a href="#" class="border-btn"><i class="far fa-heart"></i> افزودن به علاقهمندیها</a>
|
||||
|
||||
<button type="submit" class="theme-btn">
|
||||
<span class="far fa-shopping-bag"></span>
|
||||
اکنون رزرو کن
|
||||
</button>
|
||||
|
||||
<a href="#" class="border-btn">
|
||||
<i class="far fa-heart"></i>
|
||||
افزودن به علاقهمندیها
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
|
||||
{{-- Tour specific --}}
|
||||
@if($type === 'tour')
|
||||
|
||||
<div class="listing-item p-3 mt-3">
|
||||
|
||||
<div class="listing-feature mb-3">
|
||||
|
||||
<div class="listing-feature-icon">
|
||||
<i class="far fa-clock"></i>
|
||||
</div>
|
||||
|
||||
<div class="listing-feature-content">
|
||||
<h6>مدت تور</h6>
|
||||
|
||||
<span>
|
||||
{{ $item->duration }} روز
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="listing-feature">
|
||||
|
||||
<div class="listing-feature-icon">
|
||||
<i class="far fa-location-dot"></i>
|
||||
</div>
|
||||
|
||||
<div class="listing-feature-content">
|
||||
<h6>مسیر تور</h6>
|
||||
|
||||
<span>
|
||||
{{ $item->origin }}
|
||||
<i class="far fa-arrow-left mx-1"></i>
|
||||
{{ $item->destination }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="listing-side-btn mt-3">
|
||||
|
||||
<a href="#" class="theme-btn">
|
||||
<span class="far fa-shopping-bag"></span>
|
||||
اکنون رزرو کن
|
||||
</a>
|
||||
|
||||
<a href="#" class="border-btn">
|
||||
<i class="far fa-heart"></i>
|
||||
افزودن به علاقهمندیها
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
|
||||
{{-- Views --}}
|
||||
<div class="listing-side-share">
|
||||
<span><i class="far fa-eye"></i> {{ number_format($flight->views) }} مشاهده</span>
|
||||
</div>
|
||||
|
||||
<span>
|
||||
<i class="far fa-eye"></i>
|
||||
{{ number_format($item->views) }}
|
||||
مشاهده
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user