@extends('frontend.layouts.app')

@section('title')

@endsection

@section('seo')
<title>Announcements | JRS</title>
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Announcements | JRS" />
<meta property="og:description" content="Discover the power of smart investments with JRS Holdings Inc. We specialize in managing a diverse portfolio for long-term success." />
<meta property="og:site_name" content="Announcements | JRS" />
<meta property="og:image" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:thumbnail" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:keywords" content="JRS Holdings Inc., Holding Company, Investment Portfolio, Diversified Holdings, Business Investments, Strategic Holdings, Corporate Investments, Investment Management, Asset Portfolio, Growth Investments, Financial Holdings, Holding Group, Investment Holdings, Investment Strategies, Portfolio Management, Capital Investments, Business Expansion, Equity Holdings, Investment Opportunities, Investment Diversification, Investment Company, Holding Group, Strategic Investments, Diverse Portfolio, Financial Holdings, Investment Management, Corporate Holdings, Investment Strategies, Asset Diversification, Growth Opportunities, Business Expansion, Investment Portfolio, Equity Holdings, Capital Management, Investment Diversity, Investment Growth, Portfolio Diversification, Profitable Investments, Investment Ventures">
@endsection

@section('content')

<div class="banner mb-5">
    <div class="container">

        <div class="col-4 text-end d-md-block d-none">
            <h1 class="banner-title fw-bold text-white fs-1">ANNOUNCEMENTS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>

        <div class="text-center d-sm-block d-md-none">
            <h1 class="banner-title fw-bold text-white fs-1">ANNOUNCEMENTS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>

    </div>
</div>

<!-- ANNOUNCEMENT SINGLE -->
<div class="container my-5">
    <div class="row align-items-center">
        <div class="col-lg-4">
            <div class="mb-5 text-start">
                <a href="{{ url('events?tab=announcements') }}" class="text-decoration-none fw-bold text-black fs-5" style="font-family: 'Bodoni Moda';"><i class="fa-solid fa-arrow-left"></i> RETURN</a>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="mb-5 text-center">
                <h1 class=" fw-bold">ANNOUNCEMENTS</h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <span class="fs-2 fw-bold">{{ $announcement->title }}</span>
            <p class="text-body-secondary mb-0">DATE: {{ date('m-d-y', strtotime($announcement->created_at)) }}</p>
            <p class="text-body-secondary text-uppercase">POSTED BY: {{ $announcement->author }}</p>
            <p>
                {!! $announcement->content !!}
            </p>
        </div>
        <div class="col-md-6">
            <img src="{{ asset('files/' .$announcement->image) }}" class="img-fluid" alt="">
        </div>
    </div>

    <!-- <div class="col-md-12">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

        </p>
    </div> -->

</div>

<style>
    .banner {
        background-image: url("{{ asset('images/banner-events.jpg') }}");
        background-position: center;
        background-size: cover;
        align-items: center;
        display: flex;
        height: 45vh;
        width: 100%;
    }
</style>
@endsection