| Server IP : 103.161.17.216 / Your IP : 216.73.216.1 Web Server : nginx/1.18.0 System : Linux tipsysaigoncharming 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/huyhoangvn.com/editthanhtra/editlayout/pages/category/ |
Upload File : |
@extends('layout')
@section('content')
{{-- <div class="fb-share-button" data-href="http://192.168.64.4/shopbanhang/" data-layout="button_count" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{$url_canonical}}&src=sdkpreparse" class="fb-xfbml-parse-ignore">Chia sẻ</a></div> --}}
<main class="site-main">
<div class="columns container">
<!-- Block Breadcrumb-->
@foreach($category_name as $key => $category_ten)
<ol class="breadcrumb no-hide">
<li><a href="{{URL::to('/')}}">Trang Chủ</a></li>
<li><a href="#">Danh mục sản phẩm</a></li>
<li class="active"><a href="{{route('show.category.home',[$category_ten->slug_category_product,$category_ten->category_id])}}">{{$category_ten ->category_name}}</a></li>
</ol><!-- Block Breadcrumb-->
@endforeach
<div class="row">
<!-- Main Content -->
<div class="col-md-9 col-md-push-3 col-main">
<!-- images categori -->
<div class="category-view">
<div class="owl-carousel "
data-nav="true"
data-dots="false"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item " >
<a href=""><img src="{{URL::to('public/frontend/images/media/category-images21.jpg')}}" alt="category-images"></a>
</div>
{{-- <div class="item " >
<a href=""><img src="images/media/category-images2.jpg" alt="category-images"></a>
</div> --}}
</div>
</div><!-- images categori -->
<!-- link categori -->
<ul class="category-links">
<li class="current-cate"><a href="">All Products</a></li>
<li><a href="">Tops</a></li>
<li><a href="">Dresses</a></li>
<li><a href="">Bags & Shoes</a></li>
<li><a href="">Scaves</a></li>
<li><a href="">Pants</a></li>
<li><a href="">Blouses</a></li>
</ul><!-- link categori -->
<!-- Toolbar -->
<div class=" toolbar-products toolbar-top">
<div class="btn-filter-products">
<span>Filter</span>
</div>
<h2 class="cate-title">{{$category_ten ->category_name}}</h2>
<div class="toolbar-option">
<form id="form_order">
<div class="toolbar-sorter ">
<label class="label">SẮP XẾP:</label>
<select name="orderby" class="orderby" >
<option selected="selected" value="md">Mặt định</option>
<option value="desc">Sản phẩm mới </option>
<option value="asc">Sản phẩm cũ </option>
<option value="price_max">Giá tăng dần </option>
<option value="price_min">Giá giảm dần </option>
</select>
<a href="" class="sorter-action"></a>
</div><!-- Short by -->
</form>
</div>
<ul class="pagination">
<li class="action">
<a href="#">
<span><i aria-hidden="true" class="fa fa-angle-left"></i></span>
</a>
</li>
<li class="active">
<a href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li class="action">
<a href="#">
<span><i aria-hidden="true" class="fa fa-angle-right"></i></span>
</a>
</li>
</ul>
</div><!-- Toolbar -->
<!-- List Products -->
<div class="products products-grid">
<ol class="product-items row">
@php $i=0;@endphp
@foreach ($all_attr as $key1 =>$pro)
@foreach($category_by_id as $key => $product)
{{-- @if($product->product_id==$pro->product_id && $i<1) --}}
@if($product->product_id==$pro->product_id )
<li class="col-sm-4 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="{{URL::to('/chi-tiet-san-pham',$product->slug_product)}}" class="product-item-img"><img src="{{URL::to('public/uploads/product/'.$pro->product_image)}}" alt="$product->product_image" /></a>
<div class="product-item-actions">
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<span class="product-item-label label-price">30% <span>off</span></span>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">{{$product -> product_name}}</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">{{number_format($pro -> product_price).' '.'VNĐ'}}</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
@php
$i=$i+1;
@endphp
@endif
@endforeach
@endforeach
</ol><!-- list product -->
</div> <!-- List Products -->
<!-- Toolbar -->
<div class=" toolbar-products toolbar-bottom">
<div class="modes">
<strong class="label">View as:</strong>
<strong class="modes-mode active mode-grid" title="Grid">
<span>grid</span>
</strong>
<a href="Category2.html" title="List" class="modes-mode mode-list">
<span>list</span>
</a>
</div><!-- View as -->
<div class="toolbar-option">
<div class="toolbar-sorter ">
<label class="label">Short by:</label>
<select class="sorter-options form-control" >
<option selected="selected" value="position">Product name</option>
<option value="name">Name</option>
<option value="price">Price</option>
</select>
<a href="" class="sorter-action"></a>
</div><!-- Short by -->
<div class="toolbar-limiter">
<label class="label">
<span>Show:</span>
</label>
<select class="limiter-options form-control" >
<option selected="selected" value="9"> Show 18</option>
<option value="15">Show 15</option>
<option value="30">Show 30</option>
</select>
</div><!-- Show per page -->
</div>
<ul class="pagination">
<li class="active">
<a href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li>
<a href="#">4</a>
</li>
<li>
<a href="#">5</a>
</li>
<li class="action action-next">
<a href="#">
Next <span><i aria-hidden="true" class="fa fa-angle-double-right"></i></span>
</a>
</li>
</ul>
</div><!-- Toolbar -->
</div><!-- Main Content -->
<!-- Sidebar -->
<div class="col-md-3 col-md-pull-9 col-sidebar">
<!-- Block bestseller products-->
<div class="block-sidebar block-sidebar-categorie">
<div class="block-title">
<strong>DANH MỤC SẢN PHẨM</strong>
</div>
<div class="block-content">
@foreach($cate as $key => $cate2)
<ul class="items">
<li class="parent">
<a href="{{$cate2->slug_cate_product}}">{{$cate2->cate_name}}</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
@foreach($cate_product as $key => $cate1)
@if($cate1->cate_id==$cate2->cate_id)
<li >
<a href="{{route('show.category.home',[$cate1->slug_category_product,$cate1->category_id])}}">{{$cate1->category_name}}</a>
</li>
@endif
@endforeach
</ul>
</li>
</ul>
@endforeach
</div>
</div><!-- Block bestseller products-->
<!-- block filter products -->
<div id="layered-filter-block" class="block-sidebar block-filter no-hide">
<div class="close-filter-products"><i class="fa fa-times" aria-hidden="true"></i></div>
<div class="block-title">
<strong>LỌC SẢN PHẨM</strong>
</div>
<div class="block-content">
<!-- filter price -->
<div class="filter-options-item filter-options-price">
<div class="filter-options-title">Lọc theo giá</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><a href="{{request()->fullUrlWithQuery(['price' => 1])}}">dưới 200.000đ<span class="count">(20)</span> </a>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><a href="{{request()->fullUrlWithQuery(['price' => 2])}}"> từ 200.000đ- 400.000đ <span class="count">(20)</span> </a>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><a href="{{request()->fullUrlWithQuery(['price' => 3])}}">từ 400.000đ- 600.000đ <span class="count">(20)</span> </a>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><a href="{{request()->fullUrlWithQuery(['price' => 4])}}">từ 600.000đ- 800.000đ <span class="count">(20)</span> </a>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><a href="{{request()->fullUrlWithQuery(['price' => 5])}}">Lớn hơn 800.000đ <span class="count">(20)</span> </a>
</label>
</li>
</ol>
</div>
</div><!-- filter price -->
<!-- filter brad-->
<div class="filter-options-item filter-options-brand">
<div class="filter-options-title">BRAND</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>Channelo <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Mamypokon <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pamperson <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pradano <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pumano <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>AME <span class="count">(20)</span> </span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item -->
<!-- filter color-->
<div class="filter-options-item filter-options-color">
<div class="filter-options-title">COLOR</div>
<div class="filter-options-content">
<ol class="items">
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #fca53c;"></span>
<span class="count">(30)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #6b5a5c;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #000000;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #3063f2;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #f9334a;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #964b00;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #faebd7;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #e84c3d;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #fccacd;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item -->
<!-- Filter Item size-->
<div class="filter-options-item filter-options-size">
<div class="filter-options-title">SIZE</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>X <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>m <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>L <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>32 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>36 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>37 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>X <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>m <span class="count">(20)</span></span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item size-->
</div>
</div><!-- Filter -->
<!-- block slide top -->
<div class="block-sidebar block-banner-sidebar">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item item1" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
<div class="item item2" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
<div class="item item3" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
</div>
</div><!-- block slide top -->
<!-- Block bestseller products-->
<div class="block-sidebar block-sidebar-products">
<div class="block-title">
<strong>SPECIAL PRODUCTS</strong>
</div>
<div class="block-content">
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/floor5-1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Security Camera Size Flared</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
<div class="product-reviews-summary">
<div class="rating-summary">
<div title="70%" class="rating-result">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="" class="btn all-products">All products <i aria-hidden="true" class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div><!-- Block bestseller products-->
<!-- Block tags-->
<div class="block-sidebar block-sidebar-tags">
<div class="block-title">
<strong>product tags</strong>
</div>
<div class="block-content">
<ul>
<li><a href="" class="lv2">actual</a></li>
<li><a href="" class="lv1">adorable</a></li>
<li><a href="" class="lv3">amaze</a></li>
<li><a href="" class="lv5">change</a></li>
<li><a href="" class="lv2">consider</a></li>
<li><a href="" class="lv1">delivery</a></li>
<li><a href="" class="lv1">Top</a></li>
<li><a href="" class="lv4">flexib</a></li>
<li><a href="" class="lv1">phenomenon </a></li>
</ul>
</div>
</div><!-- Block tags-->
<!-- block slide top -->
<div class="block-sidebar block-sidebar-testimonials">
<div class="block-title">
<strong>Testimonials</strong>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
</div>
</div>
</div><!-- block slide top -->
</div><!-- Sidebar -->
</div>
</div>
</main><!-- end MAIN -->
@endsection