{% extends 'Slivki/mobile/base.html.twig' %}
{% block messenger %}{% endblock %}
{% block styles %}
{{ parent() }}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
{% endblock %}
{% block content %}
<div class="master-page container sf-font">
<div class="d-flex">
<div class="back-button align-self-center" onclick="history.back();">
<img src="/images/back-violet.svg" style="filter: invert(1);">
</div>
<div class="tittle-page-master">{{ master.getFirstName() }} {{ master.getLastName() }}{{ master.getLevel() == 1 ? '. Опытный мастер' : master.getLevel() == 2 ? '. Топ-мастер' : ''}}</div>
</div>
<div class="tags-container-page mb-2">
{% for tag in master.getTags() %}
<div class="beauty-masters-item-employment-capsules">
<div class="beauty-masters-item-employment-capsule">
<div class="beauty-masters-item-employment">{{ tag }}</div>
</div>
</div>
{% endfor %}
</div>
<div class="avatar-block-master" style="background-image: url('{{ master.getImageUrl() }}')"></div>
<div class="name-master-page mt-2 mb-1">{{ master.getFirstName() }} {{ master.getLastName() }} {{ master.getLevel() == 1 ? '. Опытный мастер' : master.getLevel() == 2 ? '. Топ-мастер' : ''}}</div>
{% set words = master.getDescription()|split(' ') %}
{% set description = master.getDescription() | split('<br />') %}
{% set first_3_lines = description|slice(0, 1) | join('<br />') %}
{% set remaining_lines = description|slice(1) | join('<br />') %}
{% set max_words = 30 %}
<div class="description-master-page my-4">
<p class="description-text mb-1">{{ first_3_lines|raw }}</p>
<p class="hidden-text text-long">{{ remaining_lines|raw }}</p>
{% if words|length > max_words %}
<div class="btn-more cursor-pointer color-violet text-center">Подробнее ▼</div>
{% endif %}
</div>
<div class="address-block-master-page">
{% set uniqueNames = [] %}
{% for address in master.getLocations() %}
{% if address.name not in uniqueNames %}
{% set uniqueNames = uniqueNames|merge([address.name]) %}
<div class="address-item">
<div class="address-item-line">{{ address.getName() }}</div>
</div>
{% endif %}
{% endfor %}
</div>
<div id="tittlePhotoExamplesMaster" class="name-master-page mt-3 mb-1 d-none">Фото работ</div>
<div id="workExampleExamplePage" class="work-examples-master-page">
{% include 'Slivki/works-examples/examples_of_works_gallery.html.twig' %}
</div>
<div class="name-master-page mt-4 mb-0">Акции мастера</div>
<div class="offers-master-block d-flex row">
{{ offers.categoryBoxHtml|raw }}
</div>
</div>
{% endblock %}
{% block popup %}
{{ parent() }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="module" src="/js/work_examples/work_examples.js?v={{ work_examples_js_version }}"></script>
{% endblock %}