| 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/sanpham/ |
Upload File : |
@extends('layout')
@section('content')
<div class="columns container">
<!-- block slide top -->
<div class="block-slide-main slide-opt-8">
<!-- slide -->
<div class="owl-carousel "
data-nav="true"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item">
<img src="{{asset('public/frontend/images/media/slide1.jpg')}}" alt="slide1" class="img-slide">
<div class="description">
<span class="subtitle " >dòng sản phẩm thượng hạng </span>
<span class="title">Được nhập khẩu chính ngạch </span>
<a href="" class="view-opt8">SHOP NOW</a>
</div>
</div>
</div> <!-- slide -->
</div>
<!-- block slide top -->
@foreach($details_product as $key => $value)
<ol class="breadcrumb no-hide">
<li><a href="{{URL::to('/')}}">Trang Chủ</a></li>
<li><a href="#">{{$value->category_name}}</a></li>
<li class="active">{{$value->product_name}}</li>
</ol><!-- Block Breadcrumb-->
{{-- hien thi sp --}}
<body class="index-opt-1 catalog-product-view catalog-view_op1">
<div class="col-md-9 col-main">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="product-media media-horizontal">
<div class="image_preview_container images-large">
<img id="img_zoom" data-zoom-image="{{URL::to('/public/uploads/product/'.$value->product_image)}}" src="{{URL::to('/public/uploads/product/'.$value->product_image)}}" alt="">
<button class="btn-zoom open_qv"><span>zoom</span></button>
</div>
<div class="product_preview images-small">
<div class="owl-carousel thumbnails_carousel" id="thumbnails" data-nav="true" data-dots="false" data-margin="10" data-responsive='{"0":{"items":3},"480":{"items":4},"600":{"items":5},"768":{"items":3}}'>
<a href="#" data-image="{{URL::to('/public/uploads/product/'.$value->product_image)}}" data-zoom-image="{{URL::to('/public/uploads/product/'.$value->product_image)}}">
<img src="{{URL::to('/public/frontend/images/similar1.jpg')}}" data-large-image="{{URL::to('public/frontend/images/media/detail/thumb-img1.jpg')}}" alt="">
</a>
<a href="#" data-image="{{URL::to('public/frontend/images/media/detail/thumb-img2.jpg')}}" data-zoom-image="{{URL::to('public/frontend/images/media/detail/thumb-lag2.jpg')}}">
<img src="{{URL::to('public/frontend/images/similar2.jpg')}}" data-large-image="{{URL::to('public/frontend/images/media/detail/thumb-img2.jpg')}}" alt="">
</a>
<a href="#" data-image="{{URL::to('public/frontend/images/media/detail/thumb-img3.jpg')}}" data-zoom-image="{{URL::to('public/frontend/images/media/detail/thumb-lag3.jpg')}}">
<img src="{{URL::to('public/frontend/images/similar3.jpg')}}" data-large-image="{{URL::to('public/frontend/images/media/detail/thumb-img3.jpg')}}" alt="">
</a>
<a href="#" data-image="{{URL::to('public/frontend/images/media/detail/thumb-img1.jpg')}}" data-zoom-image="{{URL::to('public/frontend/images/media/detail/thumb-lag1.jpg')}}">
<img src="{{URL::to('public/frontend/images/similar3.jpg')}}" data-large-image="{{URL::to('public/frontend/images/media/detail/thumb-img1.jpg')}}" alt="">
</a>
</div><!--/ .owl-carousel-->
</div><!--/ .product_preview-->
</div><!-- image product -->
</DIV>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="product-info-main">
<h1 class="page-title">
{{$value->product_name}}
</h1>
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
<div class="reviews-actions">
<a href="" class="action view">Based on 3 ratings</a>
<a href="" class="action add"><img alt="img" src="{{URL::to('public/frontend/images/icon/write.png')}}">  write a review</a>
</div>
</div>
<div class="product-info-price">
<div class="price-box">
<span class="price">{{number_format($value ->product_price).' '.'VNĐ'}} </span>
<span class="old-price">update</span>
<span class="label-sale">-30%</span>
</div>
</div>
<div class="product-code">
MÃ HÀNG: {{$value->product_id}}
</div>
<div class="product-info-stock">
<div class="stock available">
<span class="label">KHO: </span>Còn Hàng
</div>
</div>
<div class="product-condition">
Tình Trạng: Mới
</div>
<div class="product-overview">
<div class="overview-content">
{!!$value->product_desc!!}
</div>
</div>
<form>
<div class="product-add-form">
{{-- <p>Available Options:</p> --}}
<form>
<div class="product-options-wrapper">
{{-- <div class="swatch-opt">
<div class="swatch-attribute color" >
<span class="swatch-attribute-label">Color:</span>
<div class="swatch-attribute-options clearfix">
<div class="swatch-option color selected" style="background-color: #0c3b90 ;"></div>
<div class="swatch-option color" style="background-color: #036c5d ;"></div>
<div class="swatch-option color" style="background-color: #5f2363 ;"></div>
<div class="swatch-option color " style="background-color: #ffc000 ;"></div>
<div class="swatch-option color" style="background-color: #36a93c ;"></div>
<div class="swatch-option color" style="background-color: #ff0000 ;"></div>
</div>
</div>
</div> --}}
<div class="form-qty">
<form >
<label class="label">Số Lượng: </label>
<div class="control">
<input class=" form-control input-qty cart_product_qty_{{$value->product_id}}" type="text" value='1' id="qty1" name="qty1" maxlength="12" minlength="1">
<button class="btn-number qtyminus" data-type="minus" data-field="qty1"><span>-</span></button>
<button class="btn-number qtyplus" data-type="plus" data-field="qty1"><span>+</span></button>
</div>
</div>
<div class="form-configurable">
<label for="forSize" class="label">Size: </label>
<div class="control">
<select id="forSize" class="form-control attribute-select">
<option value="1">1000ML</option>
<option value="4">750ML</option>
<option value="5">500ML</option>
</select>
</div>
<a href="" class="size-chart">Bảng chuẩn dung tích</a>
</div>
</div>
<input type="hidden" value="{{$value->product_id}}" class="cart_product_id_{{$value->product_id}}">
<input type="hidden" value="{{$value->product_name}}" class="cart_product_name_{{$value->product_id}}">
<input type="hidden" value="{{$value->product_image}}" class="cart_product_image_{{$value->product_id}}">
<input type="hidden" value="{{$value->product_price}}" class="cart_product_price_{{$value->product_id}}">
<input type="hidden" value="1" class="cart_product_qty_{{$value->product_id}}">
<input type="hidden" value="1" class="cart_product_desc_{{$value->product_id}}">
@csrf
</form>
<div class="product-options-bottom clearfix">
<div class="actions">
<button type="button" title="Add to Cart" class="action btn-cart add-to-cart" data-id_product="{{$value->product_id}}" name="add-to-cart">
<span>Thêm vào giỏ hàng </span>
</button>
<div class="product-addto-links">
<a href="#" class="action btn-wishlist" title="Wish List">
<span>Yêu Thích</span>
</a>
<a href="#" class="action btn-compare" title="Compare">
<span>So sánh</span>
</a>
</div>
</div>
</div>
</div>
<div class="product-addto-links-second">
<a href="" class="action action-print">In </a>
<a href="" class="action action-friend">Gởi bạn bè</a>
</div>
<div class="share">
<img src="{{URL::to('public/frontend/images/media/index1/share.png')}}" alt="share">
</div>
</div><!-- detail- product -->
</div><!-- Main detail -->
</div>
@endforeach
<!-- product tab info -->
<div class="product-info-detailed ">
<!-- Nav tabs -->
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#description" role="tab" data-toggle="tab"> Chi tiết sản phẩm</a></li>
<li role="presentation"><a href="#tags" role="tab" data-toggle="tab">Mô tả sản phẩm </a></li>
<li role="presentation"><a href="#reviews" role="tab" data-toggle="tab">Đánh giá </a></li>
<li role="presentation"><a href="#additional" role="tab" data-toggle="tab">Bình luận</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="description">
<div class="block-title">Chi tiết sản phẩm</div>
<div class="block-content">
<p>{!!$value->product_content!!}</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="tags">
<div class="block-title">Mô tả sản phẩm </div>
<div class="block-content">
<p>{!!$value->product_desc!!}</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="reviews">
<div class="block-title">Đánh giá</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="additional">
<div class="block-title">Bình Luận</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
</div>
</div>
<!-- product tab info -->
<!-- block-related product -->
<div class="block-related ">
<div class="block-title">
<strong class="title">SẢN PHẨM CÙNG LOẠI</strong>
</div>
<div class="block-content ">
<ol class="product-items owl-carousel " data-nav="true" data-dots="false" data-margin="30" data-responsive='{"0":{"items":1},"480":{"items":2},"600":{"items":3},"992":{"items":3},"1200":{"items":4}}'>
@foreach($related_product as $key => $lienquan)
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<form>
@csrf
<input type="hidden" value="{{$lienquan->product_id}}" class="cart_product_id_{{$lienquan->product_id}}">
<input type="hidden" value="{{$lienquan->product_name}}" class="cart_product_name_{{$lienquan->product_id}}">
<input type="hidden" value="{{$lienquan->product_image}}" class="cart_product_image_{{$lienquan->product_id}}">
<input type="hidden" value="{{$lienquan->product_price}}" class="cart_product_price_{{$lienquan->product_id}}">
<input type="hidden" value="1" class="cart_product_qty_{{$lienquan->product_id}}">
<input type="hidden" value="{{$lienquan->product_desc}}" class="cart_product_desc_{{$lienquan->product_id}}">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="{{URL::to('/public/uploads/product/'.$lienquan->product_image)}}" alt="product name"></a>
<div class="product-item-actions">
<a href="" class="btn btn-wishlist"><span>Yêu Thích</span></a>
<a href="" class="btn btn-compare"><span>So Sánh </span></a>
<a href="" class="btn btn-quickview"><span>Xem Nhanh</span></a>
</div>
<button class="btn btn-cart add-to-cart" name="add-to-cart" type="button" data-id_product="{{$lienquan->product_id}}"><span>Thêm giỏ hàng</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">{{$lienquan->product_name}}</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">{{number_format($lienquan-> product_price).' '.'VNĐ'}}</span>
<span class="old-price">update</span>
</div>
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
<form>
</div>
</li>
@endforeach
</ol>
</div>
</div><!-- block-related product -->
</div>
<div class=" col-md-3 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">
<ul class="items">
<li class="parent">
<a href="">Dress</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li >
<a href="">subcategory 1</a>
</li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li>
<a href="">Bags</a>
</li>
<li class="parent">
<a href="">Cost & Jackets</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Beauty</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Jewellery</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Nightwear</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Jumpers & Cardigans</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
</ul>
</div>
</div><!-- Block bestseller products-->
<!-- Block bestseller products-->
<div class="block-sidebar block-sidebar-products">
<div class="block-title">
<strong>SẢN PHẨM BÁN CHẠY</strong>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true"
data-responsive='{
"0":{"items":1},
"420":{"items":1},
"480":{"items":2},
"600":{"items":2},
"992":{"items":1}
}'>
<div class="item">
<div class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Man’s Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best2.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Woman Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best3.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Plus Size Rock Star Skirt</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>
<div class="item">
<div class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Man’s Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best2.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Woman Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best3.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Plus Size Rock Star Skirt</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>
</div>
</div>
</div><!-- Block bestseller products-->
<!-- 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="{{asset('public/frontend/images/media/banner-slide1.jpg')}}" alt="images">
</div>
<div class="item item2" >
<img src="{{asset('public/frontend/images/media/banner-slide2.jpg')}}" alt="images">
</div>
<div class="item item3" >
<img src="{{asset('public/frontend/images/media/banner-slide3.jpg')}}" alt="images">
</div>
</div>
</div><!-- block slide top -->
</div><!-- Sidebar -->
</div>
</body>
@endsection