@extends('layouts.site')
@section('content')
    <!-- ========================
                       page title
                    =========================== -->
    <section class="page-title page-title-layout13 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-sm-12 col-md-12 col-lg-12 col-xl-6 offset-xl-3">
                    <h1 class="pagetitle__heading">Media Centre</h1>
                </div><!-- /.col-xl-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.page-title -->

    <section class="blog-grid pb-50">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading text-center mb-40">
                        <!-- <h2 class="heading__subtitle">Recent Articles</h2> -->
                        <h3 class="heading__title">Press Releases</h3>
                    </div><!-- /.heading -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
            <div class="row">
                <!-- Blog Item #2 -->
                @foreach ($pressReleases as $pressRelease)
                    <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">

                                    <span
                                        class="post__meta-date">{{ \Carbon\Carbon::parse($pressRelease->date)->format('F d, Y') }}</span>
                                </div>
                                <h4 class="post__title"><a href="#">{{ $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 class="row">
                    <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-5">
                        <a href="/press-releases" class="btn btn__primary btn__icon mt-20">
                            <span>View All</span>
                            <i class="icon-arrow-right"></i>
                        </a>
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->

            </div><!-- /.container -->
    </section><!-- /.blog Grid -->

    <section class="blog-grid pb-50 bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading text-center mb-40">
                        <!-- <h2 class="heading__subtitle">Recent Articles</h2> -->
                        <h3 class="heading__title">Media Coverage</h3>
                    </div><!-- /.heading -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
            <div class="row">
                <!-- Blog Item #1 -->
                @foreach ($mediaCoverages as $mediaCoverage)
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="post-item">
                            <!-- <div class="post__img">
                                    <a href="#">
                                        <img src="assets/images/blog/grid/1.jpg" alt="blog image">
                                    </a>
                                    </div> -->
                            <div class="post__content">
                                <div class="post__meta d-flex flex-wrap">
                                    <!-- <div class="post__meta-cat">
                                        <a href="#">Magazines</a>
                                        </div> -->
                                    <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 }}" rel="nofollow"
                                    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 class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-5">
                    <a href="/media-coverages" class="btn btn__primary btn__icon mt-20">
                        <span>View All</span>
                        <i class="icon-arrow-right"></i>
                    </a>
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.blog Grid -->




    <section class="blog-grid pb-50 bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading text-center mb-40">
                        <!-- <h2 class="heading__subtitle">Recent Articles</h2> -->
                        <h3 class="heading__title">Gallery</h3>
                    </div><!-- /.heading -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
            <div class="row">
                @foreach ($gallery as $image)
                    <!-- Blog Item #1 -->
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a href="#">
                                    <img src="{{ $image->getFirstMediaUrl('image') }}" alt="{{ $image->title }}">
                                </a>
                            </div><!-- /.blog-img -->

                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->
                @endforeach

            </div><!-- /.row -->

            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-5">
                    <a href="/gallery" class="btn btn__primary btn__icon mt-20">
                        <span>View All</span>
                        <i class="icon-arrow-right"></i>
                    </a>
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.blog Grid -->

    <section class="blog-grid pb-50" id="newsletter">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading text-center mb-40">
                        <!-- <h2 class="heading__subtitle">Recent Articles</h2> -->
                        <h3 class="heading__title">Newsletters</h3>
                    </div><!-- /.heading -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
            <div class="row">

                @foreach ($newsletters as $newsletter)
                    <!-- Blog Item #1 -->
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a>
                                    <img src="{{ $newsletter->getFirstMediaUrl('newsletter_cover') }}" alt="blog image">
                                </a>
                            </div><!-- /.blog-img -->
                            <div class="post__content">

                                <h4 class="post__title"><a>{{ $newsletter->title }}</a>
                                </h4>

                                <a href="{{ $newsletter->getFirstMediaUrl('newsletter') }}" target="_blank"
                                    class="btn btn__secondary btn__link">
                                    <span>Download</span>
                                    <i class="icon-arrow-right"></i>
                                </a>
                            </div><!-- /.blog-content -->
                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->
                @endforeach
            </div><!-- /.container -->
    </section><!-- /.blog Grid -->
@endsection