<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
    {% include "theme::partials/metadata" %}
    {{ asset_add("serviceCenter.css", "theme::css/scroll.css") }}
    {{ asset_style("serviceCenter.css", ["min"]) }}

    <link rel="stylesheet" media="screen and (min-device-width: 320px) and (max-device-width: 860px)" href="{{ asset_url("theme::css/hamburgers.css") }}">
</head>
<body>

{% include "theme::partials/navigation" %}

{% set banner = entries('service_support', 'banners').where('id', 1).first() %}
<section class="grid-container full columns">
	<section class="cell studio-event storeBanner fujiInspiring no-padding columns">
        <section class="grid-x">
           <div class="specialBanner bannerStore nopaci heightMid columns small-12 cell">
              <img src="{{ image(banner.image.cropped()).fit(1366, 259).url() }}" alt=""/><!-- 1366 × 352 -->

              <div class="caption">
                 <div class="sizeCenterElm">
                    <div class="boxSize">
                       <h1 class="titleCaption">
                          {{ banner.title }}
                       </h1>
                       <span class="titlefeature">
                           {{ banner.short_description }}
                       </span>
                    </div>
                 </div>
              </div>
           </div><!-- END specialBanner // satu Banner Besar -->
        </section>
    </section>
    <section class="grid-x">

        <section class="storeLocator cell">
            <div class="grid-x">
                <div class="small-12 cell storeLeftBlock serviceList">
                  <ul>
                    {% for service in entries('service_support', 'service_center').where('is_enabled', true).get() %}
                    <li>
                      <h3>{{ service.name}}</h3>
                      <span class="address" style="height: 95px;">
                        {{ service.address }}
                      </span>
                      <span class="address" style="height: 90px;">
                        <strong>{{ trans("theme::service-center.Phone")}}</strong> <br>
                        {{ service.phone|raw }} <br>
                        <strong>{{ trans("theme::service-center.Fax")}}</strong> <br>
                        {{ service.fax }} <br>
                      </span>
                      <span class="address">
                        <strong>{{ trans("theme::service-center.operational-hour")}}</strong> <br>
                            {{ service.operational_day|raw }} <br>
                            {{ service.operational_hour }}
                      </span>
                    </li>
                    {% endfor %}

                  </ul>
                  <span class="address addressAdaEmail" style="display: table;width: 100%;padding: 1em 2em;">
                    <strong>{{ trans('theme::service-center.email_us') }}</strong> <br>
                    <strong><a href="mailto:ffid.support@fujifilm.com">ffid.support@fujifilm.com</a></strong>
                    <strong><a href="wa.me/628118126266">Whatsapp Service Center 0811-8126-266</a></strong>
                  </span>


                </div>

            </div>
        </section><!-- END homeNewsEvent -->

    </section>
</section>

{% include "theme::partials/footer" %}
{% include "theme::partials/scripts" %}

<script type="text/javascript">
    global();
</script>

</body>
</html>
