@extends('layouts.site')
@section('content')
    <div class="container">
        <a class="btn book-now" data-toggle="modal" data-target="#exampleModal" title="Quick Contact">Quick Contact</a>
    </div>

    <!-- ========================
             page title
          =========================== -->
    <section class="page-title page-title-layout16 text-center bg-overlay bg-overlay-gradient bg-parallax">
        <div class="bg-img"><img src="{{ asset('site1/assets/images/page-titles/11.jpg') }}" alt="background"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1 class="pagetitle__heading mb-10">Press Releases</h1>
                    <!-- <nav>
                    <ol class="breadcrumb justify-content-center mb-0">
                      <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Blog</li>
                    </ol>
                  </nav> -->
                </div><!-- /.col-12 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.page-title -->

    <!-- ======================
            Blog Grid
          ========================= -->
    <section class="blog-grid pb-50">
        <div class="container">
            <div class="row">
                @foreach ($pressReleases as $pressRelease)
                    <!-- Blog Item #1 -->
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a href="/press-releases/{{ $pressRelease->slug }}">
                                    <img src="{{ $pressRelease->getFirstMediaUrl('press_release') }}" alt="blog image">
                                </a>
                            </div><!-- /.blog-img -->
                            <div class="post__content">
                                <div class="post__meta d-flex flex-wrap">
                                    <!-- <div class="post__meta-cat">
                          <a href="#">AI</a>
                        </div> -->
                                    <span class="post__meta-date">{{ \Carbon\Carbon::parse($pressRelease->date)->format('F d, Y') }}</span>
                                </div>
                                <h4 class="post__title"><a>{{ $pressRelease->short_title }}</a>
                                </h4>
                                <p class="post__desc">{{ $pressRelease->short_description }}
                                </p>
                                <a href="/press-releases/{{ $pressRelease->slug }}" class="btn btn__secondary btn__link">
                                    <span>Read More</span>
                                    <i class="icon-arrow-right"></i>
                                </a>
                            </div><!-- /.blog-content -->
                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->
                @endforeach
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.blog Grid -->
@endsection