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

@section('style')

@endsection

@section('content')

    <main>
        <div class="bg-gray-lighter">
            <div class="bg-gray-darkest py-8 xl:py-16 relative pb-sepb">
                <div class="the-container relative z-10 breadcrumb-center text-center space-y-4">
                    <!-- คลาส mobile-dc จะมีเฉพาะใน loop รองสุดท้าย-->
                    <div class="brcrmb">
                        <div class="brcrmb-wrrp">
                            <a href="{{ mwz_route('frontend.index') }}">{{ __('frontend.home') }}</a>
                        </div>
                        <div class="brcrmb-wrrp">
                            <div class="tmx-2 mobile-dc"><span class="slh">/ </span>
                                <!-- Mobile Icon-->
                                <a class="chv mobile-dc" href="{{ mwz_route('frontend.news', ['']) }}"><svg
                                        xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 chv" viewBox="0 0 20 20"
                                        fill="currentColor">
                                        <path fill-rule="evenodd"
                                            d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                            clip-rule="evenodd" />
                                    </svg></a>
                            </div>
                            <a class="mobile-dc"
                                href="{{ mwz_route('frontend.news', ['']) }}">{{ __('frontend.new_activity') }}</a>
                        </div>
                        <div class="brcrmb-wrrp active">
                            <div class="tmx-2"><span class="slh">/ </span>
                            </div>
                            <a>
                                {{ !empty($newData['name']) ? $newData['name'] : '' }}
                            </a>
                        </div>
                    </div>
                    <h1 class=" text-2xl md:text-4xl text-white font-bold">{{ $newData['name'] }}</h1>
                    <p class="text-sm text-gray">
                        {{ !empty($newData['publish_at']) ? $newData['publish_at'] : '' }}
                    </p>
                </div>
                <img class="brand-lf brand-detail" src="{{ Module::asset('frontend:img/brand.svg') }}"
                    alt="Alternate Text" />
            </div>
            <div class="pb-sepb-img">
                <div class="the-container text-center">
                    <img class="mx-auto" style="width: 80%" src="{{ convert_image($newData['image'], 4) }}"
                        alt="Alternate Text" />
                </div>
            </div>
            <div class="py-6">
                <div class="the-container">
                    <div class="content-container">
                        <div class="md:px-16 lg:px-24 mx-auto" style="width: 80%">
                            {!! !empty($newData['description']) ? $newData['description'] : '' !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')

    <link rel="stylesheet" href="{{ mix('css/frontend.css') }}">

@endsection