Viewing file:  allCategory.blade.php (21.59 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('master.front')
@section('meta')
<meta name="keywords" content="{{ $setting->meta_keywords }}">
<meta name="description" content="{{ $setting->meta_description }}">
@endsection
@section('content')
<main class="p-m-t">
<div class="overflow-hidden">
<div class="border-0">
<div class="category-banner position-relative">
<div class="category-banner-background-img">
<img class="category-img-for-banner" src="{{asset('assets/images/category-banner.jpg')}}" alt="">
{{-- <img class="category-img-for-banner" src="https://uomo-html.flexkitux.com/images/shop/shop_banner_character1.png" alt=""> --}}
</div>
<div class="category-banner-background-des position-absolute container">
<h2 class="smooth-text text-uppercase fw-bold mb-3 mb-xl-4 mb-xl-5">{{ $categories->name }}</h2>
<ul class="d-flex flex-wrap list-category-sub text-uppercase h6">
@foreach ($chield_categories as $chield_category)
<li>
<a href="#" class="" style="margin-right: 20px">{{ $chield_category->name }}</a>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
<div class="mb-4 pb-lg-3"></div>
<div class="container d-flex align-items-center d-none-moble1 ">
<div class="d-flex justify-content-between">
<div class="mb-0 d-md-block flex-grow-1">
<a href="{{route('front.index')}}" class="a-link text-uppercase fw-medium">Home</a>
<span class="bard">/</span>
<a href="{{ route('front.catalog') }}" class="a-link text-uppercase fw-medium">The Shop</a>
</div>
</div>
<div class="d-flex align-items-center justify-content-between justify-content-md-end flex-grow-1">
<input type="hidden" id="new-sort">
<div class="d-md-flex align-items-center">
<select name="sort" data-url="{{ route('front.all.category', $categories->id) }}" id="sort" class="select-language border-0 text-dark p-0"
style="border-right: 2px solid #e4e4e4 !important ;">
<option value="default">Default Sorting</option>
<option value="featured">Featured</option>
<option value="alphabetically">Alphabetically, A-Z</option>
</select>
<div class="ml-3 align-items-center d-none d-lg-flex"
style="border-right: 2px solid #e4e4e4 !important ;">
<span class="text-uppercase fw-medium ms-2 me-2">View</span>
<button class="col-link col-link-btn" data-col="2" type="button">2</button>
<button class="col-link col-link-btn" data-col="3" type="button">3</button>
<button class="col-link col-link-btn" data-col="4" type="button">4</button>
</div>
<div class=" ml-3 a-link d-flex align-items-center ps-0 js-open-aside">
<a href="#" class="filter">
<i class="far fa-filter ms-2"></i>
<span class="text-uppercase fw-medium d-inline-block align-middle">Filter</span>
</a>
</div>
</div>
</div>
</div>
<div class="container mb-4 d-none-moble2 d-none">
<div class=" ml-3 a-link d-flex align-items-center ps-0 js-open-aside">
<a href="#" class="filter">
<i class="far fa-filter ms-2"></i>
<span class="text-uppercase fw-medium d-inline-block align-middle">Filter</span>
</a>
</div>
<select name="language" id="language" class="select-language border-0 text-dark p-0">
<option>Default Sorting</option>
<option>Featured</option>
<option>Alphabetically, A-Z</option>
</select>
</div>
<div class="container mt-5">
<div id="products-fil" class="row">
@foreach ($products as $product)
<div class="col-lg-3 col-md-4 col-6 res-col-btn">
<div class="wishlist-item">
<div class="wishlist-item-img">
<div id="carouselExampleControls{{ $product->id }}" class="carousel carousel2 slide" data-bs-ride="carousel">
<div class="carousel-inner">
@if($product->galleries->isNotEmpty())
@foreach ($product->galleries as $gallery)
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
<a href="{{ route('front.product.solo',$product->slug) }}"> <img class="d-block w-100" src="{{ asset('assets/images/'.$gallery->photo) }}" alt="Slide"> </a>
</div>
@endforeach
@else
<div class="carousel-item active">
<img class="d-block w-100" src="data:image/png;base64,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" alt="Default slide">
</div>
@endif
</div>
<button type="button" class="carousel-control-prev carousel-control-prev4" data-bs-target="#carouselExampleControls{{ $product->id }}" data-bs-slide="prev">
<i class="far fa-angle-left carousel-control-icon"></i>
</button>
<button type="button" class="carousel-control-next carousel-control-prev4" data-bs-target="#carouselExampleControls{{ $product->id }}" data-bs-slide="next">
<i class="far fa-angle-right carousel-control-icon"></i>
</button>
</div>
{{-- @if(Auth::user())
<a id="add_to_cart" data-p-item-type={{$product->item_type}} class=""> ADD TO CART</a>
@else
<a href="{{route('user.login')}}"> ADD TO CART</a>
@endif --}}
@if(Auth::user())
<a href="{{ route('front.product.solo', $product->slug) }}" title="{{__('To Cart')}}" class="btn items-to-cart position-absolute border-0 text-uppercase">ADD TO CART</a>
@else
<a href="{{route('user.login')}}" title="{{__('To Cart')}}" class="btn items-to-cart position-absolute border-0 text-uppercase"> ADD TO CART</a>
@endif
</div>
<div class="mt-3 position-relative carousel-item-header-des">
<p>{{$product->category->name}}</p>
<h6> <a href="{{ route('front.product.solo',$product->slug) }}">{{ Str::limit($product->name, 35) }}</a></h6>
@if($product->previous_price > 0)
<span class="me-2" style="text-decoration: line-through">{{ PriceHelper::setPreviousPrice($product->previous_price)}}</span>
<span class="text-danger">{{ PriceHelper::setPreviousPrice($product->discount_price)}}</span>
@else
<p>{{ PriceHelper::setPreviousPrice($product->discount_price) }}</p>
@endif
<div class="d-flex align-items-center">
<div class="d-flex me-2">
@php
$productRatings = $product->reviews;
$totalRatings = 0;
$numberOfRatings = count($productRatings);
if ($numberOfRatings > 0) {
foreach ($productRatings as $productRating) {
$totalRatings += $productRating->rating;
}
$averageRating = $totalRatings / $numberOfRatings;
$averageRating = round($averageRating, 2);
} else {
$averageRating = 0;
}
$fullStars = floor($averageRating);
$halfStar = ($averageRating - $fullStars) >= 0.5 ? 1 : 0;
$emptyStars = 5 - ($fullStars + $halfStar);
for ($i = 0; $i < $fullStars; $i++) {
echo "<i class='fa fa-star review-stars'></i>";
}
if ($halfStar) {
echo "<i class='fa fa-star-half-alt review-stars'></i>";
}
for ($i = 0; $i < $emptyStars; $i++) {
echo "<i class='far fa-star review-stars'></i>";
}
@endphp
</div>
@php
$count = $product->reviews->count();
if ($count >= 1_000_000_000_000) {
$formattedCount = round($count / 1_000_000_000_000, 1) . 't';
} elseif ($count >= 1_000_000_000) {
$formattedCount = round($count / 1_000_000_000, 1) . 'b';
} elseif ($count >= 1_000_000) {
$formattedCount = round($count / 1_000_000, 1) . 'm';
} elseif ($count >= 1_000) {
$formattedCount = round($count / 1_000, 1) . 'k';
} else {
$formattedCount = $count;
}
@endphp
<span class="text-lowercase text-secondary ml-1" style="font-size: 0.875rem;">{{ $formattedCount }} reviews</span>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="total-category-product-items mt-5 pb-5">
<p class="mb-1 text-center fw-medium d-none">SHOWING {{ $products->count() }} of {{ $products->total() }} items</p>
{{-- <div class="d-flex justify-content-center">
@php
$progress = ($products->currentPage() / $products->lastPage()) * 100;
@endphp
<div class="progress-more ml-auto mr-auto mt-3 mb-3">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ $progress }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $progress }}%;"></div>
</div>
</div> --}}
<div class="d-flex justify-content-center">
{{ $products->links() }}
</div>
<div class="text-center d-none">
<a href="#" class="text-uppercase fw-medium">Show More</a>
</div>
</div>
</div>
</main>
<div class="aside aside-scrol" id="filter">
<div class="customer-form-wrapper">
<div class="customer-login">
<div class="aside-header d-flex align-items-center">
<h3 class="mb-0">Filter By</h3>
<button class="close-aside-bar filter"><i class="far fa-times"></i></button>
</div>
<div class="aside-body">
<button class="btn product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center ex-item"> Product Categories <i class="fa fa-angle-down ms-auto"></i></button>
<div class="product-categories-f-lists px-0 pb-0 ex-item-show">
<input type="hidden" id="sub-pro-Category-new">
<ul class="row mb-0 p-0">
@foreach ($chield_categories as $chield_category)
<li class="col-6">
<a href="#" class="a-link2 sub-pro-Categories py-1" data-id="{{ $chield_category->id }}">{{ $chield_category->name }}</a>
</li>
@endforeach
</ul>
</div>
<div class="product-size-n-color-sec">
@foreach($products as $product)
@foreach($product->attributes as $attribute)
@if($attribute->options->isNotEmpty())
<div class="col-sm-12">
<div class="mt-3 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center">
{{ $attribute->name }}
</div>
@if($attribute->name == 'Color')
@endif
<div class="product-categories-f-lists px-0 pb-3 pt-2 d-flex">
@foreach($attribute->options->where('stock', '!=', '0') as $option)
<ul class="row mb-0 p-0">
@if($attribute->name == 'Size')
<li class="col-3 mt-3">
<a href="#" data-href="{{$option->id}}" data-type="{{$attribute->id}}" data-item-price="{{PriceHelper::setConvertPrice($option->price)}}" class="ex-item-show-size chose-size">{{$option->name}}</a>
</li>
@endif
@if($attribute->name == 'Color')
<li>
<a href="#" data-href="{{$option->id}}" data-type="{{$attribute->id}}" data-item-price="{{PriceHelper::setConvertPrice($option->price)}}" class="hover-product-content-color2 color_select222 m-0 " data-color=" {{ $option->name }}" style="color: {{ $option->name }} !important;"></a>
</li>
@endif
</ul>
@endforeach
</div>
</div>
@endif
@endforeach
@endforeach
</div>
{{-- <button class="btn mt-4 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center ex-item-brand"> Colors <i class="fa fa-angle-down ms-auto"></i></button>
<div class="product-categories-f-lists px-0 pb-0 ex-item-show-brand">
<input type="hidden" class="new-color-select">
<ul class="row mb-0 p-0">
@foreach ($products as $product)
@if($product->is_color == 1)
@php
$colors = array_unique(json_decode($product->colors));
@endphp
@foreach ($colors as $color)
<li class="col-1">
<a href="#" class="hover-product-content-color2 color_select222 m-0" data-color=" {{ $color }}" style="color: {{ $color }} !important;"></a>
</li>
@endforeach
@endif
@endforeach
</ul>
</div>
<button class="btn mt-4 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center ex-item-sizes"> Sizes <i class="fa fa-angle-down ms-auto"></i></button>
<div class="product-categories-f-lists px-0 pb-0 p-0 ex-item-show-sizes">
<input type="hidden" name="new-size" id="chose-sizes">
<ul class="row mb-0 p-0">
<li class="col-3 mt-3">
<a href="#" class="ex-item-show-size chose-size">s</a>
</li>
<li class="col-3 mt-3">
<a href="#" class="ex-item-show-size chose-size">m</a>
</li>
<li class="col-3 mt-3">
<a href="#" class="ex-item-show-size chose-size">l</a>
</li>
<li class="col-3 mt-3">
<a href="#" class="ex-item-show-size chose-size">xl</a>
</li>
<li class="col-3 mt-3">
<a href="#" class="ex-item-show-size chose-size">xxl</a>
</li>
</ul>
</div> --}}
<button class="btn mt-4 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center ex-item-p-brands"> BRANDS <i class="fa fa-angle-down ms-auto"></i></button>
<div class="product-categories-f-lists px-0 pb-0 p-0 ex-item-show-p-brands">
<input type="text" id="search-brand" data-category_id="{{ $categories->id }}" class="mt-3 form-control w-100 border rounded-1" placeholder="Search">
<input type="hidden" class="new-brand-select">
<ul id="brands-list" class=" mb-0 p-0 mt-4">
@foreach (DB::table('brands')->whereStatus(1)->get() as $brand)
<li class="d-flex align-items-center">
<input type="radio" name="brands" data-id="{{ $brand->id }}" class="brands_select" id="brands_{{ $brand->id }}">
<label for="brands_{{ $brand->id }}" class="ms-2 me-auto mb-0">{{ $brand->name }}</label>
<p class="text-secondary mb-0">{{ $products->where('brand_id', $brand->id)->count() }}</p>
</li>
@endforeach
</ul>
</div>
<button class="btn mt-4 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center "> Price </button>
<div class="product-categories-f-lists px-0 pb-0 p-0 mt-3">
<div class="d-flex align-items-center">
<input type="number" id="min" name="min" placeholder="min" class="form-control form-control-c-h">
<span class="me-3 ms-3 form-control-de"> - </span>
<input type="number" id="max" name="max" placeholder="max" class="form-control form-control-c-h">
</div>
</div>
<a href="" id="filter-pro" data-url="{{ route('front.all.category',$categories->id) }}" data-id="{{ $categories->id }}" class="btn checkout-btn w-100 text-white mt-4 common-btn">Filter</a>
</div>
</div>
</div>
</div>
@endsection
|