{% extends "base.html.twig" %}
{% block metaTags %}
<meta name="description" content="{{ product.metaDescription ? product.metaDescription : product.description}}">
<title>{{ product.metaTitle ? product.metaTitle : product.title ~ " - DMD INOX"}}</title>
<meta property="og:title" content="{{ product.metaTitle ? product.metaTitle : product.title }}">
<meta property="og:description" content="{{ product.metaDescription ? product.metaDescription : product.description}}">
<meta property="og:image" content="{{ absolute_url(asset(product.productFileName ? vich_uploader_asset(product, 'productFile') : 'assets/img/sans-img-1-dmd-inox.jpg')) }}">
{% endblock %}
{% block body %}
{% include "front/menuBg.html.twig" with {'menu':getProductMenu(product)} %}
<section class="container mat-30 text-center text-sm-left">
<h1 class="title mab-30">{{ product.title }}</h1>
</section>
<div class="inverseMobile">
<section class="container mat-30 text-center text-sm-left {{ productSchemas|length > 0 or product.productSchemaFileName ? 'mab-50' }}">
<div class="row">
{% if product.productMedia|length > 0 or product.productSchemaFileName %}
{% include "front/prodPhotCol.html.twig" with {'productPhotos':null,'title':product.photoTitle, "img":asset(product.productFileName ? vich_uploader_asset(product, 'productFile') : 'assets/img/sans-img-1-dmd-inox.jpg') | imagine_filter('medium'), "id":"nhehft"} %}
{% include "front/prodPhotCol.html.twig" with {'productPhotos':product.productMedia, 'title':product.schemaTitle, "img":(product.productSchemaFileName ? (asset(vich_uploader_asset(product, 'productSchemaFile')) | imagine_filter('medium')) : null), "id":"utjoqt", "schema":"schema"} %}
{% else %}
<div class="col-sm-6">
{% include "front/prodInfo.html.twig" %}
{% if productDocuments %}
{% include "front/prodDoc.html.twig" %}
{% endif %}
</div>
{% include "front/prodPhotCol.html.twig" with {'title':product.photoTitle, "img":asset(product.productFileName ? vich_uploader_asset(product, 'productFile') : 'assets/img/sans-img-1-dmd-inox.jpg') | imagine_filter('medium'), "id":"nhehft"} %}
{% endif %}
</div>
</section>
{% if productSchemas|length > 0 or product.productSchemaFileName %}
<section class="bgc-F1F5F6 pay-50 text-center text-sm-left">
<div class="container">
<div class="row">
<div class="col-sm-6">
{% include "front/prodInfo.html.twig" %}
</div>
{% if productDocuments %}
<div class="col-sm-6">
{% include "front/prodDoc.html.twig" %}
</div>
{% endif %}
</div>
</div>
</section>
{% endif %}
</div>
{% if product.descriptionSpreadsheet %}
<section class="pat-60 container tableProductContainer">
<h2 class="fetpdc mab-30">
<i class="fa-solid fa-objects-column mar-5"></i>
{{ "product.car.title"|trans|raw }}
</h2>
{% if product.descriptionSpreadsheet %}
<div class="mab-30 container-table">
{{ product.descriptionSpreadsheet|raw }}
</div>
{% endif %}
{# <div class="max--15">#}
{# {% for productSpreadsheet in product.productSpreadsheets %}#}
{# <div class="col mab-30">#}
{# <div class="bgc-F1F5F6 pa-15 text-center title1">#}
{# {{ productSpreadsheet.title }}#}
{# </div>#}
{# <div class="tableProduct">#}
{# <div class="header line">#}
{# {% for headerValue in productSpreadsheet.headers %}#}
{# <div class="bgc-355763 zytnbh value {% if loop.last %}strong{% endif %}">#}
{# {{ headerValue }}#}
{# </div>#}
{# {% endfor %}#}
{# </div>#}
{# {% for spreadsheetLine in productSpreadsheet.spreadsheetLines %}#}
{# <div class="line {% if loop.index is even %}even{% endif %}">#}
{# {% for field in spreadsheetLine.fields %}#}
{# <div class="nfyfci value {% if loop.last %}strong{% endif %}">#}
{# {{ field }}#}
{# </div>#}
{# {% endfor %}#}
{# </div>#}
{# {% endfor %}#}
{# </div>#}
{# </div>#}
{# {% endfor %}#}
{# </div>#}
<div class="bgc-355763 pa-15 text-center jzcxjf mab-60">
<i class="fa fa-circle-info mar-5"></i>
<span class="font-italic">{{ "product.car.info"|trans|raw }}</span>
</div>
</section>
{% endif %}
<section class="container mab-65 text-center text-sm-left">
<div class="bgp-top bgs-cover w-100 pay-50 pax-65"
style="background-image:url({{ asset('assets/img/prodconta.png')|imagine_filter('large') }})">
<div class="cmzchw mab-4">
{{ "product.contact.subtitle"|trans|raw }}
</div>
<h2 class="title2 mab-12">
{{ "product.contact.title"|trans|raw }}
</h2>
<div class="cdowax mab-25">
{{ "product.contact.content"|trans|raw }}
</div>
<div>
<a href="{{ path('front_contact', {'slug':0, "productSlug":product.slug}) }}" class="btn btn1">
<i class="fa fa-envelope mar-5"></i>
{{ "product.contact.btn"|trans|raw }}
</a>
</div>
</div>
</section>
<section class="d-flex justify-content-center align-items-center cg-20 mab-60">
<img src="{{ asset('assets/img/line.png')|imagine_filter('large') }}" alt="DMD INOX"
class="w-100 flex-shrink-1"/>
<div class="flex-shrink-0">
<h2 class="ewbbhw">
{{ "product.share.title"|trans|raw }}
</h2>
<div id="share" class="text-center"
data-facebook="{{ asset('assets/img/facebook-brands.svg') }}"
data-linkedin="{{ asset('assets/img/linkedin-brands.svg') }}"
data-twitter="{{ asset('assets/img/twitter-brands.svg') }}"
></div>
</div>
<img src="{{ asset('assets/img/line.png')|imagine_filter('large') }}" alt="DMD INOX"
class="w-100 flex-shrink-1"/>
</section>
{% if relatedProducts and not product.isCustom %}
{% include "front/prodSlickSection.html.twig" with {'products':relatedProducts, "subtitle":"product.related.subtitle"|trans,"title":"product.related.title"|trans,"related":true} %}
{% endif %}
{% endblock %}