{% extends '@DcSite/Subaru/base.html.twig' %}
{% block seo %}
<meta name="description" content="{{ 'base.seo.price_list.desc'|trans({}, 'dc_subaru') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'base.seo.price_list.title'|trans({}, 'dc_subaru') }}"/>
<meta property="og:description" content="{{ 'base.seo.price_list.desc'|trans({}, 'dc_subaru') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/subaru/finance.css') }}">
{% endblock %}
{% block content %}
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('subaru_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Subaru</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'base.seo.price_list.title'|trans({}, 'dc_subaru') }}</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<section class="landing-padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<h1 class="section_head-title">{{ 'base.seo.price_list.title'|trans({}, 'dc_subaru') }}</h1>
<p>{{ 'base.seo.price_list.site_desc'|trans({}, 'dc_subaru') }}</p>
</div>
<div class="col-md-10 text-center">
<p class="mb-10">{{ 'base.seo.price_list.site_desc_last'|trans({}, 'dc_subaru') }}</p>
</div>
</div>
</div>
</section>
<section class="landing-padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-8 col-xl-6">
<div class="accordion assistance_accordion " id="accordionExample">
{% for car in cars %}
<div class="card">
<div class="card-header" id="headingOne">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span class="brosure_item-img">
<img src="{{ sonata_path(car.car.preview, 'reference') }}" alt="{{ car.car.model }}">
</span>
{{ car.car.model }}
</button>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body pb-3">
{% for file in car.files %}
<div class="brosure_item">
<span class="brosure_item-title">{{ file.title }}</span>
<a href="{{ file.href }}" target="_blank" class="brosure_item-link">{{ 'base.seo.price_list.download'|trans({}, 'dc_subaru') }}</a>
</div>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endblock %}