@extends('front.layouts.layout')
@section('meta_title'){{ $index_meta->{'title_' . App::getLocale()} }}@stop

@section('meta_description'){{ $index_meta->{'description_' . App::getLocale()} }}@stop

@section('meta_keywords')
    {{ $index_meta->{'kewords_' . App::getLocale()} }}
@stop

@section('meta')
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_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="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta name="twitter:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:creator" content="@author_handle">
    <meta name="twitter:image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:title" content="{{ $index_meta->{'title_' . App::getLocale()} }}" />
    <meta property="og:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}" />
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="image" content="{{ url($index_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($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
@endsection
@section('content')
    <section class="container-fluid store-sell-products-container">
        <br>
        <br>
        <br>
        <div class="row">
            <div class="col-md-6 m-auto">
                @forelse ($blogs as $key => $blog)
                    <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>
                            {!! trunc($blog->{'description_' . App::getLocale()}, 70) !!}
                        </p>
                    </div>
                    <br>
                    <br>
                    <br>
                @empty

                @endforelse
                {{ $blogs->links() }}
            </div>
        </div>

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

@endsection
@section('script')

@endsection