@extends('frontend::layouts.master')
@section('content')
<section id="" class="breadcrumb">
    {{-- <div class="container"> --}}
        <x-frontend::breadcrumb.default :items="$breadcrumbs" />
    {{-- </div> --}}
</section>
        <!-- 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 text-center">
                                <h1 class="article-title m-b-10">{!! $dt['name'] ?? '' !!}</h1>
                                <p class="article-subtitle">{!! $dt['desc'] ?? '' !!}</p>
                                <div class="article-meta">
                                    <span class="article-date"><i class="icon-calendar"></i> {!! $dt['publish_at'] ?? '' !!}</span>
                                </div>
                            </header>

                            <!-- Featured Image -->
                            <div class="article-featured-image">
                                <img src="{{ $dt['image'] ?? '' }}" alt="{!! $dt['name'] ?? '' !!}" class="img-responsive">
                            </div>

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