@extends('web.layouts.container')

@section('content')
    <section class="page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>{{__('main.article_name')}}</span>
                    </li>
                </ul>

            </div>
            <div class="section_head text-center">
                <h2>{{__('main.article_details')}}</h2>
            </div>
        </div>
        <img src="{{asset('assets/web/images/heading-pattern-l.png')}}" class="pattern-l">
        <img src="{{asset('assets/web/images/heading-pattern-r.png')}}" class="pattern-r">
    </section>

    <section class="single-blog-sec section-padding ">
        <div class="container">
            <div class="main-card">
                <img src="{{asset($article->image)}}" class="main-img" alt="">
                <div class="card-body">
                    <h3>{{$article->title}}</h3>
                    <span class="date">Date: {{date('d,m,Y', strtotime($article->created_at))}}</span>
                    <p class="p">{!! $article->description !!} </p>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script>
        $('main').addClass('news_page')
    </script>
@endsection