{% 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 class="favorite">
                        <div 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">
                                        <div class="col-12">
                                            <h1>FAVORITE</h1>
                                        </div>
                                        <div class="col-12">
                                            <h2>
                                                <i class="fa fa-home color-grey"></i>
                                                <span class="color-grey">&nbsp; &bull; &nbsp;
                                    Favorite
                                </span>
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-section"  >
                                <div class="container ">
                                    <div class="favorite-title-block favorite-title bg-white mb30">
                                        <div class="row">
                                            <div class="">
                                                <section>
                                                    <article class="listing-detail-mail-title ">
                                                        <i class="fa fa-heart color-black"></i>
                                                        <span>FAVORITE PARTS</span>
                                                    </article>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                    {% if ads is not empty %}
                                        <div class="col-12" id="ads_results">
                                            {% for ad in ads %}
                                                {% include 'front/favorite_card.twig' with {'assets': assets,
                                                    'part_title': ad.part_title,'part_code': ad.code,
                                                    'url':ad.url,'listing_image' : ad.listing_image,
                                                    'parts_numbers': ad.numbers,'count_images': ad
                                                    .count_images,'model_year': ad.model_year,
                                                    'make_title': ad.make_title,'model_name':ad
                                                    .model_name,'merchant_url' :ad.merchant_url,'city_title': ad
                                                    .city_title,'company':ad.company,'phone':ad.phone,
                                                    'fuel_title': ad.fuel_title,
                                                    'city': ad.city_title,'enquire':lbl_enquire,
                                                    'cc_title':ad.cc_title, 'show_phone':lbl_show_phone,
                                                    'price':ad.price,'price_with_vat':ad.price_with_vat}
                                                %}
                                            {% endfor %}
                                        </div>
                                        <div class="col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                            <section class="listing-pagination">
                                                <article>
                                                    <ul class="pagination pull-right">
                                                        {% if pageno <= 1 %}
                                                    <li class="page-item disabled="disabled">
                                                        <a class="page-link" href="#" tabindex="-1"><span aria-hidden="true">&laquo;</span><span class="sr-only">{{ lbl_previous }}</span></a>

                                                    {% else %}
                                                        <li class="page-item">
                                                            <a class="page-link" href="{{
                                                            pagination_url }}&page={{ pageno - 1 }}" tabindex="-1">
                                                                <span aria-hidden="true">&laquo;</span>
                                                                <span class="sr-only">{{ lbl_previous }}</span>
                                                            </a>
                                                            {% endif %}

                                                        </li>
                                                        {% for i in 1..total_pages %}
                                                            {% if pageno == i %}
                                                                <li class="page-item active">
                                                            {% else %}
                                                                <li class="page-item">
                                                            {% endif %}
                                                            <a class="page-link" href="{{ pagination_url }}&page={{ i }}">
                                                                {{ i }}
                                                            </a>
                                                            </li>
                                                        {% endfor %}
                                                        <li class="page-item">
                                                            {% if pageno >= total_pages %}
                                                                <a class="page-link" disabled="disabled">
                                                                    <span aria-hidden="true">&raquo;</span>
                                                                    <span class="sr-only">{{ lbl_next }}</span>
                                                                </a>
                                                            {% else %}
                                                                <a class="page-link" href="{{ pagination_url }}&page={{ pageno + 1 }}"><span aria-hidden="true">&raquo;</span><span class="sr-only">{{ lbl_next }}</span></a>
                                                            {% endif %}
                                                        </li>
                                                    </ul>
                                                </article>
                                            </section>
                                        </div>
                                    {% else %}
                                        {{ lbl_no_results }}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </main>

                    <!-- end body -->

                    <script type="application/javascript">
                        $(document).ready(function(){

                            $('.no-bg button').click(function(){
                                $(this).fadeOut(500).promise().done(function() {
                                        $('#merchant_phone').fadeIn(500);
                                    }
                                );
                            })
                        })
                    </script>

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