{% extends template ~ '.html.twig' %}

{% block title %}Личный кабинет{% endblock %}

{% block body %}

<div class="main-blocks" data-controller="widgets">
	{% if isMobile() %}
		<div class="main-block">
			<div class="sova-bonus-line mb-0">
				<a class="sova-bonus-line__text" href="{{ path('specialist_index') }}">записаться на прием</a>
			</div>
		</div>
	{% endif %}
	
	<div class="main-block">
		<div class="main-block__tabs-title">
			{# /security-card #}
			<a class="main-block__title" href="{{ path('security_card') }}">Медицинская карта</a>
		</div>
		<div class="main-block__content" id="security-card-widget">
			<span class="line-item">Загрузка данных..</span>
		</div>
	</div>

	<div class="main-block">
		<div class="main-block__tabs-title">
			{# /case-history #}
			<a class="main-block__title" href="{{ path('security_case_history') }}">Ближайшая запись</a>
			<a class="tab-title" href="{{ path('security_case_history') }}">История записей</a>
		</div>
		<div class="tabs-content">
			<div id="case-history-widget" class="tab-content tab-content--active">
				<span class="line-item">Загрузка данных..</span>
			</div>
		</div>
	</div>

	<div class="main-block">
		{# /bonus #}
        
		<div class="sova-bonus-line">
			{% if isShowInRegion([91,92,93]) %}
				<img class="sova-bonus-line__logo" src="/img/sova-bonus-logo.svg" />
			{% endif %}
			<div class="sova-bonus-line__text">бонусов на счете: <span id="bonus-widget">0</span></div>
		</div>
		
		<div class="main-block__tabs-title">
			<a class="tab-title tab-title--active" href="{{ path('security_payment') }}">Платежи</a>
			<a class="tab-title" href="{{ path('security_payment') }}">История платежей</a>
		</div>
		<div class="tabs-content">
			<div id="finance-widget" class="tab-content tab-content--active">
				<div class="payment-line">
					<span class="payment-line__id">Загрузка данных..</span>
				</div>
			</div>
		</div>
	</div>

	<div class="main-block">
		{# /favorites #}
		<div class="main-block__title">Мои врачи</div>
		<div class="main-block__content">
			<div class="staff-icons-list" id="favorites-widget" data-controller="favoritesNaw"></div>
		</div>
	</div>

</div>
 
{% endblock %}