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

@section('content')
    @php
        $breadcrumbs = [
            [
                'title' => $menu_index['name'] ?? '',
                'url' => $menu_index['url'] ?? 'javascript:void(0)',
            ],
            [
                'title' => $menu_news['name'] ?? '',
                'url' => $menu_news['url'] ?? 'javascript:void(0)',
            ],
            [
                'title' => $news['name'] ?? '',
                'url' => $news['url'] ?? 'javascript:void(0)',
            ],
        ];
    @endphp
    <x-frontend::section.breadcrumb :breadcrumbs="$breadcrumbs" />
    <section class="sect-news-detail">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <article class="news-article">
                        <header class="article-header text-center">
                            <h1 class="article-title m-b-10">{{ $news['name'] ?? '' }}</h1>
                            <p class="article-subtitle">{{ $news['desc'] ?? '' }}</p>
                            <div class="article-meta">
                                <span class="article-date">
                                    <i class="icon-calendar"></i>
                                    {{ $news['publish_at'] ?? '' }}
                                </span>
                            </div>
                        </header>
                        @if (!empty($news['image']))
                            <div class="article-featured-image">
                                <img class="img-responsive" src="{{ $news['image'] ?? '' }}" alt="{{ $news['name'] ?? '' }}">
                            </div>
                        @endif
                        <div class="article-content">
                            {!! $news['detail'] ?? '' !!}
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>
@endsection