@extends('front.layouts.layout')
@section('meta_title'){{ $blog->{'meta_title_' . App::getLocale()} }}@stop
@section('meta_description'){{ $blog->{'meta_description_' . App::getLocale()} }}@stop
@section('meta_keywords')
    {{ $blog->{'meta_kewords_' . App::getLocale()} }}
@stop
@section('meta')
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $blog->{'meta_title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $blog->{'meta_description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="site">
    <meta name="twitter:site" content="@publisher_handle">
    <meta name="twitter:title" content="{{ $blog->{'meta_title_' . App::getLocale()} }}">
    <meta name="twitter:description" content="{{ $blog->{'meta_description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:creator" content="@author_handle">
    <meta name="twitter:image" content="{{ url($blog->{'meta_image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:title" content="{{ $blog->{'meta_title_' . App::getLocale()} }}" />
    <meta property="og:description" content="{{ $blog->{'meta_description_' . App::getLocale()} }}" />
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="image" content="{{ url($blog->{'meta_image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:type" content="og:site">
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:image" content="{{ url($blog->{'meta_image_' . App::getLocale()}) }}">
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $blog->{'meta_title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $blog->{'meta_description_' . App::getLocale()} }}">
@endsection
@section('content')
    <div class="container head-text-container" style="margin-top: 3em;">
        <div class="row">
            <div class="row" style="margin-top: 5em">
                <div class="col-8 mx-auto">
                    <div class="page-content">
                        <div class="one-blog-container">
                            <div class="blog-image-cont" style="width: 100%;height: 20em;position: relative;">
                                <div style="position: absolute;top: 0;left: 0;padding: .5em;color: {{ $blog->label_color }};background-color: {{ $blog->label_background_color }}"
                                    class="label">
                                    {{ $blog->{'label_' . App::getLocale()} }}</div>
                                <img style="width: 100%;height: 100%;object-fit: cover;"
                                    src="{{ url($blog->{'photo_' . App::getLocale()}) }}" alt="">
                            </div>
                            <span>{{ date('Y-m-d', strtotime($blog->blog_date)) }}</span>
                            <h4><a
                                    href="{{ route('Page.show_page', $blog->{'slug_' . App::getLocale()}) }}">{{ $blog->{'title_' . App::getLocale()} }}</a>
                            </h4>
                            <p>
                                {!! $blog->{'description_' . App::getLocale()} !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@section('modal')

@endsection
@section('script')

@endsection