<section class="ct-container" style="background-image: url({{ block.background }})">
<div class="ct-content-container d-flex flex-column align-content-center bg-transparent">
<div class="container justify-content-center">
<div class="ct-title d-flex justify-content-center" data-aos="fade-down" data-aos-delay="500"><span>{{ block.title }}</span>
</div>
{% set hotline = getSettingValueByKey('hotline') %}
<button class="ct-phone" onclick="location.href='tel:{{ hotline | replace({" ":""}) }}';" data-aos="fade-down"
data-aos-delay="700">
<div class="article-button"><img loading="lazy" src="{{ asset('themes/ismart') }}/img/contact/phone.png" alt="">
<span>{{ hotline }}</span></div>
</button>
<div class="ct-content d-flex flex-lg-row flex-column gap-20px" data-aos="fade-down"
data-aos-delay="500">
<div class="ct-content-address d-flex flex-column">
{% set types = branch['type'] %}
{% for type in types %}
{% set items = getBranchByType(type) %}
<div class="address-list">
<div class="address-list-title"><span>{{ type | trans }}</span></div>
{% for itm in items %}
<div class="address-list-items d-flex flex-column gap-3">
<div class="list-item d-flex flex-column gap-1"><span class="city">{{ itm.title }}</span>
<span class="name">{{ "Địa chỉ" | trans }}: <span class="address">{{ itm.address | raw }}</span></span>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
{{ include('themes/ismart/part/contact-form.html.twig',{customClass: 'ct-content-form','frmTitle': block.subTitle }) }}
</div>
</div>
</div>
</section>