title = "Services"
url = "/services"
layout = "default"
is_hidden = 0

[viewBag]
localeUrl[id] = "/services"
==
<?php
use Siswo\Brands\Models\Service;

function onStart() {
    $this['services'] = Service::with('brands')->where('enabled', true)->get();
}
?>
==
{% content 'services/header' %}

{% for service in services %}
<section class="services-page">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="section-title">
                                <h3>{{service.name}}</h3>
                                <h2>{{service.introduction |striptags }}</h2>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="section-title mt-4">
                                    {{service.description | raw}}
                            </div>
                        </div>
                    </div>
                    {% if service.brands %}
                    <div class="row">
                        <div class="col-md-12">
                            <div class="owl-carousel news-slider">
                                {% for brand in service.brands %}
                                <div class="item">
                                    <div class="fs-card-2">
                                        <figure class="ratio ratio-1">
                                            <a href="/case-studies/{{brand.slug}}"><img src="{{brand.images[0].getPath()}}" alt="{{brand.name}}"></a>
                                        </figure>
                                        <div class="text">
                                            <h3><a href="/case-studies/{{brand.slug}}">{{brand.name}}</a></h3>
                                        </div>
                                    </div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                    {% endif %}
                </div>
            </section>
{% endfor %}