{% extends '@DcSite/Jaguar/base.html.twig' %}
{% block title %}
<title>{{ 'seo.model_lineup.title'|trans({}, 'dc_jaguar') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ 'seo.model_lineup.description'|trans({}, 'dc_jaguar') }}" />
<meta name="keywords" content="{{ 'seo.model_lineup.keywords'|trans({}, 'dc_jaguar') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.model_lineup.title'|trans({}, 'dc_jaguar') }}"/>
<meta property="og:description" content="{{ 'seo.model_lineup.description'|trans({}, 'dc_jaguar') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/loan.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/jaguar/credit.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/credit/credit.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('/bundles/dcsite/css/jaguar/modules/credit.css') }}">
{% endblock %}
{% block content %}
<section class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-12">
<div class="global_breadcrumbs">
<span class="bc_title">
<a href="{{ path('jaguar_homepage') }}">
Jaguar
</a>
</span>
<div class="arrow-bc"></div>
<span class="bc_title">{{ 'car.model_lineup'|trans({}, 'dc_jaguar') }}</span>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 section-title mb-0">
<h1>{{ 'main.price_model_lineup'|trans({}, 'dc_jaguar') }} JAGUAR</h1>
</div>
</div>
</div>
</section>
<section class="model-lineup section-padding" id="ScrollDown">
<div class="container">
<div class="row">
{% for car in cars %}
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
<div class="model-card">
<div class="model-image flexbox-wrapper mb-0">
<div class="car_status_is_new-block">
{% if car.new %}
<span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
{% endif %}
</div>
<a href="{{ path('jaguar_card_car', {'car': car.url}) }}">
<img style="visibility: hidden" width="270px" height="191px" data-src="{{ sonata_path(car.preview, 'small') }}">
</a>
</div>
<div class="card-body">
<a href="{{ path('jaguar_card_car', {'car': car.url}) }}">
<span class="car-name">{{ car.fullName }}</span>
</a>
<span class="car-price d-block mb-3">{{ 'main.from'|trans({}, 'dc_jaguar') }} {{ car.price | price }} {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}</span>
{#<span class="car-title">{{ car.slogan(app.request.locale) }}</span>#}
<a class="link-btn before-arrow" href="{{ path('jaguar_card_car', { 'car': car.url }) }}">{{ 'main.view_car'|trans({}, 'dc_jaguar') }}</a>
{# <a class="link-btn before-arrow" href="{{ path('jaguar_service_consultation', {'carId': car.vehicleId}) }}">{{ 'main.assign_td'|trans({}, 'dc_jaguar') }}</a>#}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% block pageJS %}
<script>
app.onCustomEvent('appInit', function () {
app.loadJs("{{ asset('bundles/dcsite/js/new-credit.js') }}", function () {
initCreditVue({
initUrl: '{{ path('dc_credit_init') }}',
brandUrl: '{{ path('dc_credit_load_brands') }}',
initModelsUrl: '{{ path('car-find-models') }}',
findEquipmentsUrl: '{{ path('car-find-equipments') }}',
programsUrl: '{{ path('dc_credit_programs') }}',
saveUrl: '{{ path('dc_credit_save') }}',
privacyUrl: '{{ privacyUrl }}',
locale: '{{ app.request.locale }}',
dealer: '{{ dealer.id }}'
});
});
});
</script>
{% endblock %}