@extends('layouts.host', ['header' => true, 'close_button' => true, 'header_image' => false])
@section('title', 'Completed Events')
@section('back_button')
    <a href="{{ route('host.index') }}" class="back-btn-back">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection
@section('content')
    <section class="main-sec hosting-admin-section">
        <div class="">
            <div class="hosting-admin-row">
                <h4 class="live-event-top-text">Completed events</h4>
                <!-- Table Section -->
                <div class="table-container table-responsive horizontal-scroll">
                    <table>
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Code</th>
                                <th>Start date</th>
                                <th>End date</th>
                                <th>Entry Fee</th>
                                <th>Participants</th>
                                {{-- <th>Hosted By</th> --}}
                                <th>Total Event Fee Revenue</th>
                                {{-- <th>New Raf Members</th> --}}
                                {{-- <th>Raf Revenue Share $</th> --}}
                                {{-- <th>Total Event Rev $ Due to Host</th> --}}
                                {{-- <th>Amt Due</th> --}}
                                <th>Amt Paid</th>
                                <th>Date Paid</th>
                                <th>P/R</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($completed_events_with_data as $index => $event)
                                <tr>
                                    <td class='text-end'>{{ $index + 1 }}</td>
                                    <td class='text-center'>{{ $event->event_code ?? 'N/A' }}</td>
                                    <td class='text-center'>
                                        {{ $event->start_date ? $event->start_date->format('m/d/Y') : 'N/A' }}</td>
                                    <td class='text-center'>
                                        {{ $event->end_date ? $event->end_date->format('m/d/Y') : 'N/A' }}</td>
                                    <td>${{ number_format($event->event_fee ?? 0.0, 2) }}</td>
                                    <td class='text-center'>{{ $event->total_participants ?? 0 }}</td>
                                    {{-- <td>{{ $event->hosted_by ?? 'N/A' }}</td> --}}
                                    <td>${{ number_format($event->total_revenue ?? 0, 2) }}</td>
                                    {{-- <td>{{ $event->new_raf_members ?? 0 }}</td> --}}
                                    {{-- <td>${{ number_format($event->new_raf_share ?? 0 , 2) }}</td>
                                    <td>${{ number_format($event->total_to_host ?? 0, 2) }}</td>
                                    <td>${{ number_format($event->total_due ?? 0, 2) }}</td> --}}
                                    <td>${{ number_format($event->total_paid ?? 0, 2) }}</td>
                                    <td>{{ $event?->hostPayoutByEventRevenue?->first()?->payout_date?->format('m/d/Y') ?? 'N/A' }}</td>
                                    <td>
                                        @if ($event->receiptFile('event_revenue_receipt'))
                                            <a
                                                href="{{ Storage::disk('public')->url($event->receiptFile('event_revenue_receipt') ? $event->receiptFile('event_revenue_receipt')->path : '') }}" target="_blank">
                                                <svg width="11" height="13" viewBox="0 0 11 13" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M10.2024 3.30275L7.20238 0.30275C7.10863 0.208975 6.98147 0.156278 6.84888 0.15625H1.84888C1.45105 0.15625 1.06952 0.314285 0.788217 0.59559C0.506912 0.876894 0.348877 1.25843 0.348877 1.65625V10.6562C0.348877 11.0541 0.506912 11.4356 0.788217 11.7169C1.06952 11.9982 1.45105 12.1562 1.84888 12.1562H8.84888C9.2467 12.1562 9.62823 11.9982 9.90954 11.7169C10.1908 11.4356 10.3489 11.0541 10.3489 10.6562V3.65625C10.3488 3.52365 10.2962 3.3965 10.2024 3.30275ZM7.34888 1.86325L8.64188 3.15625H7.34888V1.86325ZM8.84888 11.1562H1.84888C1.71627 11.1562 1.58909 11.1036 1.49532 11.0098C1.40156 10.916 1.34888 10.7889 1.34888 10.6562V1.65625C1.34888 1.52364 1.40156 1.39646 1.49532 1.3027C1.58909 1.20893 1.71627 1.15625 1.84888 1.15625H6.34888V3.65625C6.34888 3.78886 6.40156 3.91604 6.49532 4.0098C6.58909 4.10357 6.71627 4.15625 6.84888 4.15625H9.34888V10.6562C9.34888 10.7889 9.2962 10.916 9.20243 11.0098C9.10866 11.1036 8.98149 11.1562 8.84888 11.1562Z"
                                                        fill="white" />
                                                    <path
                                                        d="M7.84888 5.15625H3.84888C3.71627 5.15625 3.58909 5.20893 3.49532 5.3027C3.40156 5.39646 3.34888 5.52364 3.34888 5.65625C3.34888 5.78886 3.40156 5.91604 3.49532 6.0098C3.58909 6.10357 3.71627 6.15625 3.84888 6.15625H7.84888C7.98149 6.15625 8.10866 6.10357 8.20243 6.0098C8.2962 5.91604 8.34888 5.78886 8.34888 5.65625C8.34888 5.52364 8.2962 5.39646 8.20243 5.3027C8.10866 5.20893 7.98149 5.15625 7.84888 5.15625ZM7.84888 7.15625H2.84888C2.71627 7.15625 2.58909 7.20893 2.49532 7.3027C2.40156 7.39646 2.34888 7.52364 2.34888 7.65625C2.34888 7.78886 2.40156 7.91604 2.49532 8.0098C2.58909 8.10357 2.71627 8.15625 2.84888 8.15625H7.84888C7.98149 8.15625 8.10866 8.10357 8.20243 8.0098C8.2962 7.91604 8.34888 7.78886 8.34888 7.65625C8.34888 7.52364 8.2962 7.39646 8.20243 7.3027C8.10866 7.20893 7.98149 7.15625 7.84888 7.15625ZM6.84888 9.15625H2.84888C2.71627 9.15625 2.58909 9.20893 2.49532 9.3027C2.40156 9.39646 2.34888 9.52364 2.34888 9.65625C2.34888 9.78886 2.40156 9.91604 2.49532 10.0098C2.58909 10.1036 2.71627 10.1562 2.84888 10.1562H6.84888C6.98149 10.1562 7.10866 10.1036 7.20243 10.0098C7.2962 9.91604 7.34888 9.78886 7.34888 9.65625C7.34888 9.52364 7.2962 9.39646 7.20243 9.3027C7.10866 9.20893 6.98149 9.15625 6.84888 9.15625Z"
                                                        fill="white" />
                                                </svg>
                                            </a>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10" class="text-center">No completed events found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- Stats Section -->
                <div class="container">
                    <div class="stats-container">
                        <div class="stat-box">
                            <h2>$ {{ number_format($totalRevenue ?? 0, 2) }}</h2>
                            <p>Total Event Revenue</p>
                        </div>
                        <div class="stat-box">
                            <h2>$ {{ number_format($totalPaid ?? 0, 2) }}</h2>
                            <p>Amt Paid</p>
                        </div>
                        <div class="stat-box">
                            <h2>$ {{ number_format($totalDue ?? 0, 2) }}</h2>
                            <p>Amt Due</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection