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

    @livewire('frontend::page-title', ['breadcrumbs' => $breadcrumb,'bgImage' => Module::asset('frontend:images/bg-title-subpage.jpg') ,'title' => $breadcrumb[0]['name'] ?? ''])

    <!-- News Detail Section -->
    <section class="sect-news-detail">
        <div class="container">
            <div class="row">

                <!-- Main Content -->
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <article class="news-article">
                        <!-- Article Header -->
                        <header class="article-header">
                            <h1 class="article-title m-b-10">{!! $article['name'] ?? '' !!}</h1>
                            
                            <div class="article-meta">
                                <span class="article-date"><i class="icon-calendar"></i> {{ str_date($article['publish_at'],"d M Y") }}</span>
                            </div>
                        </header>

                        <!-- Featured Image -->
                        <div class="article-featured-image">
                            <img class="img-responsive" style="height: 500px; object-fit: cover;" src="{{ asset($article['image'] ?? '') }}" alt="...">
                        </div>

                        <!-- Article Content -->
                        <div class="article-content">
                            {!! $article['detail'] ?? '' !!}
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>
@endsection