@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 gasSale-page">
            <div class="container">
                {!! $article['detail'] !!}
            </div>
        </section>
    @endif
    @if (!empty($list[0]))
        <section>
            <ul class="list list-category">
                @foreach ($list as $item)
                    <li class="category-group">
                        <div class="container">
                            <div class="category-info">
                                @if (!empty($item['categories'][0]['name']))
                                    <h2 class="htitle">
                                        {{ $item['categories'][0]['name'] ?? '' }}
                                    </h2>
                                @endif
                                <h2 class="htitle">
                                    {{ $item['name'] ?? '' }}
                                </h2>
                                {!! $item['detail'] ?? '' !!}
                                @if (!empty($item['files'][0]))
                                    <p class="border-top m-t-20 p-t-10 m-b-10">{{ __('frontend::lang.label.download_document') }}</p>
                                    @foreach ($item['files'] as $file)
                                        <a class="btn link-download-pdf" href="{{ asset($file['image'] ?? '') }}" target="_blank">
                                            {{ $file['name'] ?? '' }}
                                        </a>
                                    @endforeach
                                @endif
                            </div>
                            @if (!empty($item['gallery'][0]))
                                <div class="category-image">
                                    <div class="carousel" data-items="1" data-autoplay="2000">
                                        @foreach ($item['gallery'] as $gallery)
                                            <div class="text-center">
                                                <img src="{{ asset($gallery['image']) }}" alt="{{ $gallery['name'] ?? '' }}">
                                                <p class="m-t-10">{{ $gallery['name'] ?? '' }}</p>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    </li>
                @endforeach
            </ul>
        </section>
    @endif
@endsection