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

{% block body %}

    <!-- begin:: Page -->

    <!-- begin:: Header Mobile -->
    {% include 'common/header_mobile.html.twig' %}

    <!-- end:: Header Mobile -->
    <div class="kt-grid kt-grid--hor kt-grid--root">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

                <!-- begin:: Header -->
                {{ render(controller('App\\Controller\\Common\\Top::index')) }}

                <!-- end:: Header -->
                <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch"
                     id="kt_body">
                    <div class="kt-content kt-content--fit-top  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor"
                         id="kt_content">
                        <header class="page-header-top">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="page-caption">
                                            <!--h1 class="page-title">Listing</h1-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </header>
                        <main>
                            <div class="app-min-site">
                                <section class="over-top">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="card main-card">
                                                    <section>
                                                        <article class="card-header">
                                                            <aside class="row">
                                                                <div class="col-2 col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <h1>
                                                                        {{ merchant }}
                                                                    </h1>
                                                                </div>
                                                                <div class="col-7 col-xl-7 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <nav>
                                                                        <ul class="nav">
                                                                            <li><a>ΠΡΟΦΙΛ </a></li>
                                                                            <li><a> ΦΩΤΟΓΡΑΦΙΕΣ </a></li>
                                                                            <li><a>  ΕΠΙΚΟΙΝΩΝΙΑ </a></li>
                                                                        </ul>
                                                                    </nav>
                                                                </div>
                                                                <div class="col-3 col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <article class="back">
                                                                        <aside>
                                                                            <a href="{{ main_url }}">
                                                                                <img src="{{assets}}media/icons/partiperauto-final-black@1X.png"></a>
                                                                        </aside>
                                                                        <aside>ΠΙΣΩ ΣΤΟ  </aside>
                                                                    </article>
                                                                </div>
                                                            </aside>
                                                        </article>
                                                        <article class="card-body row">
                                                            <div class="app-aside animate-medium" id="app-aside">
                                                                {% include 'front/filter.html.twig' with {'assets': assets,'merchants' :
                                                                    merchants,'criteria_list' : criteria_list,'cities' : cities,'years' : years,
                                                                    'models' : models,'makes' : makes,'isminisite' : isminisite
                                                                } %}
                                                            </div>
                                                            <div class="col">
                                                                <section class="section--products">
                                                                    <div class="row">
                                                                        <div class="col-12">
                                                                            <section class="row">
                                                                                <article class="search-sorting col-12">
                                                                                    <div class="row">
                                                                                        <div class="col-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                                            <aside class="float-left">
                                                                                                Υπάρχουν  88 αγγελίες
                                                                                            </aside>
                                                                                        </div>
                                                                                        <div class="col-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                                            <aside class="float-right">
                                                                                                <article>
                                                                                                    <aside><div class="d-grid">Αναζήτηση ανά:</div></aside>
                                                                                                    <aside>
                                                                                                        <div class="d-grid">
                                                                                                            <form>
                                                                                                                <div class="form-inline">
                                                                                                                    <div class="form-group">
                                                                                                                        <select class="form-control">
                                                                                                                            <option value="0" selected>Χαμηλότερη τιμή</option>
                                                                                                                            <option value="1">----</option>
                                                                                                                            <option value="1">----</option>
                                                                                                                        </select>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </form>
                                                                                                        </div>
                                                                                                    </aside>
                                                                                                </article>
                                                                                            </aside>
                                                                                        </div>
                                                                                        <div></div>
                                                                                    </div>
                                                                                </article>
                                                                                <article class="search-result  col-12">
                                                                                    <aside>
                                                                                        <ul class="pagination">
                                                                                            <li class="page-item hide"><a class="page-link" href="#"> << </a></li>
                                                                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                                                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                                            <li class="page-item"><a class="page-link" href="#"> >> </a></li>
                                                                                        </ul>
                                                                                    </aside>
                                                                                </article>
                                                                            </section>
                                                                        </div>
                                                                        <div class="app-product-list col col-12">
                                                                            {% for ad in ads %}
                                                                                <div class="row product-item">
                                                                                    <section class="col-4 col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 list-photo">
                                                                                        <img src="{{  ad.listing_image}}">
                                                                                        <article class="overlay">
                                                                                            <button class="btn btn-info">
                                                                                                <i class="fa
                                                                                                fa-camera"></i><span>{{ ad.count_images }}</span>
                                                                                            </button>
                                                                                        </article>
                                                                                    </section>
                                                                                    <section class="col-8 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 list-content">
                                                                                        <article class="title-header">
                                                                                            <aside
                                                                                                    class="float-left">
                                                                                                <a href="{{ ad.url}}"><span>{{ ad.model_year }}</span>
                                                                                                {{ ad.make_title }}
                                                                                                {{ ad.model_name }}
                                                                                                </a>

                                                                                            </aside>
                                                                                            <aside class="float-right"><span class="price">800&euro;</span></aside>
                                                                                        </article>
                                                                                        <article class="item-specs">
                                                                                            <aside>
                                                                                                <article>
                                                                                                    <aside>4χ4/Τζιπ/SUV</aside>
                                                                                                    <aside>
                                                                                                        <article>
                                                                                                            <aside> <img src="{{ assets }}media/icons/speed@1X.png"></aside>
                                                                                                            <aside>{{
                                                                                                                ad.cc_title}}/ {{ ad.engine }}</aside>
                                                                                                        </article>
                                                                                                    </aside>

                                                                                                    <aside>
                                                                                                        <article>
                                                                                                            <aside> <img src="{{ assets }}media/icons/fuel@1X.png"></aside>
                                                                                                            <aside>{{ad.fuel_title }}</aside>
                                                                                                        </article>
                                                                                                    </aside>
                                                                                                    <aside>
                                                                                                        <article>
                                                                                                            <aside>
                                                                                                                <img src="{{ assets }}media/icons/road@1X.png"></aside>
                                                                                                            <aside>{{ad.klm > 0? ad.klm: '0'}}</aside>
                                                                                                        </article>
                                                                                                    </aside>

                                                                                                </article>
                                                                                            </aside>
                                                                                        </article>
                                                                                        <article class="note">
                                                                                            <p>Υδραυλικό τιμόνι, Ραδιοκασετ/νο, Μεταχειρισμένο, Ελληνικής Αντι</p>
                                                                                        </article>
                                                                                    </section>
                                                                                </div>
                                                                            {% endfor %}
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </article>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </main>

                        <!-- end body -->
                        <!-- begin:: Footer -->
                        {{ render(controller('App\\Controller\\Common\\Footer::index')) }}
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}