@extends('frontend::layouts.master')

@section('content')
    @if (!empty($banners[0]))
        <div class="carousel" id="slider" data-items="1" data-autoplay="2000">
            @foreach ($banners as $b)
                @if ($b['type'] == 'image')
                    <div class="slide">
                        @if (!empty($b['url']))
                            <a href="{{ $b['url'] }}" target="_blank">
                        @endif
                        <img src="{{ $b['src'] ?? '' }}" alt="{{ $b['name'] ?? '' }}">
                        @if (!empty($b['url']))
                            </a>
                        @endif
                    </div>
                @elseif ($b['type'] == 'youtube')
                    <div class="slide">
                        <iframe src="https://www.youtube.com/embed/{{ $b['src'] }}?si=YvQC-mg50KChYMEP" title="{{ $b['name'] ?? '' }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                @endif
            @endforeach
        </div>
    @endif
    @if (!empty($article['detail']))
        <section class="section about-titlepage gasEngineering-page">
            <div class="container">
                {!! $article['detail'] !!}
            </div>
        </section>
    @endif
    <section class="gasEngineering-page-content">
        <div class="container">
            @if (!empty($list[0]))
                <div class="row">
                    @foreach ($list as $item)
                        <div class="col-xs-12 col-sm-12 col-md-6 gasEngineering-item">
                            <div class="inner card">
                                <h2 class="htitle">{{ $item['name'] ?? '' }}</h2>
                                @if (!empty($item['gallery'][0]))
                                    <div class="category-image">
                                        <div class="carousel dots-inside" data-items="1" data-autoplay="2000">
                                            @foreach ($item['gallery'] as $image)
                                                <img src="{{ asset($image['image'] ?? '') }}" alt="{{ $image['name'] ?? '' }}">
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                                @if (!empty($item['detail']))
                                    <div class="desc">
                                        {!! $item['detail'] !!}
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
            <div class="col-xs-12 col-sm-12 col-md-12 text-center m-t-40">
                <a class="btn" href="{{ $link_contact['url'] ?? 'javascript:void(0)' }}">
                    {{ __('frontend::lang.btn.maintanance_request') }}
                </a>
            </div>
        </div>
    </section>
@endsection