s-ahy/sogandAsghary.Project09
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : update breadcrumb

Browse Source 
, flightShow , sidebar
This commit is contained in:
Admin
2026-08-17 18:21:53 -07:00
parent 914c1aedbd
commit e6d23f9442
5 changed files with 215 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/style.css
+50 -50
View File
@@ -1320,7 +1320,7 @@ multi level dropdown menu
/* ===================
hero css
hero css
====================== */
.hero-section {
@@ -1640,7 +1640,7 @@ search css
.search-form .static-dropdown.passenger-box .dropdown-menu{
left: 0px !important;
}
}
.search-form .passenger-box .dropdown-item:hover{
background: transparent;
@@ -1704,7 +1704,7 @@ search css
transform: translateX(-50%);
}
/* flight */
/* flights */
.search-form .flight-type{
margin-bottom: 10px;
}
@@ -1762,7 +1762,7 @@ search css
.search-form .form-group{
margin-bottom: 20px;
}
}
}
@media all and (max-width: 991px) {
.search-nav{
@@ -1779,7 +1779,7 @@ search css
top: -30px;
transform: translateX(-50%);
}
}
}
@@ -1860,7 +1860,7 @@ date picker
/* ===================
time picker css
time picker css
====================== */
.ui-timepicker.ui-widget.ui-widget-content{
@@ -1991,7 +1991,7 @@ play btn
/* ===================
destination css
destination css
====================== */
.destination-area{
@@ -2217,7 +2217,7 @@ destination css
/* ===================
flight css
flights css
====================== */
.flight-area{
@@ -2356,7 +2356,7 @@ flight css
/* ===================
hotel css
hotel css
====================== */
.hotel-area{
position: relative;
@@ -2572,7 +2572,7 @@ hotel css
/* ===================
room type css
room type css
====================== */
.room-type-item{
@@ -2614,7 +2614,7 @@ room type css
/* ===================
room css
room css
====================== */
.room-area{
position: relative;
@@ -2815,7 +2815,7 @@ room css
/* ===================
banner css
banner css
====================== */
.banner-area{
@@ -2894,7 +2894,7 @@ banner css
/* ===================
tour css
tour css
====================== */
.tour-area{
@@ -3094,7 +3094,7 @@ tour css
/* ===================
car css
car css
====================== */
.car-area{
position: relative;
@@ -3325,7 +3325,7 @@ car css
/* ===================
activity css
activity css
====================== */
.activity-area{
@@ -3471,7 +3471,7 @@ activity css
/* ===================
cruise css
cruise css
====================== */
.cruise-area{
@@ -3638,7 +3638,7 @@ cruise css
/* ===================
listing single css
listing single css
====================== */
.listing-header{
@@ -4473,7 +4473,7 @@ listing single css
/* ===================
deal css
deal css
====================== */
.deal-area{
@@ -4551,7 +4551,7 @@ deal css
/* ===================
download css
download css
====================== */
.download-area{
@@ -4776,14 +4776,14 @@ booking sort
/* ===================
flight booking css
flights booking css
====================== */
.flight-booking-item{
background: #fff;
border-radius: 12px;
margin-bottom: 25px;
padding: 20px 20px 15px 20px;
padding: 20px 20px 15px 20px;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}
@@ -5037,7 +5037,7 @@ flight booking css
}
/* flight booking grid */
/* flights booking grid */
.flight-grid .flight-booking-wrapper{
flex-direction: column;
@@ -5199,7 +5199,7 @@ flight booking css
/* ===================
cart css
cart css
====================== */
.cart-area thead tr {
@@ -5364,7 +5364,7 @@ cart css
/* ===================
booking css
booking css
====================== */
.booking-widget {
@@ -5556,7 +5556,7 @@ booking css
.order-total span {
font-weight: bold;
color: #F96768;
}
}
.booking-payment-area .nav-link{
background: transparent !important;
@@ -5613,7 +5613,7 @@ booking css
/* ===================
booking confirm css
booking confirm css
====================== */
.booking-confirm-content {
@@ -5688,7 +5688,7 @@ booking confirm css
/* ===================
about css
about css
====================== */
.about-area {
@@ -5843,7 +5843,7 @@ about css
/* ===================
service css
service css
====================== */
.service-area {
@@ -5990,7 +5990,7 @@ service single
/* ===================
feature css
feature css
====================== */
.feature-area {
@@ -6047,7 +6047,7 @@ feature css
/* ===================
video css
video css
====================== */
.video-content {
@@ -6119,7 +6119,7 @@ video css
/* ===================
step/process css
step/process css
====================== */
.process-single {
@@ -6203,7 +6203,7 @@ step/process css
/* ===================
testimonial css
testimonial css
====================== */
.testimonial-area {
@@ -6345,7 +6345,7 @@ testimonial css
/* ===================
counter css
counter css
====================== */
.counter-area {
@@ -6419,7 +6419,7 @@ counter css
/* ===================
cta-area css
cta-area css
====================== */
.cta-area {
@@ -6469,7 +6469,7 @@ cta-area css
/* ========================
gallery css
gallery css
=========================== */
.gallery-item {
@@ -6562,7 +6562,7 @@ gallery css
/* ===================
mission css
mission css
====================== */
.mission-img{
@@ -6625,7 +6625,7 @@ mission css
/* ===================
career css
career css
====================== */
.career-item{
@@ -6727,7 +6727,7 @@ career css
/* ===================
career single css
career single css
====================== */
.job-single-img img{
border-radius: 10px;
@@ -6772,7 +6772,7 @@ career single css
/* ===================
blog css
blog css
====================== */
.blog-item {
@@ -7309,7 +7309,7 @@ partner css
/* ===================
contact us css
contact us css
====================== */
.contact-wrapper {
@@ -7416,7 +7416,7 @@ contact us css
/* ===================
team css
team css
====================== */
.team-area {
@@ -7568,7 +7568,7 @@ team css
/* ===================
pricing css
pricing css
====================== */
.pricing-item {
@@ -7636,7 +7636,7 @@ pricing css
/* ===================
faq css
faq css
====================== */
.faq-area .accordion-item {
@@ -7794,7 +7794,7 @@ breadcrumb css
/* ===================
pagination css
pagination css
====================== */
.pagination {
@@ -7833,7 +7833,7 @@ pagination css
/* ===================
auth css
auth css
====================== */
.login-form {
@@ -8019,7 +8019,7 @@ auth css
/* ===================
user profile css
user profile css
====================== */
.header-account img {
@@ -8895,7 +8895,7 @@ user profile css
/* ===================
coming soon css
coming soon css
====================== */
.coming-soon {
@@ -9015,7 +9015,7 @@ coming soon css
/* ===================
error css
error css
====================== */
.error-wrapper {
@@ -9056,7 +9056,7 @@ error css
/* ===================
terms/privacy css
terms/privacy css
====================== */
.terms-content:not(:last-child) {
@@ -9089,7 +9089,7 @@ terms/privacy css
/* ===================
footer css
footer css
====================== */
.footer-area {
public/assets/js/main.js
+21 -21
View File
@@ -26,7 +26,7 @@ Version : 1.1
// data-background
// data-background
$(document).on('ready', function () {
$("[data-background]").each(function () {
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
@@ -99,7 +99,7 @@ Version : 1.1
items: 1,
});
// partner-slider
$('.partner-slider').owlCarousel({
@@ -401,13 +401,13 @@ Version : 1.1
}
// search date picker
// search date picker
if ($('.date-picker').length) {
$(".date-picker").datepicker();
}
// find-car time picker
// find-car time picker
if ($('.time-picker').length) {
$(function () {
$(".time-picker").timepicker();
@@ -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);
});
resources/views/flights/show.blade.php
+14 -4
View File
@@ -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>
resources/views/show-layouts/breadcrumb.blade.php
+2 -9
View File
@@ -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) }})">
resources/views/show-layouts/sidebar.blade.php
+128 -61
View File
@@ -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>
<div class="search-form">
<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>
<i class="fal fa-calendar-days"></i>
{{-- Flight specific --}}
@if($type === 'flight')
<div class="search-form">
<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="{{ $item->departure_time->toJalali()->format('Y/m/d') }}"
readonly
>
<i class="fal fa-calendar-days"></i>
</div>
</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 class="listing-side-btn">
<input type="text" name="child" class="qty-amount passenger-child" value="0" readonly>
<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="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>
</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>
</form>
</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>
<span>
<i class="far fa-eye"></i>
{{ number_format($item->views) }}
مشاهده
</span>
</div>
</div>
</div>
</div>