@extends('layouts.index')

@section('metatag')

    <title>{{__('lang.adam') }} | {{ $article->articles_seo_title ? $article->articles_seo_title  : $article->articles_title }}</title>

    <meta name="description" content="{{ $article->articles_seo_desc ? $article->articles_seo_desc : str_limit(strip_tags($article->articles_desc), 160, '...')}}">
    <meta name="keywords" content="{{ $article->articles_seo_keyword ? $article->articles_seo_keyword : '' }}">
    <meta property="og:title" content="{{ $article->articles_seo_title ? $article->articles_seo_title  : $article->articles_title }}" />
    <meta property="og:description" content="{{ $article->articles_seo_desc ? $article->articles_seo_desc : str_limit(strip_tags($article->articles_desc), 160, '...')}}">
    <meta property="og:url" content="{{route('article',make_slug($article->articles_id.'-'.$article->articles_slug))}}" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image" content="{{ urlencode($article->articles_image ? $imagesBaseUrl.'uploads/'.env('accountId').'/articles/original/'.$article->articles_image : asset('img/no-image.png') ) }}" />
    <meta property="og:site_name" content="{{ $account->accounts_name }}" />
@endsection

@section('content')

<div class="content pt-3 container-fluid ">
    {{-- Breadcrumb Section --}}
    @php
        $pages = [] ; $page = [] ;
        $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
        $pages[] = $page ;
        $page['title'] = __('lang.articles') ; $page['route'] = route('articles') ; $page['color'] = 'text_3' ;
        $pages[] = $page ;
        $page['title'] = $article->articles_title ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_1' ;
        $pages[] = $page ;
    @endphp
    @include('components.breadcrumb',$pages)


	<div class="container my-md-4">


        <section class="  articles-details mt-2 mt-md-2">
            <div class="row mx-0">
                <div class="col-md-9">
                    <div class="fb-500 gray-color mr-2">


                        <div class="">
                            <h1 class="fb-800 font-30 sycamore-color mb-4 color-marine">
                                {{$article->articles_title}}
                            </h1>
                            <div class="text-center {{ $dir== 'rtl' ? 'float-lg-left' : 'float-lg-right'}} pb-4 mx-lg-3">