{% extends "view/layout.html.twig" %}
{% block title %} Support | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "help.support.title"|trans %}
        {% include 'view/header/_help.html.twig' %}

        <!-- box -->
        <div class="row">
            <div class="col-sm-6 col-md-6">
                <div class="content-box content-lighten" data-step="1" data-intro="{{ "help.support.form"|trans }}">
                    <h1 class="mb-3">{{ "support.title"|trans }}</h1>
                    {{ form(formSupport) }}
                </div>
            </div>
            <div class="col-sm-6 col-md-6">
                <div class="content-box content-lighten text-center" data-step="2" data-intro="{{ "help.support.info"|trans }}">
                    <h1 class="mb-3">{{ "support.information.info"|trans }}</h1>
                    <div>
                        <a style="font-size: 1.5em; color: #814e7c;text-decoration: none;" href="https://www.google.be/maps/place/B.i.v./@50.4300365,4.6071604,17z/data=!3m1!4b1!4m5!3m4!1s0x47c186238087acd5:0xb0d091685bf23ad5!8m2!3d50.4300365!4d4.6093491?hl=fr">
                            <i class="fas fa-map-pin"></i>
                            Rue Pré des Haz 40 <br> BE5060 Tamines
                        </a><br><br>
                        <a style="font-size: 1.5em; color: #814e7c;text-decoration: none;" href="tel:+32 71 26 01 20">
                            <i class="fas fa-phone"></i>
                            +32 71 26 01 20
                        </a><br><br>
                        <a style="font-size: 1.5em; color: #814e7c;text-decoration: none;" href="mailto:info@biv-team.com">
                            <i class="far fa-envelope"></i>
                            info@biv-team.com
                        </a>
                    </div>
                    <h5 class="mt-3">{{ "support.information.numberCompany"|trans }}: 0428.144.142</h5>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% include 'view/library/_popover.html.twig' %}
{% endblock %}