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

{% block title %}{{ title }}{% endblock %}

{% block body %}

	<div class="row">
    	<div class="col-12" >
            <div id="security-record" data-controller="caseHistory">
             {% if(isMobile()) %}
                    <div class="form-group">
                        <select class="form-control" id="security-tabs">
                            <option data-alert="false" value="true">Ближайшие записи на прием</option>
                            <option data-alert="true" value="false">История записей</option>
                        </select>
                    </div>
                {% else %}
                    <div id="security-tabs" class="tabs">
                        <a class="tab-item tab-item--active" data-alert="false" data-allow-remove="true">Ближайшие записи на прием</a>
                        <a class="tab-item" data-alert="true" data-allow-remove="false">История записей</a>
                    </div>
                {% endif %}
                <br>
                <div id="alert-case-history-info" class="alert alert-dismissible fade show alert-info d-none" role="alert">
                    <div class="alert-msg">Для возврата средств по онлайн-консультированию нажмите кнопку "вернуть оплату" и следуйте дальнейшим инструкциям<br>
                    Если Вы не видите в истории записи оплаченную, но не состоявшуюся запись - для возврата перейдите в раздел "Помощь" и оставьте заявку  на возврат через кнопку "Техническая поддержка"
                    </div>
                </div>            
                <div class="load">Загрузка данных</div>
                <div class="section-wrap">
                    <div class="staff-block block-content block-item item-record d-none">
                        <div class="staff-block__main">
                            <a href="/" class="staff-block__img img-vr" style="background: url('/images/no_img.png') center -5px / cover;"></a>
                            <div class="staff-block__info staff-info">
                                <a href="#" class="staff-info__name specialist link-specialist"></a>
                                <div class="staff-info__position position"></div>
                                <div class="staff-info__param d-none kinder">Приём детей с <span class="val"></span></div>
                                <div class="staff-info__param d-none expirience">Опыт работы <span class="val"></span></div>
                                <a href="#" class="staff-info__review">&nbsp;{# Отзывы #}</a>
                            </div>
                        </div>

                        <div class="staff-info__visit visit">
                            <div class="visit__info">
                                <div class="visit__time">Ваша запись: <br> <span class="month"></span>, <span class="date"></span></div>
                                <a href="#" class="visit__cancel btn-close">Отменить</a>
                            </div>
                            <div class="visit__bottom">
                                <div class="visit__place address"></div>
                                <div class="visit__place accept"></div>
                                <div class="d-inline">
                                    <button class="card-item__btn button d-none btn-pay disabled" disabled>Оплатить <span class="amt">0</span> ₽</button>
                                    <button class="card-item__btn button d-none btn-conference">Онлайн прием</button>
                                    <button class="card-item__btn button d-none btn-cash-back" data-action="click->caseHistory#cashBack">
                                        Вернуть оплату
                                    </button>
                                    <div class="col-12 d-none online-warning">
                                        <small class="text-danger">Чтобы активировать кнопку оплаты, подтвердите согласие.</small>
                                    </div>
                                </div>
                                <div class="visit__btns pull-right mt-mb-3">
                                    <a href="#" class="staff-info__review mr-2 link-specialist">Повторить запись</a>
                                    {# <div class="calendar-btn">добавить в календарь</div> #}
                                    <div data-controller='favorites' class="section-favorite d-block text-right mr-3">
                                        <i class="fa fa-bookmark d-none dislike" aria-hidden="true"> 
                                            <span class="dislike" aria-hidden="true"> В моих врачах</span>
                                        </i>
                                        <i class="fa fa-bookmark-o like" aria-hidden="true"> 
                                            <span class="like" aria-hidden="true"> В избранное</span>
                                        </i>   
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    		</div>
		</div>
	</div>
    
{% endblock %}