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

@section('title')

@section('style')

@endsection

@section('content')

    @if (!empty($data['banner']))
        <div class="head-banner {{ (count($data['banner']) > 1 ? 'carousel' : "") }} " data-dots="true" data-items="1" data-arrow="false" data-autoplay="true"
            data-loop="true">
            @foreach ($data['banner'] as $banner)
                <div class="slide">
                    <a target="_blank" href="{{ !empty($banner['link']) ? $banner['link'] : '#' }}">
                        @if ($banner['type'] == 1)
                            @if (!empty($banner['image']))
                                <img class='w-100' src="{{ asset($banner['image']) }}">
                            @endif
                        @endif
                        @if ($banner['type'] == 2)
                            @if (!empty($banner['video_url']))
                                {!!   !empty($banner['video_url']) ? $banner['video_url'] : ''  !!}
                            @endif
                        @endif
                    </a>
                </div>
            @endforeach
        </div>
    @endif


    <!-- About Us -->
    @if (!empty($data['about']))
        <section class="aboutus">
            <div class="container">
                {!! !empty($data['about']['description']) ? $data['about']['description'] : '' !!}
                <a class="btn-m" href="{{ mwz_route('frontend.about') }}">@lang('frontend::lang.see_more')</a>
            </div>
        </section>
    @endif

    <!-- /About Us -->
    <!-- About Banner Slide -->
    @if (!empty($data['company']))
        <section class="sec-slide aboutus-slide">
            <div class="container">
                <div class="head-banner  carousel" data-dots="false" data-items="1" data-arrow="false" data-autoplay="true"
                    data-loop="true">
                    @foreach ($data['company'] as $item_company)
                        <div class="slide fade">
                            <a target="_blank" href="{{ !empty($item_company['link']) ? $item_company['link'] : '' }}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="ab-slide-detail-area">
                                            <div class="h-top-title">
                                                <h1>{{ !empty($item_company['name']) ? $item_company['name'] : '' }}</h1>
                                                <p>{{ !empty($item_company['description']) ? $item_company['description'] : '' }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="ab-silde-img">
                                            @if (!empty($item_company['image']))
                                                <img src="{{ asset($item_company['image']) }}" style="width:100%">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    <!-- About Banner Slide -->

    <!-- Sec Banner  -->
    @if (!empty($data['banner_partner']))
        @foreach ($data['banner_partner'] as $item)
            <section class="show-banner">
                <div class="container">
                    <div class="h-top-title text-center">
                        <h1>{{ !empty($item['name']) ? $item['name'] : '' }}</h1>
                        <p>{{ !empty($item['description']) ? $item['description'] : '' }}</p>
                    </div>
                </div>
                <div class="img-banner">
                    <div class="container">
                        <a href="{{ !empty($item['link']) ? $item['link'] : '' }}">
                            @if (!empty($item['image']))
                                <img class="w-100" src="{{ asset($item['image']) }}">
                            @endif
                        </a>
                    </div>
                </div>
            </section>
        @endforeach
    @endif

    <!-- /Sec Banner  -->
    @if (!empty($data['banner_product']))
        <section class="sec-slide reccommend-slide">
            <div class="container">
                @if (count($data['banner_product']) > 1)
                    <div class="head-banner  carousel" data-dots="false" data-items="1" data-arrow="false"
                        data-autoplay="true" data-loop="true">
                @endif
                @foreach ($data['banner_product'] as $banner_product)
                    @if (count($data['banner_product']) > 1)
                        <div class="slide fade">
                    @endif
                    {{-- @dump($banner_product) --}}
                    <a target="_blank" href="{{ !empty($banner_product['link']) ? $banner_product['link'] : '' }}">
                        <div class="row">
                            <div class="col-md-6">
                                @if ($banner_product['type'] == 1)
                                    <div class="ab-silde-img">
                                        <img src="{{ asset($banner_product['image']) }}" style="width:100%">
                                    </div>
                                @endif
                                @if ($banner_product['type'] == 2)
                                    <div class="vdo">
                                        {!! !empty($banner_product['video_url']) ? $banner_product['video_url'] : '' !!}
                                    </div>
                                @endif

                            </div>
                            <div class="col-md-6">
                                <div class="ab-slide-detail-area">
                                    <div class="h-top-title">
                                        <h1>{{ !empty($banner_product['name']) ? $banner_product['name'] : '' }}
                                        </h1>
                                    </div>
                                    <h4>{{ !empty($banner_product['description']) ? $banner_product['description'] : '' }}</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    @if (count($data['banner_product']) > 1)
            </div>
    @endif
    @endforeach
    @if (count($data['banner_product']) > 1)
        </div>
    @endif
    </div>
    </section>
    @endif

    @if (!empty($data['product']))
        <section class="pd-img-slide">
            @if (count($data['product']) > 1)
                <div class="carousel" data-dots="true" data-items="1" data-items-xxs="1" data data-arrow="false"
                    data-autoplay="true" data-loop="true">
            @endif
            @foreach ($data['product'] as $item)
                @if (count($data['product']) > 1)
                    <div class="slide">
                @endif
                <div class="c-l row m-0">
                    <div class="col-md-4">
                        @foreach ($item as $kk => $vv)
                            @if (in_array($kk, [0]))
                                <div class="img-pd-slide">
                                    <a href="{{ !empty($vv['link']) ? $vv['link'] : '' }}">
                                        @if (!empty($vv['image']))
                                            <img src="{{ asset($vv['image']) }}" style="width:100%">
                                        @endif
                                    </a>
                                </div>
                            @endif
                        @endforeach
                    </div>
                    <div class="c-c col-md-4">
                        <div class="row m-0">
                            @foreach ($item as $kk => $vv)
                                @if (in_array($kk, [1, 2, 3, 4]))
                                    <div class="col-md-6 p-t-0">
                                        <div class="img-pd-slide">
                                            <a href="{{ !empty($vv['link']) ? $vv['link'] : '' }}">
                                                @if (!empty($vv['image']))
                                                    <img src="{{ asset($vv['image']) }}" style="width:100%">
                                                @endif
                                            </a>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="c-r col-md-4">
                        @foreach ($item as $kk => $vv)
                            @if (in_array($kk, [5]))
                                <div class="img-pd-slide">
                                    <a href="{{ !empty($vv['link']) ? $vv['link'] : '' }}">
                                        <img src="{{ asset($vv['image']) }}" style="width:100%">
                                    </a>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
                @if (count($data['product']) > 1)
                    </div>
                @endif
            @endforeach
            @if (count($data['product']) > 1)
                </div>
            @endif
        </section>
    @endif


    @if (!empty($data['brand_category']))
        <section class="category">
            <div class="container">
                <div class="h-top-title text-center">
                    <h2>@lang('frontend::lang.home_info_1') <br> @lang('frontend::lang.home_info_2')</h2>
                </div>
                <div class="carousel" data-dots="true" data-items="6" data-items-xxs="2" data-items-sm="3"
                    data-arrow="false" data-autoplay="true" data-loop="true">
                    @foreach ($data['brand_category'] as $item_category)
                        <div class="slide">
                            <a href="{{ !empty($item_category['url']) ? $item_category['url'] : '' }}">
                                @if (!empty($item_category['image']))
                                    <img src="{{ asset($item_category['image']) }}">
                                @endif

                                <div class="detail">
                                    <h5>{{ !empty($item_category['name']) ? $item_category['name'] : '' }}</h5>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>

                <a class="btn-m" href="{{ mwz_route('frontend.brand') }}">@lang('frontend::lang.see_more')</a>
            </div>

        </section>
    @endif

    {{-- $data['banner_partner_brand'] --}}
    @if (!empty($data['pic_brand']))
        <section class="partner">
            <div class="container">
                <div class="h-top-title text-center">
                    <h2>@lang('frontend::lang.who')</h2>
                </div>
                {{-- @foreach ($data['banner_partner_brand'] as $banner_partner_brand) --}}
                <div class="h-top-title text-center">
                    <h2>{{ !empty($data['pic_brand']['name']) ? $data['pic_brand']['name'] : '' }}</h2>
                </div>
                @if ($data['pic_brand']['type'] == 1)
                    <img class="w-100" src="{{ asset($data['pic_brand']['image']) }}">
                @endif
                @if ($data['pic_brand']['type'] == 2)
                    {!! !empty($data['pic_brand']['video_url']) ? $data['pic_brand']['video_url'] : '' !!}
                @endif
                {{-- @endforeach --}}
                <a class="btn-m" href="{{ mwz_route('frontend.brand') }}">@lang('frontend::lang.see_more')</a>
            </div>
        </section>
    @endif


    <section class="cards">
        <div class="container">
            <div class="row p-0">
                @if (!empty($data['partner_with_us']))
                    <div class="c-card c-l col-md-6 m-0">
                        <div class="d-flex inner">
                            <div class="h-left">
                                <div class="trans-rota">
                                    <h2>{{ !empty($data['partner_with_us']['name']) ? $data['partner_with_us']['name'] : '' }}
                                    </h2>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="inner p-50">
                                    <div class="h-top-title">
                                        <h2> {{ !empty($data['partner_with_us']['name_detail']) ? $data['partner_with_us']['name_detail'] : '' }}
                                        </h2>
                                    </div>
                                    <p>{{ !empty($data['partner_with_us']['detail']) ? $data['partner_with_us']['detail'] : '' }}
                                    </p>
                                    <a class="btn-m" href="{{ mwz_route('frontend.build') }}">@lang('frontend::lang.home_info_3')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if (!empty($data['work_with_us']))
                    <div class="c-card c-r col-md-6 m-0">
                        <div class="d-flex inner">
                            <div class="h-left">
                                <div class="trans-rota">
                                    <h2>{{ !empty($data['work_with_us']['name']) ? $data['work_with_us']['name'] : '' }}
                                    </h2>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="inner p-50">
                                    <div class="h-top-title">
                                        <h2>{{ !empty($data['work_with_us']['name_detail']) ? $data['work_with_us']['name_detail'] : '' }}
                                        </h2>
                                    </div>
                                    <p>{{ !empty($data['work_with_us']['detail']) ? $data['work_with_us']['detail'] : '' }}
                                    </p>

                                    <a class="btn-m" href="{{ mwz_route('frontend.job') }}">@lang('frontend::lang.home_info_3')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </section>

    @if (!empty($data['csr']['data']))
        <section class="sec-slide csr-act">
            <div class="container">
                <div class="h-top-title text-center m-b-80">
                    <h2>@lang('frontend::lang.csr')</h2>
                </div>
                <div class="row m-0">
                    @foreach ($data['csr']['data'] as $kk => $csr)
                        @if ($kk == 0)
                            <div class="col-md-6">
                                <div class="item">
                                    <a href="{{ mwz_route('frontend.csr_detail', [$csr['slug_name']]) }}">

                                        @if (!empty($csr['image']))
                                            <img class="w-100" src="{{ asset($csr['image']) }}">
                                        @endif

                                        <div class="detail">
                                            <p class="date">
                                                {{ !empty($csr['publish_at']) ? date_Formate($csr['publish_at']) : '' }}
                                            </p>
                                            <h3>{{ !empty($csr['name']) ? $csr['name'] : '' }}</h3>
                                            <p>{{ !empty($csr['detail']) ? $csr['detail'] : '' }}</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endif
                    @endforeach

                    <div class="col-md-6">
                        <div class="carousel" data-dots="false" data-items="1" data-arrow="false" data-autoplay="true"
                            data-loop="true">
                            @foreach ($data['csr']['data'] as $k => $csr)
                                @if ($k > 0)
                                    <div class="slide">
                                        <a href="{{ mwz_route('frontend.csr_detail', [$csr['slug_name']]) }}">
                                            <div class="img">
                                                @if (!empty($csr['image']))
                                                    <img class="w-100" src="{{ asset($csr['image']) }}">
                                                @endif
                                            </div>
                                            <div class="detail">
                                                <p class="date">
                                                    {{ !empty($csr['publish_at']) ? date_Formate($csr['publish_at']) : '' }}
                                                </p>
                                                <h3>{{ !empty($csr['name']) ? $csr['name'] : '' }}</h3>
                                                <p>{{ !empty($csr['detail']) ? $csr['detail'] : '' }}</p>
                                            </div>
                                        </a>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    @if (!empty($data['about']['about_description']))
        <div class="col-12">
            <section class="present">
                <div class="container">
                    <div class="row">
                        {!! !empty($data['about']['about_description']) ? $data['about']['about_description'] : '' !!}

                    </div>
                </div>
            </section>
        </div>
    @endif


    @if (!empty($data['news']['data']))
        <section class="news-event">
            <div class="container">
                <div class="h-top-title text-center m-b-80">
                    <h2>@lang('frontend::lang.news_info_2')</h2>
                </div>
                @foreach ($data['news']['data'] as $kid => $news)
                    @if ($kid == 0)
                        <div class="news-large row p-5">
                            <a href="{{ mwz_route('frontend.news_detail', [$news['slug_name']]) }}">
                                <div class="col-md-6">
                                    <div class="img">
                                        @if (!empty($news['image']))
                                            <img class="w-100" src="{{ asset($news['image']) }}">
                                        @endif

                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="detail">
                                        <div class="inner p-50">
                                            <p class="date">
                                                {{ !empty($news['publish_at']) ? date_Formate($news['publish_at']) : '' }}
                                            </p>
                                            <h3>{{ !empty($news['name']) ? $news['name'] : '' }}</h3>
                                            <p>{{ !empty($news['detail']) ? $news['detail'] : '' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endif
                @endforeach


                <div class="carousel" data-dots="true" data-items="3" data-arrow="false" data-autoplay="true"
                    data-loop="true">
                    @foreach ($data['news']['data'] as $kid => $news)
                        @if ($kid > 0)
                            <div class="slide">
                                <a href="{{ mwz_route('frontend.news_detail', [$news['slug_name']]) }}">
                                    <div class="img">
                                        @if (!empty($news['image']))
                                            <img class="w-100" src="{{ asset($news['image']) }}">
                                        @endif
                                    </div>
                                    <div class="detail">
                                        <p class="date">
                                            {{ !empty($news['publish_at']) ? date_Formate($news['publish_at']) : '' }}</p>
                                        <h3>{{ !empty($news['name']) ? $news['name'] : '' }}</h3>
                                        <p>{{ !empty($news['detail']) ? $news['detail'] : '' }}</p>
                                    </div>
                                </a>
                            </div>
                        @endif
                    @endforeach
                </div>

                <a class="btn-m" href="{{ mwz_route('frontend.news') }}">@lang('frontend::lang.see_more')</a>
            </div>
        </section>
    @endif


@endsection

@section('script')

@endsection