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

{% block title %}Hello ProdController!{% endblock %}

{% block body %}

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

    <div class="slider owl-theme">
        <div class="owl-carousel" id="owl-first">
            {% for photo in slider.photos %}
            <div style="background-image: url('{{ asset('uploads/photos/' ~ photo.files.slider.filename) }}')"></div>
            {% endfor %}
        </div>
        <div class="slogan">
            <div class="wrapepr">
                PREMIUM WINE TOURS OF THE HAMPTONS/NOFO VINEYARDS FOR EVERY TASTE
            </div>
        </div>
        <a href='{{ path('prod_configurator')}}' class="btn">CREATE YOUR OWN CUSTOM TOUR</a>
    </div>

    {% if dashboard.setting('showPopup') %}
      <div class="index-popup">
             <div class="wrapper">
                 <div class="title">Special Offers</div>
                 <div class="index-popup-close">X</div>
                 <div class="info">{{ dashboard.setting('popupText') | nl2br }}</div>

                 <a  href="/page/special-offers" class="scollTo btn">more info</a>
             </div>
         </div>
    {% endif %}

    <section class="informations">
        <div class="items">
            <div class="header home">
                <div class="title main">
                    Choose any of the offered packages:
                    <div class="ui-line orange"></div>
                </div>
            </div>

            {% for package in packages %}
                <div class="item second">
                    <div class="header">
                        <div class="title">
                            {{ package.title }}
                            <div class="ui-line orange"></div>
                        </div>
                    </div>

                    <div class="galery">{% apply spaceless %}
                            {% for photo in package.photos %}
                                <a href="{{ asset('uploads/photos/' ~ photo.files.large.filename) }}" class="fresco"  data-fresco-group="galery_packages_{{ loop.index }}">
                                    {% if loop.index == 1 %}
                                        <img class=full-size src="{{ asset('uploads/photos/' ~ photo.files['home-large'].filename) }}" alt="">
                                    {% else %}
                                        <img class=small-size src="{{ asset('uploads/photos/' ~ photo.files['home-small'].filename) }}" alt="">
                                    {% endif %}
                                </a>
                            {% endfor %}
                        {% endapply %}</div>

                    <div class="info">
                        {{ package.description | nl2br }}
                        {% if package.linkTo == 'contact-us' %}
                            <a href="{{ path('app_prod_index') }}#contact" class="btn light">more info</a>
                        {% elseif package.linkTo == 'configurator' %}
                            <a href="{{ path('prod_configurator') }}" class="btn light">more info</a>
                        {% elseif package.linkTo == 'page' %}
                            <a href="{{ path('prod_package', { slug: package.slug }) }}" class="btn light">more info</a>
                        {% elseif package.linkTo == 'fleet' %}
                            <a href="{{ path('prod_fleet') }}" class="btn light">more info</a>
                        {% endif %}
                    </div>

                </div>
            {% endfor %}

            <div class="item" id="about">
                <div class="header">
                    <div class="title">
                        {{ page.title }}
                        <div class="ui-line orange"></div>
                    </div>
                </div>
                <div class="info">
                    {{ page.content | raw }}
                </div>

                <div class="galery">{% apply spaceless %}
                    {% for photo in page.photos %}
                        <a href="{{ asset('uploads/photos/' ~ photo.files.large.filename) }}" class="fresco"  data-fresco-group="galery_1" >
                            {% if loop.index == 1 %}
                                <img class="full-size" src="{{ asset('uploads/photos/' ~ photo.files['home-large'].filename) }}" alt="">
                            {% else %}
                                <img class="small-size" src="{{ asset('uploads/photos/' ~ photo.files['home-small'].filename) }}" alt="">
                            {% endif %}
                        </a>
                    {% endfor %}
                {% endapply %}</div>
            </div>

        </div>
    </section>

{% endblock %}

{% block footer %}


    <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>
    <section class="map_wrpper">
        <div id="map"></div>
    </section>


{% endblock %}