@extends('frontend::layouts.master')
@section('content')
    <x-frontend::herobanner type="news" />

    {{-- Page Title --}}
    <x-frontend::breadcrumb :items="$breadcrumb" current="{{ end($breadcrumb)['name'] ?? '' }}" />

    {{-- Article Detail --}}
    <section class="section sect-article-detail">
        <div class="container">
            <div class="article-detail">
                <header class="article-detail__head">

                    <h1 class="article-detail__title">{!! $article['name'] ?? '' !!}</h1>
                    <ul class="article-card__meta article-detail__meta">
                        <li><i class="fa fa-calendar-alt"></i> {{ $article['publish_at'] }}</li>
                    </ul>
                </header>

                <figure class="article-detail__cover">
                    <img src="{{ $article['image'] }}" alt="{{ $article['name'] ?? '' }}"  onerror="this.classList.add('is-broken'); this.removeAttribute('src');">
                </figure>

                <div class="article-detail__content">
                    {!! $article['detail'] ?? '' !!}
                </div>

                <div class="article-detail__actions">
                    <a href="{{ $breadcrumb[1]['url'] ?? '' }}" class="product-detail-grid__back">
                        <i class="icon-chevron-left"></i> @lang('frontend::text.back_to_articles')
                    </a>
                </div>
            </div>
        </div>
    </section>
@endsection