{% extends 'base.html.twig' %}{% block title %}{{ product.name }}{% endblock %}{% block body %}{% include('partials/_breadcrumbs.html.twig') with {hero_title_breadcrumb: "products" ,hero_title: product.name} %}{% set image = product.description.blocks[0] %}<section class="shop-products-prvw pt20 pb60"><div class="container shop-container"><div class="row"><div class="col-lg-8"><div class="rpb-shop-prevw"><img src="{{ image.type == "image" ? product.description.blocks[0].data.file.url : "https://via.placeholder.com/672x422" }}" class="w-100" alt="img"></div><div class="rpb-item-info"><div class="tab-17 tabs-layout"><ul class="nav nav-tabs" id="myTab3" role="tablist"><li class="nav-item"><a class="nav-link active" id="tab1a" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Item Details</a></li><li class="nav-item"><a class="nav-link" id="tab2b" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Review</a></li><li class="nav-item"><a class="nav-link" id="tab3c" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">Comments</a></li><li class="nav-item"><a class="nav-link" id="tab4c" data-toggle="tab" href="#tab4" role="tab" aria-controls="tab4" aria-selected="false">Support</a></li></ul><div class="tab-content" id="myTabContent2"><div class="mt20 tab-pane active" id="tab1" role="tabpanel" aria-labelledby="tab1">{% for block in product.description.blocks %}{% if block.type == "header" %}<h4 class="mb10">{{ block.data.text }}</h4>{% elseif block.type == "paragraph" %}<p class="mb30">{{ block.data.text }}</p>{% elseif block.type == "list" %}{% if block.data.style == "unordered" %}<ul class="ul-list mb30">{% for li in block.data.items %}<li>{{ li }}</li>{% endfor %}</ul>{% endif %}{% endif %}{% endfor %}</div><div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2"><div class="rpb-item-review"><div class="reviews-card"><div class="review-text pt0 pb20"><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.</p></div><div class="-client-details-"><div class="-reviewr"><img src="{{ asset('build/images/reviewer-c.jpg') }}" alt="Good Review" class="img-fluid"></div><div class="reviewer-text"><h4><small>By: </small>Anna Sthesia</h4><p>20 Jan 2021</p><div class="star-rate"><ul><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)"><i class="fas fa-star" aria-hidden="true"></i></a> </li></ul></div></div></div></div><div class="reviews-card"><div class="review-text pt0 pb20"><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.</p></div><div class="-client-details-"><div class="-reviewr"><img src="{{ asset('build/images/reviewer-c.jpg') }}" alt="Good Review" class="img-fluid"></div><div class="reviewer-text"><h4><small>By: </small>Anna Sthesia</h4><p>20 Jan 2021</p><div class="star-rate"><ul><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)" class="chked"><i class="fas fa-star" aria-hidden="true"></i></a> </li><li> <a href="javascript:void(0)"><i class="fas fa-star" aria-hidden="true"></i></a> </li></ul></div></div></div></div></div></div><div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3"><div class="rpb-commentss comments-block"><div class="media"><div class="user-image"><img src="{{ asset('build/images/user3.jpg') }}" alt="girl" class="img-fluid"></div><div class="media-body user-info"><h5 class="mb10">Petey Cruiser <small class="badges badge-success">PURCHASED:</small><span>November 29, 2019 <a class="reply-btn" href="#"><i class="fas fa-reply"></i></a></span></h5><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 1500.</p></div></div><div class="media replied"><div class="user-image"><img src="{{ asset('build/images/user3.jpg') }}" alt="girl" class="img-fluid"></div><div class="media-body user-info"><h5 class="mb10">Tom Mikee <small class="badges badge-success">Author:</small><span>November 29, 2019 <a class="reply-btn" href="#"><i class="fas fa-reply"></i></a></span></h5><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever.</p></div></div></div><div class="rpb-comment-form"><div class="form-block form-blog mt40"><form action="#" method="post" name="#"><div class="fieldsets row"><div class="col-md-6"><input type="text" placeholder="Name" name="#"></div><div class="col-md-6"><input type="email" placeholder="Email" name="#"></div></div><div class="fieldsets"><textarea placeholder="Write Your Comment" name="#"></textarea></div><div class="fieldsets mt10"><button type="submit" name="#" class="btn-main bg-btn3 lnk">Post Comment <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></button></div></form></div></div></div><div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="tab4"><div class="rpb-itm-support-txt"><h4>Contact Us</h4><p>Lorem Ipsum is simply dummy text of the printing and through email contact form.</p><h4 class="mt30 mb10">Item support includes:</h4><ul class="ul-list mb30"><li>Powered by Bootstrap</li><li>Well documented codes</li><li>Fully Responsive</li><li>Free Google Fonts</li></ul><a href="#">View the item support policy</a><div class="btns"><a href="#" class=" mt30 btn-main bg-btn3 lnk">Get Support <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></a></div></div></div></div></div></div></div><div class="col-lg-4"><div class="rpb-item-infodv"><ul><li class="price"><strong>Price</strong><div class="nx-rt"><div class="rpb-itm-pric">{% if product.discount != 0 %}<span class="offer-prz">${{ product.discount }}</span>{% endif %}<span class="{% if product.discount != 0 %}regular-prz{% else %}offer-prz{% endif %}">${{ product.price }}</span></div></div></li><li>{{ form_start(form) }}{{ form_widget(form) }}{{ form_end(form) }}{# <a href="#" class="btn-main bg-btn lnk w-100">Add to Cart <i class="fas fa-shopping-cart"></i> <span class="circle"></span> </a>#}{# <a href="#" class="btn-main bg-btn3 lnk w-100 mt10">Buy Now <span class="circle"></span> </a>#}</li></ul></div><div class="rpb-item-infodv"><h4 class="mb20">Item tags</h4><div class="tabs"><a href="#">webdesign</a><a href="#">design </a><a href="#">graphicdesign </a><a href="#">website </a><a href="#">marketing </a><a href="#">branding </a><a href="#">webdevelopment </a><a href="#">webdesigner </a><a href="#">graphicdesign </a><a href="#">website </a><a href="#">marketing </a><a href="#">branding </a></div></div></div></div></div></section>{% endblock %}