<div class="app-product-details col col-12">
    <article class="listing extended">
        <div class="row">
            <div class="col-12 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                <a href="{{ url }}" class="container-image">
                    <img src="{{ listing_image }}">
                </a>
            </div>
            <div class="col-12 col-xl-7 col-lg-7 col-md-7 col-sm-12">
                <div class="row">
                    <div class="col-12">
                        <section>
                            <article>
                                <aside><a href="{{ url }}"><h3 style="font-weight: bold">{{ part_title }}</h3></a> </aside>
                                <aside>
                                    <span class="pull-left">
                                    {{ make_title }} {{ model_name }}
                                    </span>&nbsp;<br>
                                    <span class="pull-left">
                                        {{ model_year }}, {{ cc_title }}, {{ fuel_title }}
                                    </span>
                                </aside>
                                <aside class="margin-top">
                                    <span class="pull-left float-left">
                                    <img width="14" height="14" src="{{ asset('listing/code.png') }}">
                                    {% if parts_numbers and parts_numbers != ''%}
                                        <span>Part</span>&nbsp;
                                        <span>number : {{ parts_numbers }}
                                        </span>&nbsp;
                                        {% endif %}
                                    </span>
                                </aside>
                                <aside class="margin-top">
                                    <span class="pull-right">
                                    <span> <i class="fa fa-star rate rated"></i> </span>
                                    <span> <i class="fa fa-star rate rated"></i> </span>
                                    <span> <i class="fa fa-star rate rated"></i> </span>
                                    <span> <i class="fa fa-star rate"></i> </span>
                                    <span> <i class="fa fa-star rate"></i> </span>
                                    </span>
                                    <span class="pull-left"> <br><a href="{{ merchant_url }}">{{ company }}</a>{{ city }}</span>
                                    <span class="pull-right"> <i class="fa fa-heart rate-2 rated" part_code="{{part_code }}" style="cursor:pointer;" id="favorite"></i>
                                    </span>
                                </aside>
                            </article>
                        </section>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-2 col-lg-2 col-md-2 col-sm-12">
                <section class="pricing">
                    <article>
                        <aside class="list-price height-50">
                            <article>
                                <aside> Price :</aside>
                                <aside style="font-weight: bold; font-size: 15pt">{{ price|number_format(2, ',', '.')}} &euro;</aside>
                                <aside style="font-size: 10pt">{{ price_with_vat|number_format(2, ',', '.') }} &euro;
                                    <span style="font-size:12px;">(incl. Vat)</span></aside>
                            </article>
                        </aside>
                    </article>
                </section>
            </div>

        </div>
    </article>
</div>