Файловый менеджер - Редактировать - /home/clickysoft/public_html/travel-guru.clickysoft.net/resources/views/front/category-detail.blade.php
Назад
@extends('front.layouts.master', ['is_travel_agent' => false]) @section('title', 'Category - ' . $category->title) @section('content') <!-- BANNER SECTION BEGIN --> <section class="destination-banner-sec"> <div class="banner-grid"> <div class="banner-grid-content"> <ul> <li> <a href="{{ route('home') }}"><img src="{{ asset('assets/front/images/house-icon.png') }}" alt="image" class="img-fluid" /></a> </li> <li> <span><i class="fa fa-angle-right" aria-hidden="true"></i> </span> </li> <li><a href="javascript:void(0)">{{ $category->title }}</a></li> </ul> <h1>{{ $category->title }}</h1> <p> {!! $category->short_description !!} </p> </div> <div class="banner-grid-img-slider"> <div class="slider responsive-banner-slider"> @foreach ($category->getMedia('sliders')->sortByDesc('created_at') as $mediaItem) <div> <div class="slider-img-content"> <img src="{{ $mediaItem->getUrl() }}" alt="{{ $mediaItem->file_name }}" class="img-fluid" /> </div> </div> @endforeach </div> </div> </div> </section> <!-- BANNER SECTION END --> <!-- TRAVEL AGENT SECTION BEGIN --> <section class="travel-agent-sec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="travel-agents-heading"> <h2>Travel Agents</h2> </div> @include('front.agentList.travel-agent-list', [ 'model' => $category, ]) </div> </div> </div> </section> <!-- TRAVEL AGENT SECTION END --> @endsection @push('front-scripts') <script> // BANNER SLIDER SCRIPT BEGIN const arrowLeftRightCircle = "{{ asset('assets/front/images/arrow-left-circle.png') }}"; $(document).ready(function() { $(".responsive-banner-slider").on("init", function(event, slick) { checkArrows(slick); }); $(".responsive-banner-slider") .slick({ dots: true, infinite: false, arrows: true, nextArrow: `<img src='${arrowLeftRightCircle}' class='a-sl-right-arrow'>`, prevArrow: `<img src='${arrowLeftRightCircle}' class='a-sl-left-arrow'>`, autoplay: false, speed: 300, slidesToShow: 1, slidesToScroll: 1, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: false, dots: true, }, }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: false, }, }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: false, }, }, ], }) .on("afterChange", function(event, slick, currentSlide) { checkArrows(slick, currentSlide); }); function checkArrows(slick, currentSlide) { currentSlide = currentSlide || 0; var totalSlides = slick.slideCount; if (currentSlide === 0) { $(".a-sl-left-arrow").css("opacity", "0.5").attr("disabled", true); } else { $(".a-sl-left-arrow").css("opacity", "1").attr("disabled", false); } if (currentSlide === totalSlides - 1) { $(".a-sl-right-arrow").css("opacity", "0.5").attr("disabled", true); } else { $(".a-sl-right-arrow").css("opacity", "1").attr("disabled", false); } } }); // BANNER SLIDER SCRIPT END // LOAD MORE BUTTON SCRIPT BEGIN $(document).ready(function() { const initialShowCount = 12; const incrementShowCount = 3; // Show the initial set of records $(".none-div").slice(0, initialShowCount).addClass("show"); // Check if there are more items than the initial set to determine button visibility if ($(".none-div").length <= initialShowCount) { $(".see-more-category button").hide(); } $(".see-more-category button").on("click", function(e) { e.preventDefault(); // Show more items on button click $(".none-div:hidden").slice(0, incrementShowCount).addClass("show"); // Hide the button if no more items are hidden if ($(".none-div:hidden").length === 0) { $(".see-more-category button").hide(); } }); }); // LOAD MORE BUTTON SCRIPT END // MODAL SCRIPT BEGIN $(document).ready(function() { $("#exampleModal2").on("show.bs.modal", function() { $("#exampleModal1").modal("hide"); }); }); // MODAL SCRIPT END // MODAL DAYS & TIMING SELECTION SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const daysSettings = document.getElementsByClassName("days-setting"); for (let i = 0; i < daysSettings.length; i++) { const ul = daysSettings[i].getElementsByTagName("ul")[0]; const listItems = ul.getElementsByTagName("li"); for (let j = 0; j < listItems.length; j++) { listItems[j].addEventListener("click", function() { for (let k = 0; k < listItems.length; k++) { listItems[k].classList.remove("selected"); } this.classList.add("selected"); }); } } }); // MODAL DAYS & TIMING SELECTION SCRIPT END </script> @endpush
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка