ok
Mini Shell
<style>
@media (min-width: 768px){
.__inline-11 {
height: 35px !important;
width: 170%;
max-width: 125%;
margin-left: 35%;
}
}
@media (max-width: 767.98px){
.__inline-12 {
height: 40px !important;
margin-bottom: 0px;
}
}
.input-group-overlay .appended-form-control:not(.rounded-right-0) {
padding-right: 2.5rem;
border-top-right-radius: 2.3125rem !important;
border-bottom-right-radius: 2.3125rem !important;
margin-left: 4% !important;
}
.search_button{
background: linear-gradient(270deg,#c3c0c0,#fff)!important;
margin-right: -4%;
}
.input-group-overlay{
width: 60%;
}
.text-white{
color: #000 !important;
}
.form-control{
border-radius: 2.3125rem;
}
.nav-link {
font-weight: 700;
}
.navbar-tool-icon-box {
position: relative;
width: 1.875rem;
height: 1.875rem;
transition: color 0.25s ease-in-out;
border-radius: 50%;
line-height: 1.625rem;
text-align: center;
}
.navbar-tool-icon {
font-size: 1.25rem;
line-height: 1.875rem;
}
.navbar-light .navbar-brand {
color: #ff5828;
background: linear-gradient(180deg,#ff7631 0,#ff4b23);
}
</style>
<style>
.dot {
position: relative;
width: fit-content;
background: linear-gradient(135deg, #7932f6, #805ad5 48%, #342662);
border-radius: 40px;
width: 3.75rem;
height: 3.75rem;
}
.heartbeat {
position: absolute;
width: fit-content;
background-color: #1eff03;
border-radius: 50px;
width: 3.75rem;
height: 3.75rem;
opacity: 0.75;
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes ping {
75%,
100% {
transform: scale(2);
opacity: 0;
}
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
font-family: 'sixvalley-icons';
}
</style>
<style>
.for-count-value {
color: {{$web_config['primary_color']}};
}
.nav-link{
color: black !important;
}
.navbar-expand-md .navbar-nav .nav-item > a:hover{
opacity: 1 !important;
color: #ff7a00!important;
}
.dropdown-item:hover, .dropdown-item:focus{
color: #ff7a00!important;
}
.count-value {
color: {{$web_config['primary_color']}};
}
button.input-group-append-overlay.search_button {
top: 1px;
/* right: 0px !important; */
}
@media (min-width: 768px) {
.navbar-stuck-menu {
background-color: {{$web_config['primary_color']}};
}
}
@media (max-width: 767px) {
.search_button .input-group-text i {
color: {{$web_config['primary_color']}} !important;
}
.navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle {
padding- {{Session::get('direction') === "rtl" ? 'left' : 'right'}}: 1.95rem;
}
.mega-nav1 {
color: {{$web_config['primary_color']}} !important;
}
.mega-nav1 .nav-link {
color: {{$web_config['primary_color']}} !important;
}
}
@media (max-width: 471px) {
.mega-nav1 {
color: {{$web_config['primary_color']}} !important;
}
.mega-nav1 .nav-link {
color: {{$web_config['primary_color']}} !important;
}
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav{
margin-left: 35px;
margin-top: -14px;
}
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link{
padding: 16px 0px 1px 15px !important;
}
}
@media (min-width: 1280px){
.container, .container-sm, .container-md, .container-lg, .container-xl{
max-width: 100%;
}
}
@media (max-width: 767.98px){
.navbar-sticky.navbar-stuck {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-animation: navbar-show .25s;
animation: navbar-show .25s;
box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
z-index: 1030;
}
}
.__inline-10 .card-body.search-result-box {
overflow: scroll;
height: 400px;
overflow-x: hidden;
font-size: 13px;
color: black;
}
.input-group-append-overlay, .input-group-prepend-overlay {
display: -ms-flexbox;
display: flex;
position: absolute;
top: 5px;
z-index: 5;
width: 48px;
height: 43px;
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 2%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity 0.15s ease;
}
</style>
@php($announcement=\App\CPU\Helpers::get_business_settings('announcement'))
@if (isset($announcement) && $announcement['status']==1)
<div class="text-center position-relative px-4 py-1" id="anouncement" style="background-color: {{ $announcement['color'] }};color:{{$announcement['text_color']}}">
<span>{{ $announcement['announcement'] }} </span>
<span class="__close-anouncement" onclick="myFunction()">X</span>
</div>
@endif
<header class="box-shadow-sm rtl __inline-10">
<!-- Topbar-->
<!--<div class="topbar">
<div class="container">
<div>
<div class="topbar-text dropdown d-md-none {{Session::get('direction') === "rtl" ? 'mr-auto' : 'ml-auto'}}">
<a class="topbar-link" href="tel: {{$web_config['phone']->value}}">
<i class="fa fa-phone"></i> {{$web_config['phone']->value}}
</a>
</div>
<div class="d-none d-md-block {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}} text-nowrap">
<a class="topbar-link d-none d-md-inline-block" href="tel:{{$web_config['phone']->value}}">
<i class="fa fa-phone"></i> {{$web_config['phone']->value}}
</a>
</div>
</div>
<div>
@php($currency_model = \App\CPU\Helpers::get_business_settings('currency_model'))
@if($currency_model=='multi_currency')
<div class="topbar-text dropdown disable-autohide {{Session::get('direction') === "rtl" ? 'mr-4' : 'mr-4'}}">
<a class="topbar-link dropdown-toggle" href="#" data-toggle="dropdown">
<span>{{session('currency_code')}} {{session('currency_symbol')}}</span>
</a>
<ul class="dropdown-menu dropdown-menu-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}"
style="min-width: 160px!important;text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach (\App\Model\Currency::where('status', 1)->get() as $key => $currency)
<li class="dropdown-item cursor-pointer"
onclick="currency_change('{{$currency['code']}}')">
{{ $currency->name }}
</li>
@endforeach
</ul>
</div>
@endif
@php( $local = \App\CPU\Helpers::default_lang())
<div
class="topbar-text dropdown disable-autohide __language-bar text-capitalize">
<a class="topbar-link dropdown-toggle" href="#" data-toggle="dropdown">
@foreach(json_decode($language['value'],true) as $data)
@if($data['code']==$local)
<img class="{{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}" width="20"
src="{{asset('public/assets/front-end')}}/img/flags/{{$data['code']}}.png"
alt="Eng">
{{$data['name']}}
@endif
@endforeach
</a>
<ul class="dropdown-menu dropdown-menu-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach(json_decode($language['value'],true) as $key =>$data)
@if($data['status']==1)
<li>
<a class="dropdown-item pb-1" href="{{route('lang',[$data['code']])}}">
<img class="{{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}"
width="20"
src="{{asset('public/assets/front-end')}}/img/flags/{{$data['code']}}.png"
alt="{{$data['name']}}"/>
<span style="text-transform: capitalize">{{$data['name']}}</span>
</a>
</li>
@endif
@endforeach
</ul>
</div>
</div>
</div>
</div>-->
<style>
</style>
<div class="navbar-sticky bg-light mobile-head">
<div class="navbar navbar-expand-md navbar-light" style="background: linear-gradient(180deg,#ff7631 0,#ff4b23);height: 50px;">
<div class="container ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand d-none d-sm-block {{Session::get('direction') === "rtl" ? 'mr-3' : 'mr-3'}} flex-shrink-0 __min-w-7rem" href="{{route('home')}}">
<img class="__inline-11"
src="{{asset("storage/app/public/company")."/".$web_config['web_logo']->value}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
alt="{{$web_config['name']->value}}" />
</a>
<a class="navbar-brand d-sm-none {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}"
href="{{route('home')}}">
<img class="mobile-logo-img __inline-12"
src="{{asset("storage/app/public/company")."/".$web_config['mob_logo']->value}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
alt="{{$web_config['name']->value}}"/>
</a>
<!-- Search-->
<div class="input-group-overlay d-none d-md-block mx-4"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}}">
<form action="{{route('products')}}" type="submit" class="search_form" style="margin-left: 10%;">
<input class="form-control appended-form-control search-bar-input" type="text"
autocomplete="off"
placeholder="{{\App\CPU\translate('Search here ...')}}"
name="name" style="width: 70%;">
<button class="input-group-append-overlay search_button" type="submit"
style="border-radius: {{Session::get('direction') === "rtl" ? '47px 0px 0px 47px; right: unset; left: 0' : '0px 47px 47px 0px; left: unset; right: 206px'}};height: 36px;top:4px">
<span class="input-group-text __text-20px">
<i class="czi-search text-white"></i>
</span>
</button>
<input name="data_from" value="search" hidden>
<input name="page" value="1" hidden>
<diV class="card search-card __inline-13" style="width:70%;font-family: 'Roboto';">
<div class="card-body search-result-box __h-400px overflow-x-hidden overflow-y-auto"></div>
</diV>
</form>
</div>
<!-- Toolbar-->
<div class="navbar-toolbar d-flex flex-shrink-0 align-items-center" style="margin-right: 7%;">
<a class="navbar-tool navbar-stuck-toggler" href="#">
<span class="navbar-tool-tooltip">{{\App\CPU\translate('Expand Menu')}}</span>
<div class="navbar-tool-icon-box">
<i class="navbar-tool-icon czi-menu open-icon"></i>
<i class="navbar-tool-icon czi-close close-icon"></i>
</div>
</a>
<div class="navbar-tool dropdown {{Session::get('direction') === "rtl" ? 'mr-md-3' : 'ml-md-3'}}">
<a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="{{route('wishlists')}}">
<span class="navbar-tool-label">
<span
class="countWishlist">{{session()->has('wish_list')?count(session('wish_list')):0}}</span>
</span>
<i class="navbar-tool-icon czi-heart"></i>
</a>
</div>
@if(auth('customer')->check())
<div class="dropdown">
<a class="navbar-tool ml-3" type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="navbar-tool-icon-box bg-secondary">
<div class="navbar-tool-icon-box bg-secondary">
<img src="{{asset('storage/app/public/profile/'.auth('customer')->user()->image)}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
class="img-profile rounded-circle __inline-14">
</div>
</div>
<div class="navbar-tool-text">
<small>{{\App\CPU\translate('hello')}}, {{auth('customer')->user()->f_name}}</small>
{{\App\CPU\translate('dashboard')}}
</div>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item"
href="{{route('account-oder')}}"> {{ \App\CPU\translate('my_order')}} </a>
<a class="dropdown-item"
href="{{route('user-account')}}"> {{ \App\CPU\translate('my_profile')}}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item"
href="{{route('customer.auth.logout')}}">{{ \App\CPU\translate('logout')}}</a>
</div>
</div>
@else
<div class="dropdown">
<a class="navbar-tool {{Session::get('direction') === "rtl" ? 'mr-md-3' : 'ml-md-3'}}"
type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="navbar-tool-icon-box bg-secondary">
<div class="navbar-tool-icon-box bg-secondary">
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 4.41675C4.25 6.48425 5.9325 8.16675 8 8.16675C10.0675 8.16675 11.75 6.48425 11.75 4.41675C11.75 2.34925 10.0675 0.666748 8 0.666748C5.9325 0.666748 4.25 2.34925 4.25 4.41675ZM14.6667 16.5001H15.5V15.6667C15.5 12.4509 12.8825 9.83341 9.66667 9.83341H6.33333C3.11667 9.83341 0.5 12.4509 0.5 15.6667V16.5001H14.6667Z" fill="#1B7FED"/>
</svg>
</div>
</div>
</a>
<div class="dropdown-menu __auth-dropdown dropdown-menu-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}" aria-labelledby="dropdownMenuButton"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
<a class="dropdown-item" href="{{route('customer.auth.login')}}">
<i class="fa fa-sign-in {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}"></i> {{\App\CPU\translate('sign_in')}}
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{route('customer.auth.sign-up')}}">
<i class="fa fa-user-circle {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}"></i>{{\App\CPU\translate('sign_up')}}
</a>
</div>
</div>
@endif
<div id="cart_items">
@include('layouts.front-end.partials.cart')
</div>
</div>
</div>
</div>
<div class="navbar navbar-expand-md navbar-stuck-menu" style="background: white;height: 35px;">
<div class="container px-10px">
<div class="collapse navbar-collapse" id="navbarCollapse"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};padding: 10px;background-color: #fff;z-index: 22;">
<!-- Search-->
<div class="input-group-overlay d-md-none my-3">
<form action="{{route('products')}}" type="submit" class="search_form">
<input class="form-control appended-form-control search-bar-input-mobile" type="text"
autocomplete="off"
placeholder="{{\App\CPU\translate('search')}}" name="name">
<input name="data_from" value="search" hidden>
<input name="page" value="1" hidden>
<button class="input-group-append-overlay search_button" type="submit"
style="border-radius: {{Session::get('direction') === "rtl" ? '47px 0px 0px 47px; right: unset; left: 0' : '0px 47px 47px 0px; left: unset; right: 0'}};">
<span class="input-group-text __text-20px">
<i class="czi-search text-white"></i>
</span>
</button>
<diV class="card search-card __inline-13">
<div class="card-body search-result-box" id=""
style="overflow:scroll; height:400px;overflow-x: hidden"></div>
</diV>
</form>
</div>
@php($categories=\App\Model\Category::with(['childes.childes'])->where('position', 0)->priority()->paginate(11))
<!--<ul class="navbar-nav mega-nav pr-2 pl-2 {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}} d-none d-xl-block __mega-nav">
<li class="nav-item {{!request()->is('/')?'dropdown':''}}">
<a class="nav-link dropdown-toggle {{Session::get('direction') === "rtl" ? 'pr-0' : 'pl-0'}}"
href="#" data-toggle="dropdown" style="{{request()->is('/')?'pointer-events: none':''}}">
<i class="czi-menu align-middle mt-n1 {{Session::get('direction') === "rtl" ? 'mr-2' : 'mr-2'}}"></i>
<span
style="margin-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}: 30px !important;margin-{{Session::get('direction') === "rtl" ? 'left' : 'right'}}: 30px">
{{ \App\CPU\translate('categories')}}
</span>
</a>
@if(request()->is('/'))
<ul class="dropdown-menu __dropdown-menu" style="{{Session::get('direction') === "rtl" ? 'margin-right: 1px!important;text-align: right;' : 'margin-left: 1px!important;text-align: left;'}}padding-bottom: 0px!important;">
@foreach($categories as $key=>$category)
@if($key<8)
<li class="dropdown">
<a class="dropdown-item flex-between"
<?php if ($category->childes->count() > 0) echo "data-toggle='dropdown'"?> href="javascript:"
onclick="location.href='{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}'">
<div class="d-flex">
<img
src="{{asset("storage/app/public/category/$category->icon")}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
class="__img-18">
<span
class="w-0 flex-grow-1 {{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$category['name']}}</span>
</div>
@if ($category->childes->count() > 0)
<div>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-15"></i>
</div>
@endif
</a>
@if($category->childes->count()>0)
<ul class="dropdown-menu" style="right: 100%; text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($category['childes'] as $subCategory)
<li class="dropdown">
<a class="dropdown-item flex-between"
<?php if ($subCategory->childes->count() > 0) echo "data-toggle='dropdown'"?> href="javascript:"
onclick="location.href='{{route('products',['id'=> $subCategory['id'],'data_from'=>'category','page'=>1])}}'">
<div>
<span
class="{{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$subCategory['name']}}</span>
</div>
@if ($subCategory->childes->count() > 0)
<div>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-15"></i>
</div>
@endif
</a>
@if($subCategory->childes->count()>0)
<ul class="dropdown-menu __r-100"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($subCategory['childes'] as $subSubCategory)
<li>
<a class="dropdown-item"
href="{{route('products',['id'=> $subSubCategory['id'],'data_from'=>'category','page'=>1])}}">{{$subSubCategory['name']}}</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
@endif
</li>
@endif
@endforeach
<li class="dropdown">
<a class="dropdown-item text-capitalize text-center" href="{{route('categories')}}"
style="color: {{$web_config['primary_color']}} !important;">
{{\App\CPU\translate('view_more')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-15"></i>
</a>
</li>
</ul>
@else
<ul class="dropdown-menu __dropdown-menu-2"
style="right: 0; text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($categories as $category)
<li class="dropdown">
<a class="dropdown-item flex-between <?php if ($category->childes->count() > 0) echo "data-toggle='dropdown"?> "
<?php if ($category->childes->count() > 0) echo "data-toggle='dropdown'"?> href="javascript:"
onclick="location.href='{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}'">
<div class="d-flex">
<img src="{{asset("storage/app/public/category/$category->icon")}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
class="__img-18">
<span
class="w-0 flex-grow-1 {{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$category['name']}}</span>
</div>
@if ($category->childes->count() > 0)
<div>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-15"></i>
</div>
@endif
</a>
@if($category->childes->count()>0)
<ul class="dropdown-menu __r-100"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($category['childes'] as $subCategory)
<li class="dropdown">
<a class="dropdown-item flex-between <?php if ($subCategory->childes->count() > 0) echo "data-toggle='dropdown"?> "
<?php if ($subCategory->childes->count() > 0) echo "data-toggle='dropdown'"?> href="javascript:"
onclick="location.href='{{route('products',['id'=> $subCategory['id'],'data_from'=>'category','page'=>1])}}'">
<div>
<span
class="{{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$subCategory['name']}}</span>
</div>
@if ($subCategory->childes->count() > 0)
<div>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-15"></i>
</div>
@endif
</a>
@if($subCategory->childes->count()>0)
<ul class="dropdown-menu __r-100"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($subCategory['childes'] as $subSubCategory)
<li>
<a class="dropdown-item"
href="{{route('products',['id'=> $subSubCategory['id'],'data_from'=>'category','page'=>1])}}">{{$subSubCategory['name']}}</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
<li class="dropdown">
<a class="dropdown-item d-block text-center" href="{{route('categories')}}"
style="color: {{$web_config['primary_color']}} !important;">
{{\App\CPU\translate('view_more')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __text-8px" style="background:none !important;color:{{$web_config['primary_color']}} !important;"></i>
</a>
</li>
</ul>
@endif
</li>
</ul>-->
<ul class="navbar-nav mega-nav1 pr-2 pl-2 d-block d-xl-none"><!--mobile-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle {{Session::get('direction') === "rtl" ? 'pr-0' : 'pl-0'}}"
href="#" data-toggle="dropdown">
<i class="czi-menu align-middle mt-n1 {{Session::get('direction') === "rtl" ? 'ml-2' : 'mr-2'}}"></i>
<span
style="margin-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}: 20px !important;">{{ \App\CPU\translate('categories')}}</span>
</a>
<ul class="dropdown-menu __dropdown-menu-2"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($categories as $category)
<li class="dropdown">
<a <?php if ($category->childes->count() > 0) echo ""?>
href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}">
<img src="{{asset("storage/app/public/category/$category->icon")}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
class="__img-18">
<span
class="{{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$category['name']}}</span>
</a>
@if ($category->childes->count() > 0)
<a data-toggle='dropdown' class='__ml-50px'>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-16"></i>
</a>
@endif
@if($category->childes->count()>0)
<ul class="dropdown-menu"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
@foreach($category['childes'] as $subCategory)
<li class="dropdown">
<a href="{{route('products',['id'=> $subCategory['id'],'data_from'=>'category','page'=>1])}}">
<span
class="{{Session::get('direction') === "rtl" ? 'pr-3' : 'pl-3'}}">{{$subCategory['name']}}</span>
</a>
@if($subCategory->childes->count()>0)
<a style="font-family: sans-serif !important;font-size: 1rem;
font-weight: 300;line-height: 1.5;margin-left:50px;" data-toggle='dropdown'>
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} __inline-16"></i>
</a>
<ul class="dropdown-menu">
@foreach($subCategory['childes'] as $subSubCategory)
<li>
<a class="dropdown-item"
href="{{route('products',['id'=> $subSubCategory['id'],'data_from'=>'category','page'=>1])}}">{{$subSubCategory['name']}}</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
</li>
</ul>
<!-- Primary menu-->
<ul class="navbar-nav" style="{{Session::get('direction') === "rtl" ? 'padding-right: 0px' : ''}}">
<li class="nav-item dropdown {{request()->is('/')?'active':''}}">
<a class="nav-link" href="{{route('home')}}">{{ \App\CPU\translate('Home')}}</a>
</li>
<!-- Venkat Starts Here -->
<!--Hari Code Start-->
@foreach($categories as $key=>$category)
<!--<li class="nav-item dropdown {{request()->is('/')?'active':''}}">
<a class="nav-link" onclick="location.href='{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}'">{{$category['name']}}
@foreach($category['childes'] as $subCategory)
{{$subCategory['name']}}
@endforeach
</a>
</li>-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}"
data-toggle="dropdown">
{{$category['name']}}</a>
<ul class="dropdown-menu __dropdown-menu-sizing dropdown-menu-{{Session::get('direction') === "rtl" ? 'right' : 'left'}} scroll-bar"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}}; ">
<!--margin-top: -6%;-->
<li class="__inline-17">
<div>
<a class="dropdown-item"
href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}">
All {{$category['name']}}
</a>
</div>
</li>
@foreach($category['childes'] as $subCategory)
<li class="__inline-17">
<div>
<a class="dropdown-item"
href="{{route('products',['id'=> $subCategory['id'],'data_from'=>'category','page'=>1])}}">
{{$subCategory['name']}}
</a>
</div>
</li>
@endforeach
</ul>
</li>
@endforeach
<!-- Venkat Endsss Here -->
@if(\App\Model\BusinessSetting::where(['type'=>'product_brand'])->first()->value)
<!--<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#"
data-toggle="dropdown">{{ \App\CPU\translate('brand') }}</a>
<ul class="dropdown-menu __dropdown-menu-sizing dropdown-menu-{{Session::get('direction') === "rtl" ? 'right' : 'left'}} scroll-bar"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}}; margin-top: -18%;">
@foreach(\App\CPU\BrandManager::get_active_brands() as $brand)
<li class="__inline-17">
<div>
<a class="dropdown-item"
href="{{route('products',['id'=> $brand['id'],'data_from'=>'brand','page'=>1])}}">
{{$brand['name']}}
</a>
</div>
<div class="align-baseline">
@if($brand['brand_products_count'] > 0 )
<span class="count-value px-2">( {{ $brand['brand_products_count'] }} )</span>
@endif
</div>
</li>
@endforeach
<li class="__inline-17">
<div>
<a class="dropdown-item" href="{{route('brands')}}"
style="color: {{$web_config['primary_color']}} !important;">
{{ \App\CPU\translate('View_more') }}
</a>
</div>
</li>
</ul>
</li>-->
@endif
@php($discount_product = App\Model\Product::with(['reviews'])->active()->where('discount', '!=', 0)->count())
@if ($discount_product>0)
<!--<li class="nav-item dropdown {{request()->is('/')?'active':''}}">
<a class="nav-link text-capitalize" href="{{route('products',['data_from'=>'discounted','page'=>1])}}">{{ \App\CPU\translate('discounted_products')}}</a>
</li>-->
@endif
@php($business_mode=\App\CPU\Helpers::get_business_settings('business_mode'))
@if ($business_mode == 'multi')
<li class="nav-item dropdown {{request()->is('/')?'active':''}}">
<a class="nav-link" href="{{route('sellers')}}">{{ \App\CPU\translate('Sellers')}}</a>
</li>
@php($seller_registration=\App\Model\BusinessSetting::where(['type'=>'seller_registration'])->first()->value)
@if($seller_registration)
<li class="nav-item">
<div class="dropdown">
<button class="btn dropdown-toggle text-white" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
style="padding-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}: 0">
{{ \App\CPU\translate('Seller')}} {{ \App\CPU\translate('zone')}}
</button>
<div class="dropdown-menu __dropdown-menu-3 __min-w-165px" aria-labelledby="dropdownMenuButton"
style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
<a class="dropdown-item" href="{{route('shop.apply')}}">
{{ \App\CPU\translate('Become a')}} {{ \App\CPU\translate('Seller')}}
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{route('seller.auth.login')}}">
{{ \App\CPU\translate('Seller')}} {{ \App\CPU\translate('login')}}
</a>
</div>
</div>
</li>
@endif
@endif
</ul>
</div>
</div>
</div>
</div>
</header>
@push('script')
<script>
function myFunction() {
$('#anouncement').slideUp(300)
}
</script>
@endpush
<!--<style>-->
<!-- @media (min-width: 1024px) {-->
<!-- .lg\:bottom-36 {-->
<!-- bottom: 9rem;-->
<!-- }-->
<!-- }-->
<!-- @media (min-width: 768px) {-->
<!-- .md\:bottom-36 {-->
<!-- bottom: 9rem;-->
<!-- }-->
<!-- }-->
<!-- .bottom-40 {-->
<!-- bottom: 10rem;-->
<!-- }-->
<!-- .right-20 {-->
<!-- right: 5rem;-->
<!-- }-->
<!-- .fixed {-->
<!-- position: fixed;-->
<!-- }-->
<!-- @media (min-width: 1024px) {-->
<!-- .lg\:bottom-36 {-->
<!-- bottom: 9rem;-->
<!-- }-->
<!-- }-->
<!-- .flex {-->
<!-- display: flex;-->
<!-- }-->
<!-- .inline-flex {-->
<!-- display: inline-flex;-->
<!-- }-->
<!-- .relative {-->
<!-- position: relative;-->
<!-- }-->
<!-- .absolute {-->
<!-- position: absolute;-->
<!-- }-->
<!-- .opacity-75 {-->
<!-- opacity: .75;-->
<!-- }-->
<!-- .bg-green-300 {-->
<!-- --tw-bg-opacity: 1;-->
<!-- background-color: rgba(110, 231, 183, var(--tw-bg-opacity));-->
<!-- }-->
<!-- .rounded-full {-->
<!-- border-radius: 9999px;-->
<!-- }-->
<!-- .animate-ping {-->
<!-- animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;-->
<!-- }-->
<!-- .w-full {-->
<!-- width: 100%;-->
<!-- }-->
<!-- .h-full {-->
<!-- height: 100%;-->
<!-- }-->
<!-- .whatsapp-chat_whatsapp_color__71nF_ {-->
<!-- background: #09d261 !important;-->
<!-- }-->
<!-- .rounded-full {-->
<!-- border-radius: 9999px;-->
<!-- }-->
<!-- .w-12 {-->
<!-- width: 3rem;-->
<!-- }-->
<!-- .h-12 {-->
<!-- height: 3rem;-->
<!-- }-->
<!-- .inline-flex {-->
<!-- display: inline-flex;-->
<!-- }-->
<!-- .relative {-->
<!-- position: relative;-->
<!-- }-->
<!-- .cursor-pointer {-->
<!-- cursor: pointer;-->
<!-- }-->
<!-- a {-->
<!-- color: inherit;-->
<!-- text-decoration: inherit;-->
<!-- }-->
<!-- .whatsapp-chat_landing_whatsapp__HHlWI {-->
<!-- fill: #fff !important;-->
<!-- width: 32px !important;-->
<!-- height: 32px !important;-->
<!-- }-->
<!-- .ml-2 {-->
<!-- margin-left: 0.5rem;-->
<!-- }-->
<!-- .mt-2 {-->
<!-- margin-top: 0.5rem;-->
<!-- }-->
<!-- .m-auto {-->
<!-- margin: auto;-->
<!--}-->
<!--audio, canvas, embed, iframe, img, object, svg, video {-->
<!-- vertical-align: middle;-->
<!--}-->
<!--</style>-->
<!--<div class="whatsbutton ping" style="position: fixed;right: 2%;bottom: 20%;z-index: 999;">-->
<!-- <a href="https://wa.me/+91?text= Hello, Enquiry For" target="_blank">-->
<!-- <img src="https://cdn-icons-png.flaticon.com/512/3670/3670051.png" style="width: 45px;"></a>-->
<!-- </div>-->
<div class="whatsbutton" style="position: fixed;right: 2%;bottom: 20%;z-index: 999;">
<span class="heartbeat"></span>
<span class="dot">
<a href="https://wa.me/+91?text= Hello, Enquiry For" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/3670/3670051.png" style="width: 45px;">
</a>
</span>
</div>
Zerion Mini Shell 1.0