{% extends 'base.html.twig' %}
{% block body %}
{% set prodone = prod %}
<div class="clear"></div>
<div
class="row box-product pc-page">
<!-- Image List -->
<div class="col-sm-5 col-xl-4 prod-cont hidden-xs" style="position: relative">
<div class="image-detail">
<img src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" data-zoom-image="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" alt="{{ prod.name }}" id="pc-photo">
</div>
{{ include('catalog/block/prod-labels.html.twig') }}
<div class="pc-colors hidden-xs">
<a href="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" class="active">
<img src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" data-src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" data-zoom-image-src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" alt="">
<em class="arrow"></em>
</a>
{% for photo in photos %}
<a href="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg', 'pic') }}">
<img src="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg', 'pic') }}" data-src="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg', 'pic') }}" data-zoom-image-src="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg', 'pic') }}" alt="">
<em class="arrow"></em>
</a>
{% endfor %}
<div class="clear"></div>
</div>
<div class="pc-photos-label">{{ labels.get('prod-cont-1')|raw }}</div>
<div class="pc-share">
{{ include('catalog/block/prod-share.html.twig') }}
</div>
</div>
<!-- End Image List -->
<div class="col-sm-7 col-xl-8">
<h1 class="title-detail">
{% if prod.pop %}<img src="{{ asset('hot' ~ app.request.locale ~ '.png', 'img') }}" alt="hot" class="prod-hot">
{% endif%}
{{ prod.name }}</h1>
<!-- Image List -->
<div class="prod-cont visible-xs pc-slider-colors" style="position: relative">
<div class="image-detail">
<div
class="visible-xs main-recomended-prods">
<!-- Full Slider -->
<div class="container-fluid">
<div class="row">
<div class="pc-slider-2">
<img src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg', 'pic') }}" alt="{{ prod.name }}">
{% for photo in photos %}
<img src="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg', 'pic') }}" alt="">
{% endfor %}
</div>
</div>
</div>
<!-- End Full Slider -->
</div>
</div>
{{ include('catalog/block/prod-labels.html.twig') }}
<div class="pc-share">
{{ include('catalog/block/prod-share.html.twig') }}
</div>
</div>
<div class="pc-right-wrapper">
<p class="prw">{{ labels.get('prod-cont-5')|raw }}:</p>
<div class="pc-other-colors">
{% for color in prod.colors %}
<a href="{{ path('prod_cont', {'prod_id': color}) }}" {% if color == prod.id %} class="pc-color-active" {% endif %}>
{% if color == prod.id %}
<div class="pa pca"><img src="{{ asset('pc_active.png', 'img') }}" alt=""></div>
{% endif %}<img class="b-lazy" src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" data-src="{{ asset(env.host_static ~ '/pic/prod-s/' ~ color ~ '.jpg', 'pic') }}" width="50" height="50" alt=""></a>
{% endfor %}
</div>
</div>
<div class="pc-right-wrapper">
<p class="prw">{{ labels.get('pack')|raw }}:</p>
{{ include('catalog/block/prod-inpack.html.twig') }}
</div>
<div class="pc-right-wrapper">
<p class="prw">{{ labels.get('prod-cont-7')|raw }}:
{{ include('catalog/block/prod-weight.html.twig') }}</p>
</div>
<div class="pc-right-wrapper-price">
<table class="table-detail">
<tbody>
{% set discount_block = not prod.skidka and not app.session.get('useropt') and userdiscount == 0 and not prod.numdiscount %}
<tr class="pcpc-price-block">
<td class="productInfoKey{% if discount_block %} discount_block_price{% endif %}">{{ labels.get('prod-cont-4')|raw }}:</td>
<td class="productInfoValue productInfoValue2">
{{ include('catalog/block/prod-price.html.twig') }}
</td>
</tr>
{% if discount_block %}
{% for discount in discounts %}
{% set k = 0 %}
<tr class="pl-disc-var prodvar prodvar{% set k = k + 1 %}{{ k }} {{ prod.id }}prodvar {{ prod.id }}prodvar1">
<td class="productInfoKey discount_block_price">{{ discount.name }}:</td>
<td class="productInfoValue">
<span id="productInfoPrice">{{ (prod.price * (100 - discount.value) / 100)|fmtmoney }}
<span class="valn">{{ env.valuta.name }}</span>
<span class="vals">{{ env.valuta.symbol }}</span>
<span class="discount-val">{{ discount.value }}%</span>
</span>
</td>
</tr>
<tr class="pl-disc-var prodvar prodvar{% set k = k + 1 %}{{ k }} {{ prod.id }}prodvar {{ prod.id }}prodvar2">
<td class="productInfoKey discount_block_price">{{ discount.name }}:</td>
<td class="productInfoValue">
<span id="productInfoPrice">{{ (prod.price2 * (100 - discount.value) / 100)|fmtmoney }}
<span class="valn">{{ env.valuta.name }}</span>
<span class="vals">{{ env.valuta.symbol }}</span>
<span class="discount-val">{{ discount.value }}%</span>
</span>
</td>
</tr>
<tr class="pl-disc-var prodvar prodvar{% set k = k + 1 %}{{ k }} {{ prod.id }}prodvar {{ prod.id }}prodvar3">
<td class="productInfoKey discount_block_price">{{ discount.name }}:</td>
<td class="productInfoValue">
<span id="productInfoPrice">{{ (prod.price3 * (100 - discount.value) / 100)|fmtmoney }}
<span class="valn">{{ env.valuta.name }}</span>
<span class="vals">{{ env.valuta.symbol }}</span>
<span class="discount-val">{{ discount.value }}%</span>
</span>
</td>
</tr>
{% endfor %}
{% endif %}
</tbody>
</table>
</div>
<div class="pc-right-wrapper">
{% if prod.num3 %}
{% set prodvar = 3 %}
{% endif %}
{% if prod.num2 %}
{% set prodvar = 2 %}
{% endif %}
{% if prod.num %}
{% set prodvar = 1 %}
{% endif %}
<form action="{{ path('cart_buy') }}" method="post" class="prodform_{{ prod.id }}">
<input type="hidden" name="id" value="{{ prod.id }}"/>
<input type="hidden" name="var" value="{{ prodvar }}" class="prodvar{{ prod.id }}"/>
<input type="hidden" name="ajax" value="1" class="ajax"/>
<input type="hidden" name="fromurl" value="{{ request_uri }}" class="prod_id"/>
{% if prod.num > 0 or prod.num2 > 0 or prod.num3 > 0 %}
<input type="button" value="-" class="pcfl pcpcfl" data-id="{{ prod.id }}">
<input type="text" maxlength="5" size="2" name="num" class="quantity{{ prod.id }} text-center pcfc pcpcfc" value="1">
<input type="button" value="+" class="pcfr pcpcfr" data-id="{{ prod.id }}">
{% else %}
{{ labels.get('notavail')|raw }}
{% endif %}
</form>
<div class="prod-buttons">
{% if prod.num %}
{% set prod_in_cart = 0 %}
{% for cart_item in cart_items %}
{% if (cart_item.id == prodone.id) and (cart_item.var == 1) %}
{% set prod_in_cart = 1 %}
{% endif %}
{% endfor %}
{% if prod_in_cart == 0 %}
<button class="btn btn-theme m-b-1 active focus pc-prodvar-{{ prod.id }}-1 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-prod-in-cart="{{ prod_in_cart }}" data-is-opt="{{ env.is_opt }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('tocart')|raw }}
</button>
{% else %}
<button class="btn btn-theme m-b-1 active focus added pc-prodvar-{{ prod.id }}-1 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart2' ~ (env.is_opt ? 'opt' : '') ~ '.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('addedtocart')|raw }}
</button>
{% endif %}
{% endif %}
{% if prod.num2 %}
{% set prod_in_cart = 0 %}
{% for cart_item in cart_items %}
{% if (cart_item.id == prodone.id) and (cart_item.var == 2) %}
{% set prod_in_cart = 1 %}
{% endif %}
{% endfor %}
{% if prod_in_cart == 0 %}
<button class="btn btn-theme m-b-1{% if prod.num == 0 %} active{% endif %} focus pc-prodvar-{{ prod.id }}-2 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-prod-in-cart="{{ prod_in_cart }}" data-is-opt="{{ env.is_opt }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('tocart')|raw }}
</button>
{% else %}
<button class="btn btn-theme m-b-1 focus{% if prod.num == 0 %} active{% endif %} added pc-prodvar-{{ prod.id }}-2 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart2' ~ (env.is_opt ? 'opt' : '') ~ '.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('addedtocart')|raw }}
</button>
{% endif %}
{% endif %}
{% if prod.num3 %}
{% set prod_in_cart = 0 %}
{% for cart_item in cart_items %}
{% if (cart_item.id == prodone.id) and (cart_item.var == 3) %}
{% set prod_in_cart = 1 %}
{% endif %}
{% endfor %}
{% if prod_in_cart == 0 %}
<button class="btn btn-theme m-b-1{% if prod.num == 0 and prod.num2 == 0 %} active{% endif %} focus pc-prodvar-{{ prod.id }}-3 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-prod-in-cart="{{ prod_in_cart }}" data-is-opt="{{ env.is_opt }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('tocart')|raw }}
</button>
{% else %}
<button class="btn btn-theme m-b-1{% if prod.num == 0 and prod.num2 == 0 %} active{% endif %} focus added pc-prodvar-{{ prod.id }}-3 pcpc-prodvar" type="button" data-prod-id="{{ prod.id }}" data-cart-link="{{ path('cart') }}">
<img src="{{ asset('cart2' ~ (env.is_opt ? 'opt' : '') ~ '.svg', 'img') }}" alt="" class="pf-cart">{{ labels.get('addedtocart')|raw }}
</button>
{% endif %}
{% endif %}
</div>
<div class="clear"></div>
<div class="pc-num">{{ labels.get('pc-num-1')|raw }}:
<span class="pc-prod-num {{ prod.id }}prodnum2">{{ prod.num2 }}</span>
<span class="pc-prod-num {{ prod.id }}prodnum1 active">{{ prod.num }}</span>
<span class="pc-prod-num {{ prod.id }}prodnum3">{{ prod.num3 }}</span>
</div>
<div class="pc-wishl">{{ include('catalog/block/prod-wishlist.html.twig') }}</div>
{% if (env.site == env.domopt or env.site == env.mixopt) %}
<div class="sites-toggle">
<div class="pcredg">
{{ labels.get('prod-cont-opt-1')|raw }}
<form action="{{ path('redirect') }}" method="post" class="pcredf2" target="_blank">
<button type="submit" name="redirect" value="{{ env.host_related }}/{{ app.request.locale }}/catalog/prod-{{ prod.id }}">{{ labels.get('prod-cont-opt-2')|raw }}</button>
</form>
{{ labels.get('prod-cont-opt-3')|raw }}<br>{{ labels.get('prod-cont-opt-4')|raw }}
</div>
<form action="{{ path('redirect') }}" method="post" class="pcredf" target="_blank">
<button type="submit" name="redirect" value="{{ env.host_related }}/{{ app.request.locale }}/catalog/prod-{{ prod.id }}">
<div>{{ labels.get('prod-cont-opt-0')|raw }}</div>
<div class="pcredfl">{{ labels.get('prod-cont-opt-2')|raw }}</div>
</button>
</form>
</div>
{% elseif (env.site == env.dom or env.site == env.mix) %}
<div class="sites-toggle">
<div class="pcredg">
{{ labels.get('prod-cont-dom-1')|raw }}
<form action="{{ path('redirect') }}" method="post" class="pcredf2" target="_blank">
<button type="submit" name="redirect" value="{{ env.host_related }}/{{ app.request.locale }}/catalog/prod-{{ prod.id }}">{{ labels.get('prod-cont-dom-2')|raw }}</button>
</form>
{{ labels.get('prod-cont-dom-3')|raw }}
</div>
<form action="{{ path('redirect') }}" method="post" class="pcredf" target="_blank">
<button type="submit" name="redirect" value="{{ env.host_related }}/{{ app.request.locale }}/catalog/prod-{{ prod.id }}">
<div>{{ labels.get('prod-cont-dom-0')|raw }}</div>
<div class="pcredfl">{{ labels.get('prod-cont-dom-2')|raw }}</div>
</button>
</form>
</div>
{% elseif env.site == env.miropt %}
<div class="sites-toggle">
<div class="pcredg">
{{ labels.get('prod-cont-opt-1')|raw }}
<form action="{{ path('redirect') }}" method="post" class="pcredf2" target="_blank">
<button type="submit" name="redirect" value="https://mirbusin.ru/catalog/prod-{{ prod.id }}">{{ labels.get('prod-cont-opt-2')|raw }}</button>
</form>
{{ labels.get('prod-cont-opt-3')|raw }}<br>{{ labels.get('prod-cont-opt-4')|raw }}
</div>
<form action="{{ path('redirect') }}" method="post" class="pcredf" target="_blank">
<button type="submit" name="redirect" value="https://mirbusin.ru/catalog/prod-{{ prod.id }}">
<div>{{ labels.get('prod-cont-opt-0')|raw }}</div>
<div class="pcredfl">{{ labels.get('prod-cont-opt-2')|raw }}</div>
</button>
</form>
</div>
{% elseif env.site == env.mir %}
<div class="sites-toggle">
<div class="pcredg">
{{ labels.get('prod-cont-dom-1')|raw }}
<form action="{{ path('redirect') }}" method="post" class="pcredf2" target="_blank">
<button type="submit" name="redirect" value="http://opt.mirbusin.ru/catalog/prod-{{ prod.id }}">{{ labels.get('prod-cont-dom-2')|raw }}</button>
</form>
{{ labels.get('prod-cont-dom-3')|raw }}
</div>
<form action="{{ path('redirect') }}" method="post" class="pcredf" target="_blank">
<button type="submit" name="redirect" value="http://opt.mirbusin.ru/catalog/prod-{{ prod.id }}">
<div>{{ labels.get('prod-cont-dom-0')|raw }}</div>
<div class="pcredfl">{{ labels.get('prod-cont-dom-2')|raw }}</div>
</button>
</form>
</div>
{% endif %}
</div>
</div>
<div class="clear"></div>
<div
class="col-md-12">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#desc" aria-controls="desc" role="tab" data-toggle="tab">{{ labels.get('prod-cont-9')|raw }}</a>
</li>
<li role="presentation">
<a href="#detail" aria-controls="detail" role="tab" data-toggle="tab">{{ labels.get('prod-cont-10')|raw }}</a>
</li>
</ul>
<!-- End Nav tabs -->
<!-- Tab panes -->
<div
class="tab-content tab-content-detail">
<!-- Description Tab Content -->
<div role="tabpanel" class="tab-pane active" id="desc">
<div class="well">
{{ prod.cont|raw }}
{% if prod.short %}
<br><br>
{{ prod.short|raw }}
{% endif %}
</div>
</div>
<!-- End Description Tab Content -->
<!-- Detail Tab Content -->
<div role="tabpanel" class="tab-pane" id="detail">
<div class="well">
{{ include('catalog/block/prod-chars.html.twig') }}
</div>
</div>
<!-- End Detail Tab Content -->
</div>
</div>
</div>
{{ include('catalog/block/prod-childs.html.twig') }}
{% endblock %}