@extends('layouts.frontend', [
    'meta_keywords' => $page->keywords,
    'meta_description' => $page->description,
    'meta_title' => $page->meta_title
    ])

@section('content')

    <!--middle start-->
    <main>

        <section class="inner_header hero-banner">
            <div class="container-fluid">
                <div class="row align-items-center">
{{--                    <div class="col-md-6">--}}
{{--                        <div class="inner_h_thmnl"><img src="{{ $page->banner ? $page->banner->getUrl() : asset('assets/images/podcast_banner.jpg') }}" class="w-100" alt="img"></div>--}}
{{--                    </div>--}}

                    <div class="col-md-12">
                        <figcaption class="inr_h_descrip ps-5 ms-2 mt-5">
                            <h1 class="title1"><i><img src="{{ asset('assets/images/arrow_right3.png') }}" class="img-fluid" alt="img"></i>
                                <span>{{ $page->title }}</span>
                            </h1>
                            <!-- @if($page->banner_2)
                                <div class="lets_go pt-4 pb-4">
                                    <img src="{{ $page->banner_2->getUrl() }}" class="img-fluid" alt="img">
                                </div>
                            @endif -->

                            @if(!empty($page->banner_description))
                                <div class="mxwidth mb-4 pt-2 pb-3">
                                    <p class="text-white m-0">
                                        {{ $page->banner_description }}
                                    </p>
                                </div>
                            @endif
                            @if(!Session::exists('coach'))
                                <a href="#" class="get_started" data-bs-toggle="modal" data-bs-target="#loginmodal"><span>Get</span> Started <i><img
                                            src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>

                            @else
                                <a href="resources" class="get_started"><span>Get</span> Started <i><img
                                            src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>
                            @endif
                        </figcaption>


                    </div>
                </div>
            </div>
        </section>

        <section class="contact_main_wrap bg_gray2 pt-3 pb-5">
            <div class="container pb-5">

            <ul class="dotsbetween pb-5">
                <li><a href="{{ route('frontend.resources') }}">Resources</a></li>
{{--                <li><a href="{{ route('frontend.podcasts') }}" class="active">Podcasts</a></li>--}}
                <li><a href="{{ route('frontend.forms') }}">Coaching Forms</a></li>
                <li><a href="{{ route('frontend.library') }}">Library</a></li>
            </ul>


                <div class="mid_inner2 ps_45">
                    @if(!empty($page->content_header_1))
                        <h2 class="title3 mb-4 pb-2">{{ $page->content_header_1 }}</h2>
                    @endif
                    @if(!empty($page->content_1))
                        <p class="mb-5">
                            {!! $page->content_1 !!}
                        </p>
                    @endif

                    @if(!empty($page->content_header_2))
                        <h2 class="title3 mb-4 pb-2">{{ $page->content_header_2 }}</h2>
                    @endif
                    @if(!empty($page->content_2))
                        <p class="mb-5 mt-5 text-center">
                            {!! $page->content_2 !!}
                        </p>
                    @endif

                    @if(!empty($page->content_header_3))
                        <h2 class="title3 mb-4 pb-2">{{ $page->content_header_3 }}</h2>
                    @endif
                    @if(!empty($page->content_3))
                        <p class="mb-5">
                            {!! $page->content_3 !!}
                        </p>
                    @endif

                    <div class="podcast_glry">

                        @foreach($podcasts as $pod)
                            <div class="row  mb-4 pb-3">
                                <div class="col-md-4">
                                    <div class="pd_v_bx">

                                        @if($pod->image)
                                           <a href=" {!! $pod->embed !!}" class="video-pop"> <img src="{{ $pod->getImageAttribute()->getUrl() }}" class="w-100"  alt="img"></a>
                                        @else
                                        <a href="{!! $pod->embed !!}" class="video-pop"> <img src="{{ asset('assets/images/video4.jpg') }}" class="w-100"  alt="img"></a>
                                        @endif

                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <figcaption class="ms-3 ">
                                        <h4 class="title4 drk_clr d-inline-block pe-4 position-relative mb-3"><span>{{ $pod->title }}</span></h4>
                                        <p class="m-0">
                                            <span class="date_pc">
                                            {{ Carbon\Carbon::parse($pod->date)->format('M d, Y') }}
                                            </span>
                                            <br>
                                            {!! $pod->content !!}
                                        </p>
                                    </figcaption>

                                </div>

                            </div>
                        @endforeach






                    </div>

                </div>



            </div>
        </section>

        @if($page->show_testimonials)
            @include('frontend._inc.testimonial')
        @endif

    </main>
    <!--middle end-->


@endsection