| Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/pages/index.blade.php |
@extends('frontend.layouts.app')
@section('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="{{ asset('assets/frontend/css/editable.css') }}" />
<style>
.premier_services{
transform: rotate(-90deg);
position: fixed;
top: 60%;
left: 0;
transform-origin: 0 6%;
background: linear-gradient(to right,#355c7d,#32a3e6,#355c7d);
z-index: 999;
max-height: 47px;
padding: 0 20px;
border-radius: 0 0 5px 5px;
}
.premier_services .btn:hover, .buyer_need .btn:hover{
color: #fff;
}
.btn{
font-size: 18px;
color: #fff;
padding: 10px 0;
display: block;
text-align: center;
transition: all .2s ease-in;
}
.buyer_need{
transform: rotate(90deg);
position: fixed;
top: 62%;
right: 0;
transform-origin: right top;
background: linear-gradient(to right,#355c7d,#32a3e6,#355c7d);
z-index: 999;
max-height: 49px;
padding: 0 15px;
}
.ban-cta{
background: linear-gradient(to right,#ffd508,#32a3e6,#7ad700) !important;
}
.menu-banner-form .prd-cat-nav>ul>li>.submenu-row>[class^=col-] h6 {
letter-spacing:inherit;
}
.latest-buyers.fixedHeight {
position: relative;
max-height: 195px;
height: 200px;
overflow: hidden;
}
.myCalss{
width:20% !important;
}
</style>
@endsection
@section('content')
<!--------------------- Verticle Category Menu , Banner and From ------------------------------>
<section class="menu-banner-form body_gray">
<div class="container p-0">
<div class="prd-cat-nav col-md-4 col-lg-3 p-0"> <!--------------Verticle Category Menu------------->
<h4>Categories <i class="fas fa-bars"></i></h4>
<ul class="mainmenuverticle">
@php
$category = \App\Models\Category::where('parent_id', 0)->where('status', 1)->where('home', 1)->take(10)->get();
@endphp
@foreach($category as $cat)
<li class="submenu"> <a href="{{ route('category', $cat->slug) }}" title="{{ $cat->name }}"> {{ \Illuminate\Support\Str::limit($cat->name, 40, $end='...') }} <i class="fa fa-angle-right"></i> </a>
@php
$sub = \App\Models\Category::where('parent_id', $cat->id)->where('status', 1)->where('home', 1)->get();
@endphp
@if($sub->count()>0)
<div class="submenu-row">
@foreach($sub as $scat)
<div class="col-md-6">
<h6><a href="{{ route('category', $scat->slug) }}" title="{{ $scat->name }}" class="text-truncate" style="color: #676566; font-weight:300;">{{ \Illuminate\Support\Str::limit($scat->name, 20, $end='...') }}</a></h6>
@php
$child = \App\Models\Category::where('parent_id', $scat->id)->where('status', 1)->where('home', 1)->get();
@endphp
@if($child->count()>0)
<ul>
@foreach($child as $ccat)
<li><a href="{{ route('category', $ccat->slug) }}" title="{{ $ccat->name }}" class ="text-truncate">{{ \Illuminate\Support\Str::limit($ccat->name, 20, $end='...') }}</a></li>
@endforeach
</ul>
@endif
</div>
@endforeach
</div>
@endif
</li>
@endforeach
<li class="menu-cat-more-btn"><a href="{{ route('products') }}" title="Categories">View All Categories</a></li>
</ul>
</div>
@php
// $start_time = \Carbon::format('')
@endphp
<!--------------Banner Slider ------------->
<div class="header-banner col-lg-6 col-md-8 pl-0 pr-0 position-relative">
<div class="owl-carousel owl-theme owl-drag owl-loaded" id="bannerCarousel">
<div class="owl-stage-outer">
<!-- Slideshow container -->
<div class="slideshow-container main_banner_slider">
@foreach ($banners as $key=>$banner)
<!-- Full-width images with number and caption text -->
<div id=" class="" style="">
<div class="numbertext text-dark">{{$key + 1}}/{{ count($banners) }}
</div>
<a href="{{ $banner->link}}"><img src="{{asset('storage/images/admin/banner/'.$banner->image)}}" style="width:100%"></a>
</div>
@endforeach
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
</div>
</div>
</div>
<!-------------- Inquiry Form ------------->
{{-- @if(!Auth::user()) --}}
<section class="quote-now d-md-none d-lg-block d-xl-block">
<div class="row">
<div class="col-lg-12 p-0">
<h2 class="like_h2">You May Like </h2>
</div>
<div class="col-lg-12 side_border">
@foreach ($like_sub_categories as $like_sub_category)
<div class="like_product_list">
<img src="{{asset('storage/images/admin/product/'.$like_sub_category->image.'')}}" />
<!--<img src="{{asset('storage/images/admin/category/'.$like_sub_category->image.'')}}" />-->
<div class="like_product_content">
<h3><a href="{{ route('product.view', $like_sub_category->slug) }}" title="{{ $like_sub_category->title }}">{{ \Illuminate\Support\Str::limit($like_sub_category->title, 20, $end='...') }}</a></h3>
<a href="{{ route('category', $like_sub_category->category->slug) }}"> {{ product_count_by_category($like_sub_category->category_id) }} + Products</p>
</div>
</div>
@endforeach
</div>
<div class="col-lg-12 p-0">
<div class="like_product_list p-0">
<a class="btn" href="{{url('rfq')}}">Post Your Request Now</a>
</div>
</div>
</section>
</div>
</section>
<div class="clearfix"></div>
<!-------------------- Four Features Trade with Confidence----------------------------->
<section class="d-none d-md-block body_gray" id="featuredPointSection">
<div class="container bg-white pt-3 pb-3">
<div class='row'>
@php
$after_banner_left= \App\Models\Banner::where('position', 'after-banner-left')->inRandomOrder()->get();
$after_slider_left_center = \App\Models\Banner::where('position', 'after-banner-left-center')->get();
$after_slider_right_center = \App\Models\Banner::where('position', 'after-banner-right-center')->get();
$after_slider_right = \App\Models\Banner::where('position', 'after-banner-right')->get();
@endphp
<div class='col-lg-3 after_banner_lider'>
@foreach($after_banner_left as $banner)
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid'/>
</a>
@endforeach
</div>
<div class='col-lg-3 after_banner_lider'>
@foreach($after_slider_left_center as $banner)
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid'/>
</a>
@endforeach
</div>
<div class='col-lg-3 after_banner_lider'>
@foreach($after_slider_right_center as $banner)
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid'/>
</a>
@endforeach
</div>
<div class='col-lg-3 after_banner_lider'>
@foreach($after_slider_right as $banner)
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid'/>
</a>
@endforeach
</div>
</div>
</div>
</section>
<section class="hm-sec1 pd-btm-0 body_gray">
<div class="container bg-white pt-3 pb-3">
<div class="row">
<!------------------Latest Buy Offers-------------------->
<div class="col-md-6">
<section class="relatedBuyOfferComponent transparent-panel" style='height:100%'>
<h4 class="hd-rd-brdr hd-inner-link">Latest Buy Offers <a href="{{ route('buyers') }}" title="Related Buy Offers">{{ translate('- View More -') }}</a></h4>
<div class="latest-buyers fixedHeight ticker">
<div class="row" style='height:100%'>
<div class="col-md-12">
<marquee behavior="scroll" direction="down" style='height:100%'>
<ul>
@foreach($buyoffer as $offer)
<li> <a href="{{ route('buy.view', $offer->slug) }}" title="{{$offer->title}}"> <i class="fi fi fi-{{ strtolower($offer->country->iso) }}"> </i> <span class="world-name truncate">{{ $offer->country->nicename }}</span> <span class="lst-buyer-text truncate">{{$offer->title}}</span> <small class="date">{{ date('d F,Y', strtotime($offer->date)) }}</small> </a>
</li>
@endforeach
</ul>
</marquee>
</div>
</div>
</div>
</section>
</div>
<!--------------------------Latest Products----------------------------->
<div class="col-md-6">
<h4 class="hd-rd-brdr hd-inner-link">{{ translate('Latest Products') }} <a href="{{ route('products') }}" title="All Products">{{ translate('- View More -') }}</a></h4>
<div class="featured-products">
<ul>
@foreach($products as $product)
@if($product->supplier)
<li> <a href="{{ route('product.view', $product->slug) }}" title="{{$product->title}}"> <i class="fi fi-{{ strtolower($product->country->iso) }}"> </i> <h6 class="text-truncate mt-0">{{$product->title}}</h6> <p class="text-truncate">{{$product->supplier->name}}</p> </a>
</li>
@endif
@endforeach
</ul>
</div>
</div>
</div>
</div>
</section>
<!------------------------Featured Products from Verified Suppliers ------------------------------>
<section class="ft-prd-verfy-sup featuredProductThumbnailComponent body_gray">
<div class="container bg-white pt-3 pb-3">
<div class="row">
<div class="col-md-12">
<h4 class="hd-rd-brdr">
<span>{{ translate('Featured Products') }}</span> {{ translate('from Verified Suppliers') }}
<i> <img src="{{asset('assets/frontend/img/verified-supplier-icon.png')}}" class="lazy" alt="{{ translate('Featured Products from Verified Suppliers') }}" style="">
</i>
<a href="{{'/products'}}" title="All Products" class="viewMore d-none d-md-block">{{ translate('- View More -') }}</a>
<div class="owlDots"></div>
</h4>
</div>
<div class="col-md-12 flex-container">
<div class='row feature_product_slider'>
@foreach($verified_products as $product)
@if($product->product)
<div class="col-lg-3">
<div class=' bestproducts flexbox'>
<a href="{{ route('product.view', $product->product->slug) }}">
<div class='featured__img'>
<img src="{{asset('storage/images/admin/product/'.$product->product->image.'')}}" class="lazy" alt="{{ $product->product->title }}" >
</div>
<h6 style='font-size:14px'>{{ Str::limit($product->product->title,45) }}</h6>
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</section>
<!-----------------------------------------All Category Tab---------------------------------------------------------->
<section class="category-tabs body_gray">
<div class="container bg-white pt-3 pb-3">
<div class="row">
<div class="col-md-12">
<h2><span>{{ translate('Browse Our') }} <b>{{ translate('Categories') }}</b></span></h2> <br>
</div>
</div>
</div>
</section>
<section class=" body_gray" id="CategorySliderPage">
<div class="container bg-white pt-3 pb-3">
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="category_nav">
@foreach($verified_category as $category)
<div class="category_item">
<div class="category_nav_content">
<img alt="" src="{{asset('storage/images/admin/category/'.$category->image.'')}}">
<p>{{ Str::limit($category->name,20) }}</p>
</div>
</div>
@endforeach
</div>
<div class="category_content">
@foreach($verified_category as $category)
<div class="category_tabs_item">
<div class='row'>
@php
$subcat = \App\Models\Category::where('parent_id', $category->id)->where('status', 1)->take('4')->get();
@endphp
@if($subcat->count() > 0)
@foreach($subcat as $subcate)
<div class='col-lg-3'>
<h5><a href='{{ route('category', $subcate->slug) }}'>{{$subcate->name}}</a></h5>
<ul>
@php
$childs = \App\Models\Category::where('parent_id', $subcate->id)->where('status', 1)->take('5')->get();
@endphp
@if($childs->count() > 0)
@foreach($childs as $child)
<li><a href='{{ route('category', $child->slug) }}'>{{ $child->name }}</a></li>
@endforeach
<li><a href='{{ route('category', $subcate->slug) }}' class="color_primary">View More</a></li>
@endif
</ul>
</div>
@endforeach
@endif
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<section id='indexAdvertiser_2' class='pt-4 body_gray'>
<div class='container bg-white pt-3 pb-3' id="home_bottom_banner">
<div class='row'>
<div class='col-lg-6'>
<div class='left__slider box__shadow'>
@php
$banners= \App\Models\Banner::limit(4)->where('position', 'after-category-left')->inRandomOrder()->get();
@endphp
@foreach($banners as $banner)
<div class='left__slide_item'>
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid' alt='img'/>
</a>
</div>
@endforeach
</div>
</div>
<div class='col-lg-6'>
<div class='left__slider'>
@php
$banners= \App\Models\Banner::limit(4)->where('position', 'after-category-right')->inRandomOrder()->get();
@endphp
@foreach($banners as $banner)
<div class='left__slide_item'>
<a href='{{$banner->link}}'>
<img src='{{asset('storage/images/admin/banner/'.$banner['image'])}}' class='img-fluid' alt='img'/>
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ban-cta ban-cta d-none d-md-block gradian-bg " id="featuredPointSection">
<div class="container pt-3 pb-3">
<ul>
<li> <i class="icon1-TRADE-WITH-CONFIDENCE"></i> TRADE WITH SECURE </li>
<li> <i class="icon1-VERIFIED-BUYERS"></i> FIND VERIFIED BUYERS </li>
<li> <i class="icon1-Globe"></i> CONNECTING WITH GLOBAL NETWORK </li>
<li> <i class="icon1-HELP-CENTER"></i> HELP CENTER </li>
</ul>
</div>
</section>
<!--/************ Start Packages **********************/-->
<section class="hm-sec-2 body_gray" style="margin-top: 30px;">
<div class="container bg-white pt-3 pb-3">
<div class="row">
<div class="col-md-4">
<div class="premiumServiceCarouselComponent box__shadow_lg" data-route="premium-service">
<h3>{{ translate('Membership Services ') }}</h3>
<div class="pkg-scroll-col">
<div class="package_slider">
@foreach($packages as $pack)
<div>
<div class="lbl-pkg">
<div class="owl-carousel owl-theme owl-drag owl-loaded" id="premiumServiceCarousel">
<div class="owl-stage-outer" id="lhim">
<div class="owl-stage">
<div class="owl-item cloned" style="width: 350px;">
<div class="item">
<a href="{{ route('subscription.buy', $pack['slug']) }}" title="{{ $pack['details'] }}">
<span>
<img src="{{asset('storage/images/admin/package')}}/{{ $pack->image }}" data-src="{{asset('storage/images/admin/package')}}/{{ $pack->image }}" width="138" height="44" alt="{{ $pack['details'] }}" class="owl-lazy" style="opacity: 1;">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<span>
<img src="{{asset('assets/frontend/img/prem-pro-icon.png')}}" alt="Premium Services" class="lazy" style="">
</span>
</div>
<ul class="premiumServicesCarouselFeatureList">
<li class="text-truncate">
<span>{{ translate($pack->name.' Features') }}</span>
<ul>
@php
$features = \App\Models\PackageFeature::where('package_id', $pack->id)->latest()->get();
@endphp
@foreach($features as $feature)
@php
$single_feature = \App\Models\Feature::find($feature->feature_id);
@endphp
@if($single_feature->status != 'disable')
<li class="text-truncate"> <span>{{ $single_feature->name }}</span> </li>
@endif
@endforeach
<!--<li class="text-truncate"> <span>{{ translate('Profile Listing on B2B tradevaly') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Connected Buyers') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Showcase Product Posting') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Online Products Exposure') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Buyer\'s Connectivity Follow-ups') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Performance Buyer Report') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Access to Global Buyer Directory') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Unlimited Product Posting') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Buyer Alerts') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Sub Accounts') }}</span> </li> -->
<!--<li class="text-truncate"> <span>{{ translate('Upload Company Certificate / Video / Brochure / Images') }}</span> </li> -->
</ul>
</li>
<!--<li class="text-truncate"> -->
<!-- <span>{{ translate('H2H (Human Assistance)') }}</span>-->
<!-- <ul> -->
<!-- <li class="text-truncate"> <span>{{ translate('Customer Support Assistance') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Key Account Manager') }}</span> </li>-->
<!-- <li class="text-truncate"> <span>{{ translate('Email Marketing Campaign') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Extensive Product Research and Analysis') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Tradeshow Facilitation') }}</span> </li> -->
<!-- </ul> -->
<!--</li> -->
<!--<li class="text-truncate"> <span>{{ translate('Digital Services') }}</span> -->
<!-- <ul> -->
<!-- <li class="text-truncate"> <span>{{ translate('Professional Logo') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Professional Website') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Google AdWords (SEM)') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Google Search Engine Optimization (SEO)') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('White Board / 2D / Motion Graphic Video') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Social Media Marketing') }}</span> </li> -->
<!-- <li class="text-truncate"> <span>{{ translate('Logo Stationary, Brochure Designing') }}</span> </li> -->
<!-- </ul> -->
<!--</li> -->
</ul>
</div>
@endforeach
</div>
</div>
<div class="btm-pkg-btn"> <a href="{{ route('packages') }}">{{ translate('Let’s take a look') }}</a> </div>
</div>
</div>
<!--/************ End Packages **********************/-->
<div class="col-md-4"> <!--/************ Start Regional Channel **********************/-->
<div class="reg-channel-col box__shadow_lg w-350 overflow-hidden">
<h3>{{ translate('Sellers by Region ') }}</h3>
<div >
<ul class="package_slider_region">
@foreach ($buyers as $region_id)
@php
$region = App\Models\Country::find($region_id);
@endphp
<li style="border-bottom:1px solid blue;border-top:1px solid blue;"> <a href="{{ route('region.change', $region->iso) }}" title="{{ translate($region->nicename) }}"> <i class="fi fi-{{ strtolower($region->iso) }}"> </i> <span style="white-space: nowrap">{{ translate($region->nicename) }}</span> </a> </li>
@endforeach
</ul>
</div>
</div>
</div>
<!--/************ End Regional Channel **********************/-->
<div class="col-md-4"> <!--/************ Start Upcoming Tradeshows **********************/-->
<div class="ftr-tradeshows-col featurtradevalyShowComponent box__shadow_lg">
<h3 class="m-0">{{ translate('Relevant Trade Shows ') }}</h3>
<div id="" class="relavant_trade">
<div>
<div>
<div>
<div class="package_slider">
@foreach($tradeshows_group as $tradeshows)
<ul class="m-0">
@foreach($tradeshows as $event)
<li class="border-bottom mb-0">
<a target="_blank" href="{{ $event->org_profile }}" title="{{ $event->show_name }}">
<span>
<img width="200" height="auto" src="{{asset('storage/images/admin/show/'.$event->image)}}" alt="MEGA CLIMA EXPO – EASTAFR?CA" class="owl-lazy" style="opacity: 1;">
</span>
<h6>{{$event->show_name}}</h6>
<p class="m-0">{{ Str::limit($event->ev_description,25) }}</p>
<p>{{$event->date}} <br>{{$event->venue}} </p>
</a>
</li>
@endforeach
</ul>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/************ End Upcoming Tradeshows **********************/-->
</div>
</div>
</section>
<!--******************************* Our Premium Supplier Start **********************************-->
<section id='indexAdvertiser_2' class='pt-4 hm-sec-3 body_gray'>
<div class='container bg-white pt-3 pb-3'>
<div class='row'>
<div class='col-lg-6'>
<h4><span>Verified</span> {{ translate('Suppliers') }}</h4>
</div>
<div class='col-lg-6'>
<h4><span>Clients Say </span> About Us</h4>
</div>
<div class='col-lg-6'>
<div class='left__slider box__shadow'>
@php
$companies = \App\Models\Company::where('image', '!=', 'image.jpg')->latest()->get()->chunk(8);
@endphp
@foreach($companies as $company)
<div class='left__slide_item'>
<div class='row m-2'>
@foreach($company as $company_info)
@if($company_info->user && $company_info->user->verified == 1)
<div class="col-lg-3 pr-0">
<a class="p-0" href="{{ route('supplier.view',$company_info->user->username) }}" tabindex="0">
<img class="img-fluid" src='{{asset('storage/images/user/avatar/'.$company_info->image)}}' class='{{ $company_info->image }}' alt='img'/>
</a>
</div>
@endif
@endforeach
</div>
</div>
@endforeach
</div>
</div>
<div class='col-lg-6'>
@php
$companies_story = App\Models\Company::whereNotNull('story')->latest()->get();
@endphp
<div class='left__slider' style='height:100% ; align-items: center;display: flex;justify-content: center;background:#f5f6f8'>
@foreach($companies_story as $story)
@if( $story->user && $story->user->verified == 1)
<div class='left__slide_item'>
<a href='{{ route('supplier.view',$story->user->username) }}' class='testi__item'>
<div classs='content'>
<p>{{ $story->story }}</p>
</div>
<div class='testi__slider_logo'>
<img src='{{asset('storage/images/user/avatar/'.$story->image.'')}}' class='img-fluid' alt='img'/>
<div class='testi_title'>
<h3>{{$story->user? $story->user->name:''}}</h3>
<h4>{{$story->name}}</h4>
</div>
</div>
</a>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@stop
@section('script')
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
$('.left__slider').slick({
dots: false,
infinite: true,
speed: 3000,
// rows: 1,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
autoplaySpeed: 5000,
});
</script>
<script>
$('.package_slider_region').slick({
dots: false,
infinite: true,
rows: 5,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
speed: 3000,
autoplaySpeed: 5000,
});
</script>
<script>
$('.feature_product_slider').slick({
dots: false,
infinite: true,
speed: 5000,
slidesPerRow: 4,
rows: 4,
centerMode: false,
arrows:false,
autoplay: true,
autoplaySpeed: 3000,
responsive:[
{
breakpoint: 1200,
settings: {
slidesPerRow: 4,
rows: 4,
}
},
{
breakpoint: 992,
settings: {
slidesPerRow: 3,
rows: 4,
}
},
{
breakpoint: 767,
settings: {
slidesPerRow: 1,
rows: 4,
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
</script>
<script>
$('.package_slider').slick({
dots: false,
infinite: true,
speed: 3000,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
autoplaySpeed: 3000,
});
</script>
<script>
$('.after_banner_lider').slick({
dots: false,
infinite: true,
speed: 3000,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
autoplaySpeed: 1200,
});
</script>
<script>
$('.main_banner_slider').slick({
dots: false,
infinite: true,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
speed: 3000,
autoplaySpeed: 2000,
});
</script>
<script>
$('.category_content').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
dots:false,
autoplay: true,
asNavFor: '.category_nav'
});
$('.category_nav').slick({
slidesToShow: 7,
slidesToScroll: 1,
asNavFor: '.category_content',
dots: false,
centerMode: true,
autoplay: true,
arrows:false,
centerPadding: '0px',
focusOnSelect: true,
speed: 3000,
autoplaySpeed: 2000,
responsive:[
{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
</script>
<script src="{{ asset('assets/frontend/js/countrycode.js') }}"></script>
<!--<script src="{{ asset('assets/frontend/js/countrycode_utils.js') }}"></script>-->
<script>
var input = document.querySelector("#phone");
window.intlTelInput(input, {
});
</script>
{{--
<script>
let catTabBtns = document.querySelectorAll('.category-tabs ul.categoryTabsNav li>a.nav-link');
if(catTabBtns){
catTabBtns = Array.from(catTabBtns);
catTabBtns.forEach(catBtn=>{
catBtn.onclick = ()=>{
removeCls(catTabBtns);
catBtn.classList.add('active');
}
});
}
function removeCls(catTabBtns){
catTabBtns.forEach(catBtn=>{
catBtn.classList.remove('active');
})
}
</script>
--}}
@stop