{% extends 'layouts/front/base.html.twig' %}

{% block title %}{{ context.get['app'] ? context.get['app'].name : company_name }} - {{ title }}{% endblock %}

{% block body %}
    <header class="page-header" style="background-image: url({{ asset('assetics/images/_inner-bg.jpg') }});">
        {{ fil_arial(title) }}
    </header>

    <section id="services">
        <div class="container">
            <h4 class="yellow">{{ context.get['about'].name }}</h4>
            {#<h2 class="h1">Nos services</h2>#}
            <div class="row">
                {% set col = '12' %}
                {% if context.get['about'].filename %}
                    <div class="col-md-4">
                        <img src="{{ vich_uploader_asset(context.get['about'], 'imageFile') }}" style="max-width: 100%!important;" class="car" alt="{{ context.get['about'].name }}">
                    </div>
                {% endif %}
                {% if context.get['about'].filename %}
                    {% set col = '8' %}
                {% endif %}

                <div class="col-md-{{ col }}" style="text-align: justify!important;">
                    {{ context.get['about'].description|raw }}
                </div>
            </div>
            {#<div class="row">
                <div class="col-md-3 col-sm-6 col-ms-6 matchHeight">
                    <div class="image"><img src="{{ asset('assetics/images/_services-1.png') }}" alt="Service"></div>
                    <h5>Rapid city transfer</h5>
                    <p>We will bring you quickly and comfortably to anywhere in your city</p>
                </div>
                <div class="col-md-3 col-sm-6 col-ms-6 matchHeight">
                    <div class="image"><img src="{{ asset('assetics/images/_services-2.png') }}" alt="Service"></div>
                    <h5>Booking a hotel</h5>
                    <p>If you need a comfortable hotel, our operators will book it for you, and take a taxi to the address</p>
                </div>
                <div class="col-md-3 col-sm-6 col-ms-6 matchHeight">
                    <div class="image"><img src="{{ asset('assetics/images/_services-3.png') }}" alt="Service"></div>
                    <h5>Airport transfer</h5>
                    <p>We will bring you quickly and comfortably to anywhere in your city</p>
                </div>
                <div class="col-md-3 col-sm-6 col-ms-6 matchHeight">
                    <div class="image"><img src="{{ asset('assetics/images/_services-4.png') }}" alt="Service"></div>
                    <h5>Baggage transport</h5>
                    <p>If you need a comfortable hotel, our operators will book it for you, and take a taxi to the address</p>
                </div>
            </div>#}
        </div>
    </section>

    {{ packages() }}

{% endblock %}