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

{% block scripts %}
    <script src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.js'></script>
    <script src="{{ asset('models.js') }}" ></script>
{% endblock %}

{% 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-fluid home-header">
                            <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>
        <section class="container ">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="card-block-detail card-block-detail-part-model">
                        <div class="col-12">
                            <h1>SSANGYONG ACTYON SPORTS I REAR SEAT LIGHT</h1>
                        </div>
                        <div class="col-12">
                            <h2>
                                <i class="fa fa-home"></i>
                                <span style="color: #BCBCBC">&nbsp; &bull; &nbsp;
                                    BMW    BMW 1500 2500 naudotos dalys
                                </span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="card-section" >
            <article class="container">
                <div class="card-block bg-white mb30 part-model">
                    <div class="row" >
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 header-pad">
                            <img src="{{ asset('models/bmw-logo.png') }}" alt="">
                            <span>{{ make }} used parts</span>
                        </div>
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                           <p class="header-text">
                               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consequat ac leo eleifend malesuada. Vivamus semper velit justo, sit amet lacinia odio vehicula eu. Etiam varius posuere ligula luctus sollicitudin. Praesent ipsum neque, condimentum vitae metus eget, mollis efficitur nisi. Phasellus id arcu finibus, condimentum nibh at, rutrum diam.
                           </p>
                        </div>
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="search-box models-text">
                            <div class="form-group">
                                <div class="icon-addon addon-lg">
                                    <input type="search" placeholder="Αναζήτηση" class="form-control search-box-img">
                                </div>
                            </div>
                        </div>
                        </div>
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 models-list ">

                            <div class="grid-container row">
                            {% set model_name = '' %}
                            {% set model_date = '' %}
                            {% for model in models %}
                                    <div class="col-11">
                                        <section class="list-header">
                                            <article>{{ model.model_name }}</article>
                                        </section>
                                        {% for years in model.model_years %}
                                            <section class="list-text">
                                                <article>
                                                    {% if model_name != model.model_name and model_date != years.date%}
                                                        {% if years.has_ads > 0 %}
                                                            <a href="{{ years.url }}" style="font-weight: 600;">{{ years
                                                                .date }}</a>
                                                        {% else %}
                                                            <a href="{{ years.url }}">{{ years.date }}</a>
                                                        {% endif %}
                                                    {% endif %}
                                                </article>
                                            </section>
                                            {% set model_date = years.date %}
                                        {% endfor %}
                                        {% set model_name = model.model_name %}
                                    </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </article>
            <article class="list-ads">
                <div class="container spacing">
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <h3>Latest Ads</h3>
                        </div>
                    </div>
                </div>
                <div class="row bg">
                    <div class="container ads-list">
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="slick-wrapper">
                                    <div id="top-biz">
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                       <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                         <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                         <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                         <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                         <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-item">
                                            <div class="card">
                                                <img class="card-img-top" src="https://res.cloudinary.com/mhmd/image/upload/v1579670052/grid-item-6_apvkno.png" alt="Card image cap">
                                                <div class="card-body">
                                                    <p class="card-text title">BMW RAV 4 (XA20) FRONT DOOR SPEAKER 8616042110</p>
                                                    <p class="card-text sub-title">BMW: 33026502 ,8974A5, 8974S4, 96422203</p>
                                                    <p class="card-text location">
                                                        <span class="pull-left">40,00 € <br> VAT FREE</span>
                                                        <span class="pull-right heart"><img src="{{ '/models/heart.png' }}"></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </article>
        </section>
    </main>
    {{ render(controller('App\\Controller\\Common\\Footer::index')) }}
</div>
</div>
</div>

{% endblock %}