@extends('layouts.frontend')

@section('content')
    <!-- Start Header Section -->
    @include('home._header')
    <!-- End Header Section -->
    <!-- Start Banner Section -->
    <section class="banner" id="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="page-title">{{ $article->title }}</h2>
                </div>
            </div>
        </div>
    </section>
    <!-- End Banner Section -->
    <main class="article-page" id="article">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="article-thumbnail">
                        <img src="{{ asset($article->thumbnail->url()) }}" alt="article-thumbnail">
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="article-content">
                        {!! $article->content !!}
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- Start Footer Section -->
    @include('home._footer')
    <!-- End Footer Section -->
@endsection