@extends('layouts.appUi')

@section('title')
    {{ $article->title }}
@endsection

@section('header')
  <div class="appHeader">
    <div class="left">
      <a href="javascript:;" onclick="goBack()" class="headerButton goBack">
        <ion-icon name="chevron-back-outline"></ion-icon>
      </a>
    </div>
    <div class="pageTitle">
        บทความ
    </div>
  </div>
@endsection

@section('customStyle')
    <style>
      img {
        max-width: 100%;
      }
    </style>
@endsection

@section('content')
<div class="section mt-2">
    <h1>
        {{ $article->title }}
    </h1>
    <div class="blog-header-info mt-2 mb-2">
        <div>
            {{ THdatetime($article->created_at) }}
        </div>
    </div>
    <div class="lead">
        {!! $article->description !!}
    </div>
    <figure>
        <img src="{{ asset("storage/{$article->picture}") }}" alt="image" class="imaged img-fluid mt-3">
    </figure>
</div>
@endsection

@section('footer')
    
@endsection