@extends('layouts.site')
@section('content')
    <!-- ========================
               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">Media Coverage</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 bg-gray">
        <div class="container">

            <div class="row">
                @foreach ($mediaCoverages as $mediaCoverage)
                    <!-- Blog Item #1 -->
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="post-item">

                            <div class="post__content">
                                <div class="post__meta d-flex flex-wrap">

                                    <span
                                        class="post__meta-date">{{ \Carbon\Carbon::parse($mediaCoverage->date)->format('F d, Y') }}</span>
                                </div>
                                <h4 class="post__title"><a>{{ $mediaCoverage->media }}</a>
                                </h4>
                                <p class="post__desc">{{ $mediaCoverage->short_description }}
                                </p>
                                <a href="{{ $mediaCoverage->link }}" class="btn btn__secondary btn__link" target="_blank">
                                    <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