@extends('layouts.app')

@section('content')

    @include('layouts.inc.breadcrumb',['title' => $webinar->name])

    <section class="space-ptb">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="blog-detail">
                        <div class="blog-post">
                            <div class="blog-post-title">
                                <h1 class="h2">{{ $webinar->name }}</h1>
                            </div>
                            <div class="blog-post-category">
                                <p><span class="flag-icon flag-icon-{{ Str::slug($webinar->country) }} mr-1"></span> {{ $webinar->country }}</p>
                            </div>
                            <div class="blog-post-footer border-0 justify-content-start">
                                <div class="blog-post-time">
                                    <a href="#"> <i class="far fa-clock"></i>{{ date('F j, Y', strtotime($webinar->date)) }}</a>
                                </div>
                                <div class="blog-post-author">
                                    <span> By <x-user.avatar :name="$webinar->name"/> {{ $webinar->speaker }}</span>
                                </div>
                            </div>
                            @if (!strpos($webinar->content,'iframe'))
                                <div class="image-wrap my-0">
                                    <img class="img-fluid" src="{{ asset("storage/webinar/{$webinar->thumbnail}") }}" alt="">
                                </div>
                            @endif
                            <div class="blog-post-content mt-4">
                                <div class="blog-post-description">

                                    @php
                                        $content = $webinar->content;
                                        $content = str_replace('height="360"','height="420"',$content);
                                    @endphp
                                    {!! $content !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mt-5 mt-lg-0">
                    <div class="blog-sidebar">
                        <div class="widget">
                            <div class="jobber-company-view">
                                <ul class="list-unstyled">
                                    <li>
                                        <div class="widget-box">
                                            <div class="d-flex">
                                                <x-user.avatar :name="$webinar->speaker" class="avatar"/>
                                                <span class="pl-3">{{ $webinar->speaker }}</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-box">
                                            <div class="d-flex">
                                                <span class="flag-icon fa-2x fa-fw text-primary flag-icon-{{ Str::slug($webinar->country) }} "></span>
                                                <span class="pl-3">{{ $webinar->country }}</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-box">
                                            <div class="d-flex">
                                                <i class="far fa-calendar-alt fa-2x fa-fw text-primary"></i>
                                                <span class="pl-3">{{ date('F j, Y',strtotime($webinar->date)) }}</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-box">
                                            <div class="d-flex">
                                                <i class="flaticon-clock fa-2x fa-fw text-primary"></i>
                                                <span class="pl-3">
                                                     {{ date('H:s',strtotime($webinar->time_start)) }} <b>-</b>
                                                     {{ date('H:s',strtotime($webinar->time_end)) }}
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="d-none">
                                        <div class="widget-box">
                                            <div class="d-flex">
                                                <i class="flaticon-personal-profile fa-2x fa-fw text-primary"></i>
                                                <span class="pl-3">{{ $webinar->applicants()->get()->count() }} Applications</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>


                        @include('page.webinar.inc.apply', ['webinar' => $webinar])


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


    <x-block.featured-register-cards/>

@endsection