|
@@ -6,19 +6,19 @@
|
|
|
|
|
|
<div class="page">
|
|
|
<section class="breadcrumbs-custom">
|
|
|
- <div class="parallax-container" data-parallax-img="images/bg-shop.jpg">
|
|
|
+ <div class="parallax-container" data-parallax-img="{{asset('frontend/images/bg-shop.jpg')}}">
|
|
|
<div class="breadcrumbs-custom-body parallax-content context-dark">
|
|
|
<div class="container">
|
|
|
- <h2 class="breadcrumbs-custom-title">Single Product</h2>
|
|
|
+ <h2 class="breadcrumbs-custom-title">Tifawt</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="breadcrumbs-custom-footer">
|
|
|
<div class="container">
|
|
|
<ul class="breadcrumbs-custom-path">
|
|
|
- <li><a href="index.html">Home</a></li>
|
|
|
- <li><a href="grid-shop.html">Shop</a></li>
|
|
|
- <li class="active">Single Product</li>
|
|
|
+ <li><a href="/">Accueil</a></li>
|
|
|
+ <li><a href="{{ URL::previous() }}">Produit</a></li>
|
|
|
+ <li class="active">{{$produit ->nom}}</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -28,66 +28,82 @@
|
|
|
<div class="container">
|
|
|
<div class="row row-30">
|
|
|
<div class="col-lg-6">
|
|
|
+
|
|
|
+
|
|
|
<div class="slick-vertical slick-product">
|
|
|
<!-- Slick Carousel-->
|
|
|
+
|
|
|
<div class="slick-slider carousel-parent" id="carousel-parent" data-items="1" data-swipe="true" data-child="#child-carousel" data-for="#child-carousel">
|
|
|
+ @foreach($diapos as $diapo)
|
|
|
<div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-1-530x480.png" alt="" width="530" height="480"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-2-530x480.jpg" alt="" width="530" height="480"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-3-530x480.jpg" alt="" width="530" height="480"/>
|
|
|
+ <div class="slick-product-figure"><img src="{{ asset('storage/diapo/'.$diapo->diapo) }}" alt="" width="530" height="480"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ @endforeach
|
|
|
+
|
|
|
</div>
|
|
|
- <div class="slick-slider child-carousel slick-nav-1" id="child-carousel" data-arrows="true" data-items="3" data-sm-items="3" data-md-items="3" data-lg-items="3" data-xl-items="3" data-xxl-items="3" data-md-vertical="true" data-for="#carousel-parent">
|
|
|
- <div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-1-530x480.png" alt="" width="530" height="480"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-2-530x480.jpg" alt="" width="530" height="480"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="slick-product-figure"><img src="images/single-product-3-530x480.jpg" alt="" width="530" height="480"/>
|
|
|
+ <div class="slick-slider child-carousel slick-nav-1" id="child-carousel" data-arrows="true" data-items="3" data-sm-items="3" data-md-items="3" data-lg-items="3" data-xl-items="3" data-xxl-items="3" data-md-vertical="true" data-for="#carousel-parent">
|
|
|
+
|
|
|
+ @foreach($diapos as $diapo)
|
|
|
+
|
|
|
+ <div class="item">
|
|
|
+ <div class="slick-product-figure"><img src="{{ asset('storage/diapo/'.$diapo->diapo) }}" alt="" width="530" height="480"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ @endforeach
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-6">
|
|
|
<div class="single-product">
|
|
|
- <h3 class="text-transform-none font-weight-medium">Grex T1 Headphones</h3>
|
|
|
+ <h3 class="text-transform-none font-weight-medium">{{$produit ->nom}}</h3>
|
|
|
<div class="group-md group-middle">
|
|
|
- <div class="single-product-price">$20</div>
|
|
|
- <div class="single-product-rating"><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star-half"></span></div>
|
|
|
+
|
|
|
</div>
|
|
|
- <p>Lorem ipsum dolor sit amet, ei impetus epicurei his, ne falli erant consequuntur est. Mei simul aperiam eu, an rebum regione ponderum mel. Facer placerat ut duo, id duis solum maiorum vis, vim autemsemper docendi cu. Pro</p>
|
|
|
+ <p>{!! html_entity_decode($produit ->description) !!}</p>
|
|
|
<hr class="hr-gray-100">
|
|
|
<ul class="list list-description">
|
|
|
- <li><span>Categories:</span><span>Headphones</span></li>
|
|
|
- <li><span>Weight:</span><span>0.1 kg</span></li>
|
|
|
- <li><span>Box:</span><span>60 x 60 x 90 cm</span></li>
|
|
|
+ <li><span>Categories:</span><span> @foreach ($produit->categories as $singleTag)
|
|
|
+ {{ $singleTag->nom }}
|
|
|
+ @endforeach</span></li>
|
|
|
+ @if($produit->promotion)
|
|
|
+ @foreach($promotions as $promotion )
|
|
|
+ <span class="product-badge product-badge-sale">{{$promotion->remise}}</span>
|
|
|
+ <li> <span>Date:</span> <span>{{$promotion->debut}} -> {{$promotion->fin}}</span></li>
|
|
|
+
|
|
|
+ <li> <span>Date:</span> <span>{!! html_entity_decode($promotion->description)!!}</span></li>
|
|
|
+
|
|
|
+ @endforeach
|
|
|
+ @endif
|
|
|
+
|
|
|
</ul>
|
|
|
<div class="group-xs group-middle">
|
|
|
- <div class="product-stepper">
|
|
|
- <input class="form-input" type="number" data-zeros="true" value="1" min="1" max="1000">
|
|
|
- </div>
|
|
|
- <div><a class="button button-lg button-secondary button-zakaria" href="cart-page.html">Add to cart</a></div>
|
|
|
+ @if ($produit->document !=null)
|
|
|
+ <div><a class="button button-lg button-secondary button-zakaria" href="{{ route('doc.download', $produit->id) }}"><i class="fa fa-download"></i> Fiche Technique.{{$extension}} <span style=" font-size: 10px;">{{ $sizeFile}} kB</span></a></div>
|
|
|
+ @endif
|
|
|
+
|
|
|
</div>
|
|
|
<hr class="hr-gray-100">
|
|
|
- <div class="group-xs group-middle"><span class="list-social-title">Share</span>
|
|
|
+ {{-- <div class="group-xs group-middle"><span class="list-social-title">Share</span> --}}
|
|
|
<div>
|
|
|
<ul class="list-inline list-social list-inline-sm">
|
|
|
- <li><a class="icon mdi mdi-facebook" href="#"></a></li>
|
|
|
+
|
|
|
+ {{-- @foreach($contacts as $contact)
|
|
|
+ @if($contact->coorType_id == 6)
|
|
|
+ <li><a class="icon mdi mdi-facebook" href="{{$contact->coordonnees}}" target="_blank"></a></li>
|
|
|
+
|
|
|
+ @elseif($contact->coorType_id == 8)
|
|
|
<li><a class="icon mdi mdi-twitter" href="#"></a></li>
|
|
|
+
|
|
|
+ @elseif($contact->coorType_id == 7)
|
|
|
<li><a class="icon mdi mdi-instagram" href="#"></a></li>
|
|
|
- <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
|
|
|
+ @endif
|
|
|
+ @endforeach --}}
|
|
|
+
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -95,179 +111,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- Bootstrap tabs-->
|
|
|
- <div class="tabs-custom tabs-horizontal tabs-line" id="tabs-1">
|
|
|
- <!-- Nav tabs-->
|
|
|
- <div class="nav-tabs-wrap">
|
|
|
- <ul class="nav nav-tabs nav-tabs-1">
|
|
|
- <li class="nav-item" role="presentation"><a class="nav-link active" href="#tabs-1-1" data-toggle="tab">Reviews</a></li>
|
|
|
- <li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-2" data-toggle="tab">Additional information</a></li>
|
|
|
- <li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-3" data-toggle="tab">Delivery and payment</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- Tab panes-->
|
|
|
- <div class="tab-content tab-content-1">
|
|
|
- <div class="tab-pane fade show active" id="tabs-1-1">
|
|
|
- <div class="box-comment">
|
|
|
- <div class="unit flex-column flex-sm-row unit-spacing-md">
|
|
|
- <div class="unit-left"><a class="box-comment-figure" href="#"><img src="images/user-1-119x119.jpg" alt="" width="119" height="119"/></a></div>
|
|
|
- <div class="unit-body">
|
|
|
- <div class="group-sm group-justify">
|
|
|
- <div>
|
|
|
- <div class="group-xs group-middle">
|
|
|
- <h5 class="box-comment-author"><a href="#">Jane Doe</a></h5>
|
|
|
- <div class="box-rating"><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star"></span><span class="icon mdi mdi-star-half"></span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-comment-time">
|
|
|
- <time datetime="2020-11-30">Nov 30, 2020</time>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <p class="box-comment-text">Lorem ipsum dolor sit amet, has mutat labores nostrum ei. Duo te blandit erroribus, ut sea ipsum nonumy, mel no ignota accusamus gloriatur. Id has habeo regione, explicari hendrerit reprimique cum te.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <h4 class="text-transform-none font-weight-medium">Leave a Review</h4>
|
|
|
- <form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
|
|
- <div class="row row-20 row-md-30">
|
|
|
- <div class="col-lg-8">
|
|
|
- <div class="row row-20 row-md-30">
|
|
|
- <div class="col-sm-6">
|
|
|
- <div class="form-wrap">
|
|
|
- <input class="form-input" id="contact-first-name-2" type="text" name="first-name" data-constraints=""/>
|
|
|
- <label class="form-label" for="contact-first-name-2">First Name</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6">
|
|
|
- <div class="form-wrap">
|
|
|
- <input class="form-input" id="contact-last-name-2" type="text" name="last-name" data-constraints=""/>
|
|
|
- <label class="form-label" for="contact-last-name-2">Last Name</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6">
|
|
|
- <div class="form-wrap">
|
|
|
- <input class="form-input" id="contact-email-2" type="email" name="email" data-constraints=""/>
|
|
|
- <label class="form-label" for="contact-email-2">E-mail</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6">
|
|
|
- <div class="form-wrap">
|
|
|
- <input class="form-input" id="contact-phone-2" type="text" name="phone" data-constraints=""/>
|
|
|
- <label class="form-label" for="contact-phone-2">Phone</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-4">
|
|
|
- <div class="form-wrap">
|
|
|
- <label class="form-label" for="contact-message-2">Message</label>
|
|
|
- <textarea class="form-input textarea-lg" id="contact-message-2" name="message" data-constraints=""></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <button class="button button-lg button-primary button-zakaria" type="submit">Submit</button>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="tab-pane fade" id="tabs-1-2">
|
|
|
- <div class="single-product-info">
|
|
|
- <div class="unit unit-spacing-md flex-column flex-sm-row align-items-sm-center">
|
|
|
- <div class="unit-left"><span class="icon icon-80 mdi mdi-information-outline"></span></div>
|
|
|
- <div class="unit-body">
|
|
|
- <p>Quisque feugiat imperdiet tortor ut elementum. Sed faucibus nisl quis mattis vulputate. Aliquam pharetra quam ex, vitae sodales sapien consectetur nec. Nullam justo erat, pulvinar in hendrerit at, egestas vehicula dolor. Nunc eu justo odio. Curabitur faucibus, arcu at sagittis ultrices, quam ante venenatis ex, ut vulputate ipsum libero sit amet purus. Duis porttitor ipsum pharetra dui sagittis.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab-pane fade" id="tabs-1-3">
|
|
|
- <div class="single-product-info">
|
|
|
- <div class="unit unit-spacing-md flex-column flex-sm-row align-items-sm-center">
|
|
|
- <div class="unit-left"><span class="icon icon-80 mdi mdi-truck-delivery"></span></div>
|
|
|
- <div class="unit-body">
|
|
|
- <p>Fusce tempor posuere risus, at efficitur turpis vehicula eget. Vivamus diam libero, volutpat ac tortor eget, molestie laoreet neque. Sed ut diam suscipit augue tempor sollicitudin quis et dui. Nulla bibendum enim est, fermentum laoreet neque fringilla euismod. Morbi sodales sit amet justo at efficitur. Nunc mollis pharetra fringilla. Sed id aliquet odio. Donec lacus lorem, scelerisque dapibus.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- Related Products-->
|
|
|
- <section class="section section-sm section-last bg-default">
|
|
|
- <div class="container">
|
|
|
- <h4 class="font-weight-sbold">Featured Products</h4>
|
|
|
- <div class="row row-lg row-30 row-lg-50 justify-content-center">
|
|
|
- <div class="col-sm-6 col-md-5 col-lg-3">
|
|
|
- <!-- Product-->
|
|
|
- <article class="product">
|
|
|
- <div class="product-body">
|
|
|
- <div class="product-figure"><img src="images/product-1-220x160.png" alt="" width="220" height="160"/>
|
|
|
- </div>
|
|
|
- <h5 class="transform-none product-title"><a href="single-product.html">CrispSound Headphones</a></h5>
|
|
|
- <div class="product-price-wrap">
|
|
|
- <div class="product-price product-price-old">$30.00</div>
|
|
|
- <div class="product-price">$23.00</div>
|
|
|
- </div>
|
|
|
- </div><span class="product-badge product-badge-sale">Sale</span>
|
|
|
- <div class="product-button-wrap">
|
|
|
- <div class="product-button"><a class="button button-secondary button-zakaria fl-bigmug-line-search74" href="single-product.html"></a></div>
|
|
|
- <div class="product-button"><a class="button button-primary button-zakaria fl-bigmug-line-shopping202" href="cart-page.html"></a></div>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6 col-md-5 col-lg-3">
|
|
|
- <!-- Product-->
|
|
|
- <article class="product">
|
|
|
- <div class="product-body">
|
|
|
- <div class="product-figure"><img src="images/product-2-191x132.png" alt="" width="191" height="132"/>
|
|
|
- </div>
|
|
|
- <h5 class="transform-none product-title"><a href="single-product.html">Grex T1 Headphones</a></h5>
|
|
|
- <div class="product-price-wrap">
|
|
|
- <div class="product-price">$13.00</div>
|
|
|
- </div>
|
|
|
- </div><span class="product-badge product-badge-new">New</span>
|
|
|
- <div class="product-button-wrap">
|
|
|
- <div class="product-button"><a class="button button-secondary button-zakaria fl-bigmug-line-search74" href="single-product.html"></a></div>
|
|
|
- <div class="product-button"><a class="button button-primary button-zakaria fl-bigmug-line-shopping202" href="cart-page.html"></a></div>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6 col-md-5 col-lg-3">
|
|
|
- <!-- Product-->
|
|
|
- <article class="product">
|
|
|
- <div class="product-body">
|
|
|
- <div class="product-figure"><img src="images/product-3-238x158.png" alt="" width="238" height="158"/>
|
|
|
- </div>
|
|
|
- <h5 class="transform-none product-title"><a href="single-product.html">MITO Bass Plus</a></h5>
|
|
|
- <div class="product-price-wrap">
|
|
|
- <div class="product-price">$17.00</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="product-button-wrap">
|
|
|
- <div class="product-button"><a class="button button-secondary button-zakaria fl-bigmug-line-search74" href="single-product.html"></a></div>
|
|
|
- <div class="product-button"><a class="button button-primary button-zakaria fl-bigmug-line-shopping202" href="cart-page.html"></a></div>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6 col-md-5 col-lg-3">
|
|
|
- <!-- Product-->
|
|
|
- <article class="product">
|
|
|
- <div class="product-body">
|
|
|
- <div class="product-figure"><img src="images/product-9-185x155.png" alt="" width="185" height="155"/>
|
|
|
- </div>
|
|
|
- <h5 class="transform-none product-title"><a href="single-product.html">MITO uWatch Pink</a></h5>
|
|
|
- <div class="product-price-wrap">
|
|
|
- <div class="product-price">$18.00</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="product-button-wrap">
|
|
|
- <div class="product-button"><a class="button button-secondary button-zakaria fl-bigmug-line-search74" href="single-product.html"></a></div>
|
|
|
- <div class="product-button"><a class="button button-primary button-zakaria fl-bigmug-line-shopping202" href="cart-page.html"></a></div>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
@endsection
|