<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{{ title }}{% endblock %}</title>

        {% block js %}
            <script id="smartCaptcha" src="https://smartcaptcha.yandexcloud.net/captcha.js"></script>
        {% endblock %}
        
        {% block stylesheets %}
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/jpg" href="/favicon_sovamed.ico" />
            {{ encore_entry_link_tags('app_sovamed') }}
        {% endblock %}

        {% block javascripts %}
            {{ encore_entry_script_tags('app_sovamed') }}
        {% endblock %}
    </head>
    <body>

        <div class="container login-page" data-controller="signin">
            <div class="content-fluid auth border-radius py-3 px-5 h-100">
                <div class="row justify-content-md-center h-100">
                    <div class="col-md-4">
                        {% if (isMobile()) %}
                            <div class="row">
                                <div class="col-6">
                                    <a href="{{ path('default_index') }}">
                                        <img src="/images/mobile-logo.svg" class="mobile-logo" alt="Семья многопрофильных клиник"> 
                                    </a>
                                </div>
                                <div class="col-6">
                                    <p class="pull-right">  
                                        <span data-toggle="modal" data-target="#chengeRegion" class="city pr-2" id="regionName">Саратов</span>
                                    </p>
                                </div>
                            </div>
                        {% else %}
                            <a href="{{ path('default_index') }}">
                                <img src="/images/logo.svg" class="logo mb-5" alt="Семья многопрофильных клиник"> 
                            </a>
                        {% endif %}
                    </div>
                    <div class="col-md-4 h-md-100">
                        <div class="row align-items-center h-md-100">
                            <div class="col-12 p-0">
                                <div class="hello-text">
                                    Добро пожаловать <br>
                                    в личный кабинет <br>
                                    пациента сети клиник «СОВА»
                                </div>
                                <br>
                                <a type="button" data-action="signin#login" class="btn login-btn login-btn--bold-border my-1 w-100 py-3">Войти и записаться на прием</a>
                                
                                <a class="btn login-btn login-btn--bold-border my-1 w-100 py-3" href="{{ path('specialist_index', {'alias': alias}) }}">Запись без авторизации</a>
                              
                                <button class="btn login-btn login-btn--bold-border my-1 w-100 py-3" data-action="signin#login" type="button">Результаты анализов</button>
                                <br> 
                                {% if (isMobile()) %}
                                    <a type="button" data-action="signin#login" class="btn login-btn login-btn--bold-border py-3 w-100 auth-btn">Войти в кабинет</a>
                                    <a type="button" data-action="signin#esia" class="btn login-btn login-btn--bold-border py-3 w-100 auth-btn">Войти через Госуслуги</a>
                                    <a href="{{ path('security_reg') }}" class="btn login-btn login-btn--bold-border py-3 w-100 auth-btn">Регистрация</a>
                                    <br>
                                {% endif %}
                                <a class="btn login-btn my-1 w-100 py-3" href="{{ path('default_price') }}">Услуги и цены</a>
                                <a class="btn login-btn my-1 w-100 py-3" href="{{ path('default_info') }}">Информация</a>
                                <a class="btn login-btn my-1 w-100 py-3" href="{{ path('default_help') }}">Помощь</a>
                            </div>
                        </div>
                    </div>
                    {% if (isMobile() == false) %}
                        <div class="col-md-4 text-right">
                            <span data-toggle="modal" data-target="#chengeRegion" class="city pr-2" id="regionName">Саратов</span>
                            <div class="auth-btns">
                                <a type="button" data-action="signin#login" class="auth-btn">Войти в кабинет</a>
                                <br>
                                <a type="button" data-action="signin#esia" class="auth-btn">Войти через Госуслуги</a>
                                <br>
                                <a href="{{ path('security_reg') }}" class="auth-btn auth-btn--normal">Регистрация</a>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div id="popup-body" class="modal-body" data-csrf="{{ csrf_token('authenticate') }}"></div>
                </div>
            </div>
        </div>

        {{ include('_change_region.html.twig') }}  
    </body>
</html>