@extends('layouts.host', ['header' => true, 'close_button' => true, 'header_image' => false])
@section('title', 'Event Library')
{{-- @section('back_button')
    <a href="{{ url()->previous() }}" class="back-btn-back">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection --}}
@section('content')
    <section class="main-sec event-library-section">
        <h4 class="live-event-top-text event-library">Event Library</h4>
        <div class="container">
            <div class="event-library-main-row">
                @if ($events->count() > 0)
                    @foreach ($events as $event)
                        <div class="memeber-price-box">
                            <label for="memeber-price-card" class="mb-0">
                                <div class="memeber-price-details-outer becomehost-div">
                                    <div class="event-code">
                                        <h5>Event Code No.</h5>
                                        <span>{{ $event->event_code ?? '' }}</span>
                                        @if (is_null($event->event_code))
                                            <a href="{{ route('host.event.payment.form', ['plan_id' => jsencode_userdata(getHostPlan()->id) ,'event_id' => jsencode_userdata($event->id)]) }}"
                                                class="button primary-btn orange-outline">Pay For Event Code</a>
                                        @endif
                                    </div>
                                    <div class="event-code-name">
                                        <h6>Event Name:<span> {{ $event->event_name ?? '' }}</span></h6>
                                    </div>

                                    <div class="event-library-gund-details">
                                        <div class="event-library-gund-detail-innner">
                                            <h4>Start Date</h4>
                                            <h5>{{ $event->start_date ? $event->start_date->format('m/d/y') : 'N/A' }}</h5>
                                        </div>
                                        <div class="event-library-gund-detail-innner">
                                            <h4>End Date</h4>
                                            <h5>{{ $event->end_date ? $event->end_date->format('m/d/y') : 'N/A' }}</h5>
                                        </div>
                                        <div class="event-library-gund-detail-innner">
                                            <h4>Participants</h4>
                                            <h5>{{ getParticipantsByEvent($event) ?? '0'}}</h5>
                                        </div>
                                        <div class="event-library-gund-detail-innner">
                                            <h4>Event fee</h4>
                                            <h5>${{ $event->event_fee ?? 0.0 }}</h5>
                                        </div>
                                        <div class="event-library-gund-detail-innner">
                                            <h4>New RAF Members</h4>
                                            <h5>{{ ($event->newRafMembers && $event->newRafMembers()->count() > 0) ? $event->newRafMembers()->count() : 0 }}</h5>
                                        </div>
                                        <div class="event-library-gund-detail-innner">
                                            <h4>Total revenue</h4>
                                            <h5>${{ number_format(getTotalEventRevenue($event) ?? 0 , 2) }}</h5>
                                        </div>
                                    </div>
                                    <a href="{{ route('host.event.detail', ['event_id' => jsencode_userdata($event->id)]) }}"
                                        class="view-full-library">
                                        View Full Detail
                                        <svg width="12" height="8" viewBox="0 0 12 8" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M11.4883 4.05668C11.6836 3.86142 11.6836 3.54483 11.4883 3.34957L8.30634 0.167591C8.11108 -0.0276711 7.79449 -0.0276711 7.59923 0.167591C7.40397 0.362853 7.40397 0.679436 7.59923 0.874698L10.4277 3.70312L7.59923 6.53155C7.40397 6.72681 7.40397 7.0434 7.59923 7.23866C7.79449 7.43392 8.11108 7.43392 8.30634 7.23866L11.4883 4.05668ZM0.634766 4.20312H11.1348V3.20312H0.634766V4.20312Z"
                                                fill="white" />
                                        </svg>
                                    </a>
                                </div>
                            </label>
                        </div>
                    @endforeach
                @else
                    <div class="no-events-found">
                        <h6>No events found in the library.</h6>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection