{% extends 'base.html.twig' %}

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

{% block body %}
    {% include './partials/call.html.twig' %}

    <div class="tour">
        <h1 class="header">
            {{ article.name }}
            <div class="ui-line orange"></div>
        </h1>
        <div class="galery">
            <img src="{{ asset('uploads/photos/' ~ article.firstPhoto.files.large.filename) }}" class="full-size" alt="">
        </div>
        <div class="wrapper">
            <div class="info">
                <div class="content blog-descr">
                    {{ article.fullDescription | raw }}
                </div>
            </div>
            <div class="galery-2">
                {% for photo in article.photos %}
                    {% if loop.index != 1 %}
                        <img src="{{ asset('uploads/photos/' ~ photo.files['single-page-small'].filename) }}" alt="">
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
    <section class="contacts" id="contact">
        <div class="wrapper">
            <div class="form-wrap">
                <div class="title">
                    contaсt us
                    <div class="ui-line white"></div>
                </div>
                <form action="" class="home-contacts-form">
                    <input type="text" placeholder="Name" id="name" required>
                    <input type="number" placeholder="Phone" id="phone" required>
                    <input type="email" placeholder="E-mail" id="email" required>
                    <input type="text" placeholder="Your Message:" id="question" required>

                    <button type="submit" class="btn white">send</button>
                </form>
            </div>

            <div class="info">
                <div class="item">Tel: {{ dashboard.setting('phone') }}</div>
                <div class="item">E-mail: {{ dashboard.setting('email') }}</div>
                <div class="item">{{ dashboard.setting('address') | nl2br }}</div>
                <div class="soc">
                    <a href="{{ dashboard.setting('whatsAppLink') }}" target="_blank"><img src="{{ asset('/assets/image/whatsapp-footer.png') }}" alt=""></a>
                    <a href="{{ dashboard.setting('instagramLink') }}" target="_blank"><img src="{{ asset('/assets/image/Instagram.png') }}" alt=""></a>
                    <a href="{{ dashboard.setting('fbLink') }}" target="_blank"><img src="{{ asset('/assets/image/facebook.png') }}" alt=""></a>
                </div>
            </div>
        </div>
    </section>
{% endblock %}