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

@section('style')

@endsection

@section('content')

    <main>
        <div class="bg-right">
            <div class="bg-asp"> </div>
        </div>
        <div class="bg-left">
            <div class="bg-asp"> </div>
        </div>

        {{--  Section : Banner Slide  --}}
        @if (!empty($data['banner']))
            <div class="banner-container relative mt-[.5rem] lg:mt-7">
                <div class="splide splide-banner-slide">
                    <div class="splide__track">
                        <div class="splide__list">
                            @foreach ($data['banner'] as $banner)
                                <div class="splide__slide">
                                    @if (!empty($banner['image']))
                                        <div class="asp-48b13 default-bg-cover" style="background-image:url({{ asset($banner['image']) }})">
                                    @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                    <ul class="splide__pagination"></ul>
            </div>
        @endif
        <div class="container pt-[1.5rem] lg:pt-8">
            <div class="lg:space-y-8">
                <div class="text th-6 fs-30 flex items-baseline justify-center flex-wrap space-x-3">
                    {!! !empty($data['about']['content']) ? $data['about']['content'] : "" !!}
                </div>
                <div class="text-center">
                    <a href="{{!empty($data['url_about']['url'][$page_init['lang']]) ? $data['url_about']['url'][$page_init['lang']] : '' }}">
                        <button class="text fs-12 th-6 bg-1st rounded-xl px-3 py-2 text-whiten text-center uppercase full-url" type="button" style="width:200px; height:42px">@lang('frontend::lang.view_more')</button>
                    </a>
                </div>
            </div>
            <div class="flex -mx-3 flex-wrap items-stretch justify-center tn:justify-start pt-6 lg:pt-12">
                <div class="p-[.75rem] w-full hidden items-center justify-center lg:flex">
                    <p class="uppercase fs-24 text">@lang('frontend::lang.index_1')</p>
                </div>
                <div class="p-[.75rem] w-10/12 tn:w-1/2 sm:w-1/3 lg:w-1/5 flex items-center justify-center lg:hidden">
                    <p class="uppercase fs-24 text">@lang('frontend::lang.index_1')</p>
                </div>
                @if (!empty($data['category']))
                    @foreach ($data['category'] as $category)
                        <div class="p-[.75rem] w-10/12 tn:w-1/2 sm:w-1/3 lg:w-1/5">
                            <div class="ctc full-url">
                                <div class="img-wrapper">
                                    @if (!empty($category['image']))
                                        <div class="asp-1b1">
                                            <img src="{{ asset($category['image']) }}" alt="Alternate Text" />
                                        </div>  
                                    @endif
                                </div>
                                <p class="uppercase text fs-12 th-6">{{ !empty($category['name']) ? $category['name'] : '' }}</p>
                                <a href="{{ !empty($category['url']) ? $category['url'] : "" }}"></a>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="flex -mx-3 flex-wrap pt-6 lg:pt-12">
                <div class="p-[.75rem] w-full text-center">
                    <p class="uppercase fs-24 text">@lang('frontend::lang.index_2')</p>
                </div>
                @if (!empty($data['news_index']))
                    @foreach ($data['news_index'] as $news)
                        <div class="p-[.75rem] w-full tn:w-1/2 lg:w-1/4">
                            <div class="pst full-url">
                                @if (!empty($news['image']))
                                    <img src="{{ asset($news['image']) }}" alt="Alternate Text" />
                                @endif
                                <a href="{{  !empty($news['url']) ? $news['url'] : "" }}"></a>
                            </div>
                        </div>  
                    @endforeach
                @endif
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection