@extends('frontend.mediknode.layout.mainlayout')

@php
    $event = App\Models\Event::find(28);
@endphp

@section('facetags')
    <meta name="description" content="{{ $event->excerpt }}">
@endsection

@section('facetags')
    <meta property="og:url" content="{{ url('/event/' . $event->slug) }}" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="{{ $event->title }}" />
    <meta property="og:description" content="{{ $event->excerpt }}" />
    <meta property="og:image" content="{{ $event->cover }}" />
@endsection

@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            {!! \App\Helpers\TextHelper::addSup($event->title) !!}
        @endslot
        @slot('li_1')
            {{ $event->title }}
        @endslot
    @endcomponent
    <section class="about-content">
        <div class="container">
            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent

            @php
                $isEventRegistrationOpen = !$event->is_closed_registration;
                $alreadyRegistered = $event->participant($event->id, $event->id);
                $isAuthenticate = auth()->user();
                $hasAbstracts = $event->has_abstracts;
                $isEventAbstractOpen = !$event->is_closed_abstract_submission;
                $hasProgram = $event->has_program;
                $isInternalProgram = $event->is_internal_link_program;
                $hasHebergement = $event->has_hebergement;
                $canAddAnotherAbstract =
                    auth()->user() &&
                    auth()->user()->abstractsByEvents($event->id)->count() < $event->abstract_submission_limit;

                $showParticipateButton = $isAuthenticate && $isEventRegistrationOpen && !$alreadyRegistered;
                $showParticipateToLandingPageButton = !$isAuthenticate && $isEventRegistrationOpen;
                $showAbstractButton =
                    $isAuthenticate &&
                    $isEventRegistrationOpen &&
                    $alreadyRegistered &&
                    $hasAbstracts &&
                    $isEventAbstractOpen &&
                    $canAddAnotherAbstract;
                $showAbstractToParticipatePageButton =
                    $isAuthenticate &&
                    $isEventRegistrationOpen &&
                    !$alreadyRegistered &&
                    $hasAbstracts &&
                    $isEventAbstractOpen;
                $showAbstractToLandingPageButton =
                    !$isAuthenticate && $isEventRegistrationOpen && $hasAbstracts && $isEventAbstractOpen;
                $showInternalProgramButton = $hasProgram && $isInternalProgram;
                $showExternalProgramButton = $hasProgram && !$isInternalProgram;
                $showHebergementButton = $isEventRegistrationOpen && $hasHebergement;
            @endphp

            {{-- <p class="hightlighted-paragraph mt-4 text-center">
                Tarifs Hébergement :</p> --}}

            <div class="row mt-4 mb-4 justify-content-md-center">
                <div class="col-md-12 text-centerx">
                    @foreach ($event->hotels as $hotel)
                        <div class="row justify-content-md-center">
                            <div class="col-md-3 text-end d-flex align-items-center">
                                <img class="blog-image" width="200" src="{{ $hotel->thumbnail }}"
                                    alt="{{ $hotel->name }}">
                            </div>
                            <div class="col-lg-6 col-md-6 col-md-auto">
                                <h3 class="event-title mt-3">{{ $hotel->name }}</h3>
                                <div class="mt-1 mb-2">
                                    @for ($i = 1; $i <= $hotel->stars; $i++)
                                        <span class="fa fa-star text-warning"></span>
                                    @endfor
                                </div>
                                @if ($hotel->price_1)
                                    <div class="mt-3 bold">
                                        <p>
                                            {{ $hotel->label_1 }} : <span class="hotel-price">{{ $hotel->price_1 }}
                                                TND</span> par
                                            nuitée
                                        </p>
                                    </div>
                                @endif
                                @if ($hotel->price_2)
                                    <div class="mt-2 bold">
                                        <p>
                                            {{ $hotel->label_2 }} : <span class="hotel-price">{{ $hotel->price_2 }}
                                                TND</span> par
                                            nuitée
                                        </p>
                                    </div>
                                @endif
                                <p class="mt-3">{{ $hotel->description }}</p>
                            </div>
                            <hr class="mt-3 mb-3 w-50 mx-auto">
                        </div>
                    @endforeach
                </div>
                <div class="col-md-12 text-center">
                    <p class="bold text-start">NB : Taxe de séjour :</p>
                    <ul class="true-list text-start">
                        <li>Résidents Tunisiens : 3 TND / Personne / Nuitée est à payer en supplément</li>
                        <li>Résidents Etrangers : 12 TND / Personne / Nuitée est à payer en Supplément</li>
                    </ul>
                </div>
            </div>
            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent
        </div>
    </section>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection