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

{% block title %}Fleet Cars{% endblock %}

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

    <div class="fleet-view">
        <div class="wrapper">
            {% for car in group.cars %}
            <div class="item">
                <div class="title">
                    {{ car.name }}
                    <div class="ui-line orange"></div>
                </div>

                <div class="galery">
                    {% for photo in car.photos %}
                        {% if loop.index == 1 %}
                            <img class="full-size" src="{{ asset('uploads/photos/' ~ photo.files['car-large'].filename) }}" alt="">
                        {% else %}
                            <img class="full-size" src="{{ asset('uploads/photos/' ~ photo.files['car-small'].filename) }}" alt="">
                        {% endif %}
                    {% endfor %}
                </div>

                <div class="info">
                    <div class="header">specifications</div>
                    <div class="propertyes">
                        <div class="wrap">
                            <div class="prop">Number of passengers:</div>
                            <div class="value">{{ car.places }}</div>
                        </div>
                        <div class="wrap">
                            <div class="prop">Color</div>
                            <div class="value">{{ car.color }}</div>
                        </div>
                        <div class="wrap">
                            <div class="prop">Class</div>
                            <div class="value">{{ car.carClass }}</div>
                        </div>
                        <div class="wrap">
                            <div class="prop">Price starts from:</div>
                            <div class="value">{{ car.price }}$/per hour</div>
                        </div>
                    </div>
                    <div class="description">
                        {{ car.description | nl2br }}
                    </div>
                </div>
            </div>
            {% endfor %}
            <div class="seo-text">
                {{ group.seo | raw }}
            </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 %}