| 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/noithattinnguyen.vn/resources/views/temp/ |
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>
</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-12 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}}'>
@foreach($imageG as $key => $img)
<a href="#" data-image="{{URL::to('/public/uploads/gallery/'.$img->gallery_image)}}" data-zoom-image="{{URL::to('/public/uploads/gallery/'.$img->gallery_image)}}">
<img src="{{URL::to('/public/uploads/gallery/'.$img->gallery_image)}}" data-large-image="{{URL::to('/public/uploads/gallery/'.$img->gallery_image)}}" alt="">
</a>
@endforeach
<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/uploads/product/'.$value->product_image)}}" data-large-image="{{URL::to('/public/uploads/product/'.$value->product_image)}}" 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>
@if($value->product_price_old=='')
<span class="old-price">Chưa cập nhật</span>
@else
<span class="old-price">{{number_format($value ->product_price_old).' '.'VNĐ'}}</span>
@php
$saleoff = $value ->product_price_old-$value ->product_price;
$saleoff1=ceil(($saleoff/$value ->product_price_old)*100);
@endphp
<span class="label-sale">{{$saleoff1}}%</span>
@endif
</div>
</div>
<div class="product-code">
MÃ HÀNG: {{$value->product_id}}
</div>
<div class="product-info-stock">
<div class="stock available">
@if($value->product_quantity>=0)
<span class="label">KHO: </span>Còn Hàng SL: {{$value->product_quantity}}
@else
<span class="label">KHO: </span>Hết Hàng
@endif
</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 --><!-- Main Content -->
<div class="col-md-12 col-main ">
<h1 class="page-heading">
<span class="page-heading-title3">MÔ TẢ SẢN PHẨM</span>
</h1>
<article class="entry-detail">
<div class="entry-meta-data">
<span class="post-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<span>(7 votes)</span>
</span>
</div>
<div class="content-text clearfix">
<p>{!!$value->product_desc!!}</p>
</div>
</article>
<!-- Related Posts -->
<h1 class="page-heading">
<span class="page-heading-title3">CHI TIẾT SẢN PHẨM </span>
</h1>
<article class="entry-detail">
<div class="content-text clearfix">
<p>{!!$value->product_content!!}</p>
</div>
</article>
<!-- Comment -->
<h1 class="page-heading">
<span class="page-heading-title3">ĐÁNH GIÁ SẢN PHẨM </span>
</h1>
<article class="entry-detail">
<div class="content-text clearfix">
{{-- <p>{!!$value->product_content!!}</p> --}}
</div>
</article>
</div>
<!-- ./Comment -->
<!-- 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