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

    @livewire('frontend::page-title', ['article' => '', 'breadcrumb' => $breadcrumb])

    <!-- 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="far fa-clock me-1"></i>{{ str_date($article['publish_at'], 'd m Y') }}</span>
                            </div>
                        </header>

                        <!-- Featured Image -->
                        @if (!empty($article['image']))
                            <div class="article-featured-image">
                                <img class="w-100" src="{{ asset($article['image'] ?? '') }}"
                                    alt="...">
                            </div>
                        @endif
                        

                        <!-- Article Content -->
                        <div class="article-content ctrl-text-editor">
                            {!! $article['detail'] ?? '' !!}
                        </div>

                        <!--PDF File -->
                        @if (!empty($article['file']))
                            <div class="mb-5">
                                <div class="fs-3 fw-bold border-bottom mb-4 text-black">@lang('frontend::text.title.files')</div>
                                <div class="card link-card minimal-card shadow-sm">
                                    <div class="card-body d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="me-3 text-ci-primary fs-2">
                                                <i class="fas fa-file-alt"></i>
                                            </div>
                                            <div>
                                                <div class="fw-bold">{{ basename($article['file'] ?? '') }}</div>
                                            </div>
                                        </div>
                                        <a class="btn-ci btn-icn btn-ci-primary" href="{{ asset($article['file'] ?? '') }}">
                                            @lang('frontend::text.title.download')<i class="fas fa-download"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif

                    </article>

                </div>

            </div>
        </div>
    </section>
@endsection