@extends('frontend.layouts.app', ['page' => 'news-and-promotions'])
@section('title')
News & Promotions | Grupo Alegria
@endsection

@section('seo')
<meta property="og:locale"          content="en_US" />
<meta property="og:type"            content="website" />
<meta property="og:title"           content="News & Promotions | Grupo Alegria" />
<meta property="og:url"             content="{{ url('news-and-promotions') }}" />
<meta property="og:site_name"       content="Grupo Alegria" />
<meta property="og:image"           content="{{ asset('resources/web_thumbnail.jpg') }}" />
<meta property="og:thumbnail"       content="{{ asset('resources/web_thumbnail.jpg') }}" />
@endsection
@section('content')
    <div class="content-container">
        <!-- Page Content -->

        <!-- Back Button -->
        <div class="back-btn">
            <a class="back-btn" href="{{ url()->previous() }}">
                <div class="d-flex justify-items-center align-items-center">
                    <div><i class="fa-solid fa-arrow-left-long"></i></div>
                    <div class="back-btn-text">BACK TO NEWS</div>
                </div>
            </a>
        </div>
        <!-- End Back Button -->

        <!-- News -->
        <div class="news-container">
            <div class="big-single-img">
                @if ($blog->youtube_link)
                <div class="h-auto w-100">
                    {!! $blog->youtube_link !!}
                </div>
                @else
                <img src="{{ asset('uploads/news/' . $blog->thumbnail) }}" alt="" class="img-fluid">
                @endif
            </div>
            <div class="news-title-container">
                <h2 class="news-title text-white">{{ $blog->title }}</h2>
            </div>
            <div class="news-info d-flex">
                <div class="news-info-user-icon"><i class="icon fa-solid fa-user fa-sm"></i></div>
                <div class="news-info-name">{{ $blog->author }}</div>
                <div class="news-info-divider">|</div>
                <div class="news-info-date">{{ date('M j, Y', strtotime($blog->created_at)) }}</div>
            </div>
            <div class="news-body">
                <p>{!! $blog->description !!}</p>
            </div>
            {{-- <div class="news-share d-flex align-items-center">
                <div class="news-share-content">Share this news:</div>
                <div class="news-share-content">
                    <a class="news-share-facebook" href=""><i class="fa-brands fa-facebook-f fa-lg"
                            style="color: #3b5998"></i></a>
                </div>
                <div class="news-share-content">
                    <a class="news-share-twitter" href=""><i class="fa-brands fa-twitter fa-lg"
                            style="color: #00acee"></i></a>
                </div>
            </div> --}}
            {{-- <div class="btn-prev-next d-flex justify-content-between">
                <a class="btn-prev d-flex align-items-center" href="">
                    <i class="btn-prev-icon fa-solid fa-arrow-left"></i>
                    <div class="btn-prev-text">PREV</div>
                </a>
                <a class="btn-next d-flex align-items-center" href="">
                    </i>
                    <div class="btn-next-text">NEXT</div><i class="btn-next-icon fa-solid fa-arrow-right"></i>
                </a>
            </div> --}}
        </div>
        <!-- End News -->

        <!-- End Page Content -->
    </div>
@endsection