@extends('layouts.host', ['header' => true, 'close_button' => true, 'header_image' => false])
@section('title', 'Dashboard')
{{-- @section('back_button')
    <a href="javascript:void(0);" class="back-btn-back navbar-toggler">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection --}}

@section('content')
    <section class="main-sec hosting-admin-section">
        <div class="container">
            <div class="hosting-admin-row">
                <div class="host-admin-logo mt-2 mb-2">
                   {{-- SHOWING HOST LOGO STARTS --}}
                        @php
                            $eventLogo = auth()->user()->events->whereNotNull('event_code')->first()->eventLogo ?? null;
                        @endphp
                        
                        <!-- @if ($eventLogo ? $eventLogo->first() : false)
                            <img width='100' height='100' src="{{ asset('storage/' . $eventLogo->first()->path) }}" alt="">
                        @else
                            <img src="{{ asset('images/Rectangle 9822.png') }}">
                        @endif -->
                        <img width='100' height='100' src="{{ getHostProfile()?->profile_pic_path ? Storage::url(getHostProfile()->profile_pic_path) : Storage::url($eventLogo) }}" alt="host logo">
                        
                    {{-- SHOWING HOST LOGO ENDS  --}}
                </div>
                <div class="memeber-price-box">
                    <a href="{{ route('host.live.events') }}">
                        <label for="memeber-price-card" class="mb-0">
                            <div class="memeber-price-details-outer becomehost-div">
                                <div class="memeber-benifit-box mb-2">
                                    <div class="live-event-column">
                                        <div class="live-event-inner">
                                            {{-- <div class="live-badge">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="6"
                                                    viewBox="0 0 7 6" fill="none">
                                                    <circle cx="3.42336" cy="3.3705" r="2.63625" fill="white" />
                                                </svg>
                                                Live
                                            </div> --}}
                                            <h3 class="event-main-text">Live / Upcoming Events</h3>
                                        </div>
                                        {{-- <span>{{$data['live_events'] ?? 0 }}</span> --}}
                                        <span>{{ $liveEvents ? $liveEvents->count() : 0 }}</span>
                                    </div>
                                    <div class="live-event-icon">
                                        <img src="{{ asset('images/live-event-icon.png') }}">
                                    </div>
                                </div>

                                <div class="live-event-column mb-2">
                                    <div class="live-event-inner">
                                        <h3>Total # of Participants </h3>
                                    </div>
                                    {{-- <span>{{ $data['total_participants'] ?? 0 }}</span> --}}
                                    <span>{{ $liveEventParticipants ?? 0 }}</span>
                                </div>

                                <div class="live-event-column">
                                    <div class="live-event-inner">
                                        <h3>Total Live Event Revenue </h3>
                                    </div>
                                    <span>${{ number_format($liveAmount ?? 0.0, 2) }}</span>
                                </div>

                            </div>
                        </label>
                    </a>
                </div>
                <div class="memeber-price-box">
                    <a href="{{ route('host.completed.events') }}">
                        <label for="memeber-price-card" class="mb-0">
                            <div class="memeber-price-details-outer becomehost-div">
                                <div class="memeber-benifit-box mb-2">
                                    <div class="live-event-column">
                                        <div class="live-event-inner">
                                            <h3 class="event-main-text">Completed events</h3>
                                        </div>
                                        {{-- <span>{{ $data['completed_events'] ?? 0 }}</span> --}}
                                        <span>{{ $completedEventsCount ?? 0 }}</span>
                                    </div>
                                    <div class="live-event-icon">
                                        <img src="{{ asset('images/complted-event.png') }}">
                                    </div>
                                </div>
                                <div class="live-event-column mb-2">
                                    <div class="live-event-inner">
                                        <h3>Total Event Revenue Paid</h3>
                                    </div>
                                    {{-- <span>${{ $completedEventRevenue ?? 0.00 }}</span> --}}
                                    <span>${{ number_format($completedEventTotalPaid ?? 0.0, 2) }}</span>
                                </div>
                                <div class="live-event-column">
                                    <div class="live-event-inner">
                                        <h3>Total Event Revenue Pending</h3>
                                    </div>
                                    <span>${{ number_format($completedEventTotalDue ?? 0.0, 2) }}</span>
                                </div>
                            </div>
                        </label>
                    </a>
                </div>
                <div class="memeber-price-box">
                    <a href="{{ route('host.rev-share.monthly') }}">
                        <label for="memeber-price-card" class="mb-0">
                            <div class="memeber-price-details-outer becomehost-div">
                                <div class="memeber-benifit-box mb-2">
                                    <div class="live-event-column">
                                        <div class="live-event-inner">
                                            <h3 class="event-main-text">Rev-Share Members</h3>
                                        </div>
                                        <span>{{ $totalRevShareMembers ?? 0 }}</span>
                                    </div>
                                    <div class="live-event-icon">
                                        <img src="{{ asset('images/rev-share-icon.png') }}">
                                    </div>
                                </div>
                                <div class="live-event-column mb-2">
                                    <div class="live-event-inner">
                                        <h3>Total Rev-Share Paid</h3>
                                    </div>
                                    <span>${{ number_format($totalRevenueSharePaid ?? 0, 2) }}</span>
                                </div>
                                <div class="live-event-column">
                                    <div class="live-event-inner">
                                        <h3>Total Rev-Share Pending</h3>
                                    </div>
                                    <span>${{ number_format($totalRevenueSharePending ?? 0, 2) }}</span>
                                </div>
                            </div>
                        </label>
                    </a>
                </div>
            </div>
            <div class="footer-menus">

            </div>
        </div>
    </section>
@endsection