@extends('layouts.app')

@section('content')
    <section class="space-ptb">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto">

                    <div class="image-wrap mt-0">
                        <img class="img-fluid w-100" src="{{ asset("storage/event/{$event->thumbnail}") }}" alt="">
                    </div>

                    <h1>{{ $event->name }} | {{ date('d', strtotime($event->date_start)) }} {{ date('F', strtotime($event->date_start)) }}</h1>

                    <div class="border p-4 mt-4 mt-lg-5 bg-white">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 my-2">
                                <div class="d-flex">
                                    <span class="flag-icon flag-icon-xl flag-icon-{{ Str::slug($event->country) }}"></span>
                                    <div class="feature-info-content pl-3">
                                        <label class="mb-1">Country</label>
                                        <span class="mb-0 font-weight-bold d-block text-dark">{{ $event->country }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 my-2">
                                <div class="d-flex">
                                    <i class="fas fa-map-marker-alt font-xll text-primary align-self-center "></i>
                                    <div class="feature-info-content pl-3">
                                        @if ($event->online)
                                            <label class="mb-1">Place</label>
                                        @endif
                                        <span class="mb-0 font-weight-bold d-block text-dark">{{ $event->place }}</span>
                                        @if (!$event->online)
                                            <span class="mb-0  d-block text-dark">{{ $event->address }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 my-2">
                                <div class="d-flex">
                                    <i class="far fa-calendar-alt font-xll text-primary align-self-center "></i>
                                    <div class="feature-info-content pl-3">
                                        <label class="mb-1">Date</label>
                                        @if ($event->online)
                                            <span class="mb-0 font-weight-bold d-block text-dark">{{ date('d', strtotime($event->date_start)) }} - {{ date('d', strtotime($event->date_end)) }} {{ date('F', strtotime($event->date_start)) }}</span>
                                        @else
                                            <span class="mb-0 font-weight-bold d-block text-dark">{{ date('d F', strtotime($event->date_start)) }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 my-2">
                                <div class="d-flex">
                                    <i class="far fa-clock font-xll text-primary align-self-center "></i>
                                    <div class="feature-info-content pl-3">
                                        <label class="mb-1">Time</label>
                                        <span class="mb-0 font-weight-bold d-block text-dark">
                                            <span class="d-block event-time">{{ $event->time_start }} - {{ $event->time_end }}</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="my-4 my-lg-5 d-block d-lg-none text-center">
                        <a href="{{ route('page.event.join',['slug' => $event->slug]) }}" class="btn btn-primary btn-sm w-100 mb-3"><i class="fas fa-pen mx-1"></i> Join Event</a> <br>
                        @guest
                            <span class="small d-block">Please <a href="{{ route('account.account_type') }}">Register</a> or <a
                                    href="{{ route('account.login') }}">Login</a> in order to join our events*</span>
                        @endif
                    </div>

                    <div class="blog-post-content mt-4">
                        {!! $event->content !!}
                    </div>

                    <div class="text-center mb-0">
                        <a href="{{ route('page.event.join',['slug' => $event->slug]) }}" class="btn btn-primary btn-sm mb-3 w-100"><i class="fas fa-pen mx-1"></i> Join Event</a> <br>

{{--                        <div class="alert alert-success">--}}
{{--                            Your are already joined to this event--}}
{{--                        </div>--}}

                        @guest
                            <span class="small d-block">Please <a href="{{ route('account.account_type') }}">Register</a> or <a
                                    href="{{ route('account.login') }}">Login</a> in order to join our events*</span>
                        @endif
                    </div>

                </div>

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

    <section style="background: #e0eff4">
        <div class="container py-3">
            <div class="section-title mb-3">
                <h2 class="title">{{ __('Exhibitors:') }}</h2>
            </div>
            <div class="row">
                @foreach($event->companies as $recruiter)
                    @include('page.recruiter.inc.company-grid-item',compact('recruiter'))
                @endforeach
            </div>
        </div>
    </section>

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