@extends('layouts.app')

@section('title', 'Team Mikey - Mikey Network')

@section('meta_description', 'Meet the dedicated team behind The Mikey Network, working to save lives through defibrillator placement and education.')

@section('content')


@isset($blogs)

<div class="banner-container position-relative text-center py-4">
    <h1 class="display-5 fw-bold text-uppercase">The Mikey Network Blog</h1>
</div>


<div class="container">
    
    
    <div class="row">
        <div class="col-md-12">

                @foreach($blogs as  $current_blog)



            <div class="row align-items-center my-4">
                <div class="col-md-4 col-lg-3 text-center text-md-start">
                    <img src="/storage/{{ $current_blog->featured_image }}" class="img-fluid blog-image"></img>
                </div>

                <div class="col-md-8 col-lg-9">
                    <div class="text-center text-md-start pt-2 pt-md-0"><h2 class="font-24" >{{ $current_blog->title }}</h2></div>
                    <p>
                        {{ $current_blog->short_description }}
                    </p>
                    <p class="fs-12 fw-xl">POSTED ON : {{ Carbon\Carbon::parse($current_blog->publish_date)->format('F j, Y') }}</p>
                    <div class="text-center text-md-start">
                        @if($current_blog->external_link_source_title)
                            <a class="btn btn-learn-more text-uppercase rounded-0"  href="{{$current_blog->external_link_source_title }}" target="_blank">
                        @else
                            <a class="btn btn-learn-more text-uppercase rounded-0"  href="{{ config('app.url') }}blog/{{$current_blog->slug}}">
                        @endif
                            Learn More
                        </a>
                    </div>

                </div>
            </div>
                    <!--
                            <div class="col">
                                @if($current_blog->external_link_source_title)
                                    <a class="card h-100 blog-card"  href="{{$current_blog->external_link_source_title }}" target="_blank">
                                @else
                                    <a class="card h-100 blog-card"  href="{{ config('app.url') }}blog/{{$current_blog->slug}}">
                                @endif


                                        <div class="card-body bg-brand  p-0">
                                            <div class="blog-poster"><img src='/storage/{{ $current_blog->featured_image }}' style="max-width: 200px;"></div>
                                            <div class="px-4 pt-4 d-block " href="{{ config('app.url') }}blog/{{$current_blog->id}}">
                                                <p class="fs-12 fw-xl">POSTED ON : {{ Carbon\Carbon::parse($current_blog->publish_date)->format('F j, Y') }}</p>
                                                <h2 class="fw-bo fs-16 mb-0 lh-lg">{{$current_blog->title}}</h2>                                                               
                                                <p class="fs-12 fw-xl">{{$current_blog->short_description}}</p>                                                               
                                            </div>                        
                                        </div>
                                        <div class="card-footer  bg-brand">
                                            <p class="text-end pe-2 mb-0"><span class="btnMore">Learn More</span></p>
                                        </div>
                                    </a>
                            </div>  
-->
                @endforeach  
            
            
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-12 text-center py-5 pagination-wrapper">
                {{ $blogs->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>

</div>    
@endisset

@isset($blog)

        <div class="container">
            <div class="row">
                <div class="col-12 lh-lg">
                    <h1 class="heading1 mt-4 mt-md-5 mb-4 mb-md-5">{{$blog['title']}}</h1>
                    <p class="mt-4 ">{!!$blog['description']!!}</p>
                    <p class="text-end mb-5"> <em>Published on : {{ Carbon\Carbon::parse($blog['publish_date'])->format('F j, Y') }}</em></p>
                </div>

                <div class="col-12 py-5">
                    <a href="{{ url()->previous() }}" class="btn btn-learn-more text-uppercase rounded-0">Back To Blog</a>
                </div>
            </div>
        </div>

@endisset
    

@endsection