{% extends "base.html" %}
{% load staticfiles %}
{% load sitetree %} 
{% load thumbnail %}

{% block title %}{{pages.title_us|safe}}{% endblock %}
{% block description %}{{pages.description|safe}}{% endblock %}

{% block og_title %}{{pages.title_us|safe}}{% endblock %}
{% block og_description %}{{pages.description|safe}}{% endblock %}
{% block og_url %}{{ request.build_absolute_uri }}{% endblock %}
{% block image_src %}{% if pages.image %}/media/{{pages.image|safe}}{% else %}/media/zaglavka.png{% endif %}{% endblock %}

{% block canonical %}{% if request.is_secure %}https://{% else %}http://{% endif %}{{ request.get_host }}{{ pages.get_absolute_url }}{% endblock %}

{% block content %}
{% include "header.html" %}
{% include "menu-left.html" %}


<script>
(function($) {
$(function() {

    $('ul.tabs__caption').on('click', 'li:not(.active)', function() {
        $(this)
            .addClass('active').siblings().removeClass('active')
            .closest('div.tabs_wrapper').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
    });

});
})(jQuery);
</script>

<script type="text/javascript">
(function($) {
    $(function() {
        $('dl.tab').on('click', 'dt', function() {
            $(this).addClass('active').siblings().removeClass('active');
        }).children('dd').each(function() {
            $(this).wrapInner('<div class="tab-content"></div>');
        });
    });
}(jQuery));
</script>



<div class="procedure2">

    <div class="page-navigation-tovar">
        <ul>
            <nav class="woocommerce-breadcrumb">
                <li><a href="/#tops">Салон красоты ФиФа</a></li>&nbsp;/&nbsp;
                <li><a href="/uslugi/#tops">Услуги</a></li>&nbsp;/&nbsp;
                <li><a href="/uslugi/{{pages.razdel.price_slug|safe}}/#tops">{{pages.razdel.name_block|safe}}</a></li>&nbsp;/&nbsp;
            {{pages.name_block|safe}}</nav>
        </ul>
    </div>
</div>


<article>
<div class="procedure">
<h1>{{pages.name_block|safe}}</h1>
<div class="full-content-page">


<p>
<a data-fancybox="gallery" href="/media/{{pages.image}}" {% if pages.title %} title="{{pages.title}}" {% else %}{% endif %} class="fancybox" rel="fancybox">

    {% thumbnail pages.image "x566" crop="center" as im %}
        <img src="{{ im.url }}" {% if pages.alt %} alt="{{pages.alt}}" {% else %}{% endif %}>
    {% endthumbnail %}
</a>
</p>


{{pages.text_block|safe}}


<div class="gallary-img-str" style="font-size: 16px">
{% for gallary1 in pages.gallary1.all %}                                                                        
 <a data-fancybox="gallery" href="/media/{{gallary1.image}}" class="fancybox" rel="fancybox">                 
{% thumbnail gallary1.image "200x200" crop="center" as im %}
    <img src="{{ im.url }}" >
{% endthumbnail %}
 </a>
{% endfor %} 
</div>

{{pages.text_block2|safe}}

<div class="gallary-img-str" style="font-size: 16px">
{% for gallary2 in pages.gallary2.all %}                                                                        
 <a data-fancybox="gallery" href="/media/{{gallary2.image}}" class="fancybox" rel="fancybox">                 
{% thumbnail gallary2.image "200x200" crop="center" as im %}
    <img src="{{ im.url }}" >
{% endthumbnail %}
 </a>
{% endfor %} 
</div>

{{pages.text_block3|safe}}

<div class="gallary-img-str" style="font-size: 16px">
{% for gallary3 in pages.gallary3.all %}                                                                        
 <a data-fancybox="gallery" href="/media/{{gallary3.image}}" class="fancybox" rel="fancybox">                 
{% thumbnail gallary3.image "200x200" crop="center" as im %}
    <img src="{{ im.url }}" >
{% endthumbnail %}
 </a>
{% endfor %} 
</div>

{{pages.text_block4|safe}}

<div class="gallary-img-str" style="font-size: 16px">
{% for gallary4 in pages.gallary4.all %}                                                                        
 <a data-fancybox="gallery" href="/media/{{gallary4.image}}" class="fancybox" rel="fancybox">                 
{% thumbnail gallary4.image "200x200" crop="center" as im %}
    <img src="{{ im.url }}" >
{% endthumbnail %}
 </a>
{% endfor %} 
</div>

{{pages.text_block5|safe}}

<div class="gallary-img-str" style="font-size: 16px">
{% for gallary5 in pages.gallary5.all %}                                                                        
 <a data-fancybox="gallery" href="/media/{{gallary5.image}}" class="fancybox" rel="fancybox">                 
{% thumbnail gallary5.image "200x200" crop="center" as im %}
    <img src="{{ im.url }}" >
{% endthumbnail %}
 </a>
{% endfor %} 
</div>




 <table id="tablepress-2" class="tablepress tablepress-id-2">
    <tbody>

{% for price_kos in pages.price_kos.all %} 

{% if price_kos.knopka %}
<tr>
    <td colspan="4" class="column-1">
        <div class="colspan">{{price_kos.name_stroka|safe}}</div>
    </td>
</tr>
{% else %}
<tr class = "{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">

{% if price_kos.name_stroka %} 
<td class="column-1" {% if price_kos.rowspan1 %} rowspan="{{price_kos.rowspan1|safe}}" {% endif %} {% if price_kos.colspan1 %} colspan="{{price_kos.colspan1|safe}}" {% endif %}>
{{price_kos.name_stroka|safe}}</td>
{% endif %}

{% if price_kos.time %} 
<td class="column-2" {% if price_kos.rowspan2 %} rowspan="{{price_kos.rowspan2|safe}}" {% endif %} {% if price_kos.colspan2 %} colspan="{{price_kos.colspan2|safe}}" {% endif %}>
{{price_kos.time|safe}} </td>
{% endif %}

{% if price_kos.price %} 
<td class="column-3" {% if price_kos.rowspan3 %} rowspan="{{price_kos.rowspan3|safe}}" {% endif %} {% if price_kos.colspan3 %} colspan="{{price_kos.colspan3|safe}}" {% endif %}>
{{price_kos.price|safe}} </td>
{% endif %}

{% if price_kos.url %} 
<td class="column-4" {% if price_kos.rowspan4 %} rowspan="{{price_kos.rowspan4|safe}}" {% endif %} {% if price_kos.colspan4 %} colspan="{{price_kos.colspan4|safe}}" {% endif %}>
{{price_kos.url|safe}} </td>
{% endif %}
</tr>
{% endif %}

{% endfor %}




{% for price_nog in pages.price_nog.all %} 

{% if price_nog.knopka %}
<tr>
    <td colspan="4" class="column-1">
        <div class="colspan">{{price_nog.name_stroka|safe}}</div>
    </td>
</tr>
{% else %}
<tr class = "{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">

{% if price_nog.name_stroka %} 
<td class="column-1" {% if price_nog.rowspan1 %} rowspan="{{price_nog.rowspan1|safe}}" {% endif %} {% if price_nog.colspan1 %} colspan="{{price_nog.colspan1|safe}}" {% endif %}>
{{price_nog.name_stroka|safe}}</td>
{% endif %}

{% if price_nog.time %} 
<td class="column-2" {% if price_nog.rowspan2 %} rowspan="{{price_nog.rowspan2|safe}}" {% endif %} {% if price_nog.colspan2 %} colspan="{{price_nog.colspan2|safe}}" {% endif %}>
{{price_nog.time|safe}} </td>
{% endif %}

{% if price_nog.price %} 
<td class="column-3" {% if price_nog.rowspan3 %} rowspan="{{price_nog.rowspan3|safe}}" {% endif %} {% if price_nog.colspan3 %} colspan="{{price_nog.colspan3|safe}}" {% endif %}>
{{price_nog.price|safe}} </td>
{% endif %}

{% if price_nog.url %} 
<td class="column-4" {% if price_nog.rowspan4 %} rowspan="{{price_nog.rowspan4|safe}}" {% endif %} {% if price_nog.colspan4 %} colspan="{{price_nog.colspan4|safe}}" {% endif %}>
{{price_nog.url|safe}} </td>
{% endif %}
</tr>
{% endif %}

{% endfor %}




{% for price_par in pages.price_par.all %} 

{% if price_par.knopka %}
<tr>
    <td colspan="5" class="column-1">
        <div class="colspan">{{price_par.name_stroka|safe}}</div>
    </td>
</tr>
{% else %}
<tr class = "{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">

{% if price_par.name_stroka %} 
<td class="column-1" {% if price_par.rowspan1 %} rowspan="{{price_par.rowspan1|safe}}" {% endif %} {% if price_par.colspan1 %} colspan="{{price_par.colspan1|safe}}" {% endif %}>
{{price_par.name_stroka|safe}}</td>
{% endif %}

{% if price_par.time %} 
<td class="column-2" {% if price_par.rowspan2 %} rowspan="{{price_par.rowspan2|safe}}" {% endif %} {% if price_par.colspan2 %} colspan="{{price_par.colspan2|safe}}" {% endif %}>
{{price_par.time|safe}} </td>
{% endif %}

{% if price_par.price %} 
<td class="column-3" {% if price_par.rowspan3 %} rowspan="{{price_par.rowspan3|safe}}" {% endif %} {% if price_par.colspan3 %} colspan="{{price_par.colspan3|safe}}" {% endif %}>
{{price_par.price|safe}} </td>
{% endif %}

{% if price_par.url %} 
<td class="column-4" {% if price_par.rowspan4 %} rowspan="{{price_par.rowspan4|safe}}" {% endif %} {% if price_par.colspan4 %} colspan="{{price_par.colspan4|safe}}" {% endif %}>
{{price_par.url|safe}} </td>
{% endif %}

{% if price_par.dopstolb %} 
<td class="column-5" {% if price_par.rowspan5 %} rowspan="{{price_par.rowspan5|safe}}" {% endif %} {% if price_par.colspan5 %} colspan="{{price_par.colspan5|safe}}" {% endif %}>
{{price_par.dopstolb|safe}} </td>
{% endif %}


</tr>
{% endif %}

{% endfor %}



{% for price_kol in pages.price_kol.all %} 

{% if price_kol.knopka %}
<tr>
    <td colspan="4" class="column-1">
        <div class="colspan">{{price_kol.name_stroka|safe}}</div>
    </td>
</tr>
{% else %}
<tr class = "{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">

{% if price_kol.name_stroka %} 
<td class="column-1" {% if price_kol.rowspan1 %} rowspan="{{price_kol.rowspan1|safe}}" {% endif %} {% if price_kol.colspan1 %} colspan="{{price_kol.colspan1|safe}}" {% endif %}>
{{price_kol.name_stroka|safe}}</td>
{% endif %}

{% if price_kol.time %} 
<td class="column-2" {% if price_kol.rowspan2 %} rowspan="{{price_kol.rowspan2|safe}}" {% endif %} {% if price_kol.colspan2 %} colspan="{{price_kol.colspan2|safe}}" {% endif %}>
{{price_kol.time|safe}} </td>
{% endif %}

{% if price_kol.price %} 
<td class="column-3" {% if price_kol.rowspan3 %} rowspan="{{price_kol.rowspan3|safe}}" {% endif %} {% if price_kol.colspan3 %} colspan="{{price_kol.colspan3|safe}}" {% endif %}>
{{price_kol.price|safe}} </td>
{% endif %}

{% if price_kol.url %} 
<td class="column-4" {% if price_kol.rowspan4 %} rowspan="{{price_kol.rowspan4|safe}}" {% endif %} {% if price_kol.colspan4 %} colspan="{{price_kol.colspan4|safe}}" {% endif %}>
{{price_kol.url|safe}} </td>
{% endif %}



</tr>
{% endif %}

{% endfor %}
   </tbody>
        </table>



</div>
</div>
</article>



{% if pages.knopka %}
<div class="price"> <a href="/ceny/" class="button button__price">прайс на услуги</a></div>
{% endif %}



{% include "menu-right.html" %}
{% include "footer.html" %}
{% endblock %}