@extends('site.app')
@section('pageTitle', $blog->meta_title)
@section('metaDescription', $blog->meta_description)
@section('metaKeywords', $blog->meta_keywords)
@section('otherMetas')
    <link rel="canonical" href="{{route('site.blog.detail', $blog->slug)}}" />
    <meta property="og:title" content="{{$blog->transName}}">
    <meta property="og:description" content="{{$blog->meta_description}}">
    <meta property="og:image" content="{{url('/') . $blog->cover}}" />
    <meta property="og:type" content="article" />
	<meta property="og:url" content="{{route('site.blog.detail', $blog->slug)}}" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ $blog->transName }}" />
    <meta name="twitter:description" content="{{ $blog->meta_description }}" />
    <meta name="twitter:image" content="{{url('/') . $blog->cover}}" />
@endsection
@section('content')
@if (isset($banner) && $banner->image)
    <div class="novedades-banner-area" style="background-image: url('/assets/images/banners/{{$banner->image}}');">
        <div class="container">
            <div class="row">
                <div class="col-lg-11 col-lg-offset-1">
                    <div class="novedades-banner-text cmn-style">
                        <h2>{{$blog->transTitle}}</h2>
                        <span><a href="{{route('site.index')}}">{{__('menu.home')}}</a></span>
                        <span><a href="{{route('site.blog.index')}}">{{__('menu.news')}}</a></span>
                        <a href="{{route('site.blog.detail', $blog->slug)}}">{{$blog->transTitle}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<div class="description-area">
    <div class="container">
        <div class="row">
            <div class="sameHeight col-lg-7 col-lg-offset-1 col-md-8">
                <div class="novo-left-area">
                    <div class="novo-slider-area">
                        <div class="novo-sliders">
                            <div class="novo-slider slider-for">
                                <div class="single-novo-slider img-overlay">
                                    <img src="{{$blog->cover}}" alt="{{$blog->transTitle}}">
                                    <div class="novo-slider-text">
                                        <h2>{{ $blog->created_at->isoFormat('DD') }}</h2>
                                        <p>{{ $blog->created_at->isoFormat('MMM') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="novo-left-slider-text-area">
                        <div class="left-slider-title">
                            <h2>{{ $blog->transTitle}}</h2>
                            <a href="{{route('site.blog.index',['blog_category_id' => [$blog->blogCategory->id]])}}" title="{{ $blog->blogCategory->transName }}">
                                <span>
                                    <i class="far fa-file"></i>{{ $blog->blogCategory->transName }}
                                </span>
                            </a>
                        </div>
                        <div class="slider-text">
                            {!! $blog->transContent !!}
                        </div>
                    </div>
                    {{-- <div class="compartir">
                    	{% set post_url = url('noticias/' ~ post.slug) %}
                        <span>{{ 'post.share'|_ }}:
                        	<a href="https://www.facebook.com/share.php?u={{ post_url }}&title={{ post.title }}" target="blank" class="fbook"><i class="fab fa-facebook"></i></a>
                        	<a href="https://twitter.com/intent/tweet?url={{post_url}}&text={{post.title}}" target="blank" class="fbook"><i class="fab fa-twitter"></i></a>
                        </span>
                    </div> --}}
                </div>
            </div>
            <div class="sameHeight col-lg-4 col-md-4">
                <div class="sidebar-area">
                    <div class="side-noticias">
                        <h4>{{__('home.more-read')}}</h4>
                        <div class="side-noticias-area">
                            @foreach ($relateds as $related)
                                <div class="side-noticias-single">
                                    <a href="{{route('site.blog.detail', $related->slug)}}" title="Lanzan nueva bebida con mix de sabores y 0 azúcar">
                                        <div class="side-noticias-left">
                                            <img src="{{$related->cover}}" alt="{{$related->transTitle}}" style="height: 40px; object-fit: cover;">
                                        </div>
                                        <div class="side-noticias-right">
                                            <p>{!!$related->transTitle!!}</p>
                                            <h6><span><i class="fa fa-calendar-alt"></i></span>{{ $related->created_at->isoFormat('MMM DD YYYY') }}</h6>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="side-dropdown ">
                        <h4>{{__('menu.business')}}</h4>
                        <ul>
                            @foreach ($units as $unit )
                                <li><p>{{$unit->transName}} <span><i class="fa fa-chevron-down"></i></span></p>
                                    <ul>
                                        @foreach ($unit->subcategories as $subcategory )
                                            <li>
                                                <a href="{{route('site.units.detail', $subcategory->slug)}}" title="{{ $subcategory->transName}}">
                                                    {{ $subcategory->transName}}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="sidebar-social">
                        <h4>RSE</h4>
                        <ul>
                                        <li>
                                    <a href="https://web.archive.org/web/20221005001024/https://www.gruporiquelme.com/rse#nuestros-colaboradores" title="Colaboradores">Colaboradores</a>
                                </li>
                                        <li>
                                    <a href="https://web.archive.org/web/20221005001024/https://www.gruporiquelme.com/rse#comunidad-y-medio-ambiente" title="Comunidad y Medio Ambiente">Comunidad y Medio Ambiente</a>
                                </li>
                                        <li>
                                    <a href="https://web.archive.org/web/20221005001024/https://www.gruporiquelme.com/rse#alianzas" title="Alianzas">Alianzas</a>
                                </li>
                                </ul>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>

@endsection