fix : update breadcrumb

, flightShow , sidebar

public/assets/css/style.css

@@ -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

@@ -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
+    // flights type search form
-    $('.flight-type .form-check-input').change(function (e) {
+    $('.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) {
+    $(document).on('click', '.flights-search-item .search-form-swap', function (e) {
-        var swapFrom = $(e.target).closest(".flight-search-item").find('.swap-from').val();
+        var swapFrom = $(e.target).closest(".flights-search-item").find('.swap-from').val();
-        var swapTo = $(e.target).closest(".flight-search-item").find('.swap-to').val();
+        var swapTo = $(e.target).closest(".flights-search-item").find('.swap-to').val();
-        $(e.target).closest(".flight-search-item").find('.swap-from').val(swapTo);
+        $(e.target).closest(".flights-search-item").find('.swap-from').val(swapTo);
-        $(e.target).closest(".flight-search-item").find('.swap-to').val(swapFrom);
+        $(e.target).closest(".flights-search-item").find('.swap-to').val(swapFrom);
     });
 
 

resources/views/flights/show.blade.php

@@ -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

@@ -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

@@ -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
+            {{-- Flight specific --}}
-                    <div class="tour-search-wrapper">
+            @if($type === 'flight')
-                        <div class="row">
+
-                            <div class="col-lg-12">
+                <div class="search-form">
-                                <div class="form-group">
+                    <form action="">
-                                    <div class="search-form-date">
+                        @csrf
-                                        <div class="search-form-journey">
+
-                                            <label>تاریخ سفر</label>
+                        <div class="tour-search-wrapper">
-                                            <div class="form-group-icon">
+                            <div class="row">
-                                                <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>
+                                <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">
+                            <div class="listing-side-btn">
-                                                <button type="button" class="minus-btn">
-                                                    <i class="far fa-minus"></i>
-                                                </button>
 
-                                                <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>
+                    </form>
-                            <a href="#" class="border-btn"><i class="far fa-heart"></i> افزودن به علاقه‌مندی‌ها</a>
+                </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>