| 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/resources/views/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 ">
<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-->
<div class="row">
<!-- Main Content -->
<div class="col-md-12 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=""></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">
<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 -->
@endforeach
<!-- 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 )
<div 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>
<button class="btn btn-cart" type="button"><span>Đặt Hàng</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>
</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>
</div>
@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 -->
</div></div>
</main>
@endsection