@extends('layouts.admin')

@section('content')
    @php
        $sNo = request()->page ? request()->page * 10 - 10 : 0;
    @endphp
    <section class="section">
        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-12">
                    {{-- <x-admin_alert /> --}}
                    <div class="card">
                        <div class="card-header custom-cart-header">
                            <h4>Rev-Share</h4>
                            <div class="row">
                                <div class="">
                                    <select name="month" id="month" class="">
                                        @foreach (range(1, 12) as $this_month)
                                            <option value="{{ str_pad($this_month, 2, '0', STR_PAD_LEFT) }}"
                                                {{ str_pad($this_month, 2, '0', STR_PAD_LEFT) == $month ? 'selected' : '' }}
                                                data-month="{{ $this_month }}"
                                                data-month-name="{{ \Carbon\Carbon::create()->month($this_month)->format('F') }}">
                                                {{ \Carbon\Carbon::create()->month($this_month)->format('F') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="">
                                    <select name="year" id="year" class="">
                                        @foreach (range(2023, 2050) as $this_year)
                                            <option value="{{ $this_year }}"
                                                {{ $this_year == (request('year') ?? $year) ? 'selected' : '' }}
                                                data-year="{{ $this_year }}">
                                                {{ $this_year }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <form method="GET">
                                <div class="row mb-3">
                                    <div class="col-md-4">
                                        <input type="text" name="search" class="form-control"
                                            value="{{ request('search') }}" placeholder="Search...">
                                    </div>

                                    <div class="col">
                                        <button type="submit" class="btn btn-primary">Search</button>
                                        <a href="{{ route('admin.events.revshare.month') }}"
                                            class="btn btn-secondary">Clear</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="card-body">
                            <p>Total No. Rev-Share Members in Group: <span>{{ $totalSubscriptionsByEvent ?? 0 }}</span></p>
                            <p>Total Rev-Share $ Earned year to date completed Events:
                                <span>na</span>
                            </p>

                            <p>Total Rev-Share $ Paid: <span>${{ number_format($totalRevenueSharePaid ?? 0, 2) }}</span>
                            </p>

                            <p>Total Rev-Share $ Due: <span>${{ number_format($totalRevenueShareDue ?? 0, 2) }}</span></p>

                            <div class="table-responsive">
                                <table class="table table-striped table-md">
                                    <tr>
                                        <th>#Sno.</th>
                                        <th>Host Logo</th>
                                        <th>Email</th>
                                        <th>Host #Sno.</th>
                                        <th>No. of Remaining Active RAF Members</th>
                                        <th>Membership Rev-Share Due</th>
                                        <th>Bank Routing #</th>
                                        <th>Bank Account #</th>
                                        <th>Receipt <i class="fas fa-file-invoice"></i></th>
                                        <th>Date Paid</th>
                                        <th><button class="btn btn-warning">Confirm Payment and Post Receipt</button></th>
                                    </tr>
                                    @forelse ($events as $event)
                                        <tr>
                                            <td>{{ $sNo + $loop->index + 1 }}</td>
                                            <td><img src="{{ isset($event->eventLogo->first()->path) ? asset('storage/' . $event->eventLogo->first()->path) : asset('images/upload-host-logo.svg') }}"
                                                    alt="" height="50" width="50"></td>
                                            <td>{{ $event->user->email ?? '' }}</td>
                                            <td>Host#{{ $event->user?->id ?? '' }}</td>
                                            <td>na</td>
                                            <td>$ {{ number_format($event->revenue_share_due ?? 0, 2) }}</td>
                                            <td>
                                                @php
                                                    $routingNumber = $event->user?->bankDetails?->routing_number;
                                                @endphp
                                                {{ $routingNumber ? jsdecode_userdata($routingNumber) : 'N/A' }}
                                            </td>
                                            <td>
                                                @php
                                                    $accountNumber = $event->user?->bankDetails?->account_number;
                                                @endphp
                                                {{ $accountNumber ? jsdecode_userdata($accountNumber) : 'N/A' }}
                                            </td>
                                            <td>
                                                <input type="file" class="receiptFile"
                                                    id="receiptFile_{{ $event->id }}" name="receipt"
                                                    style="display: none;" accept="application/pdf"
                                                    data-url="{{ route('admin.member.uploadReceipt') }}"
                                                    data-event-id="{{ $event->id }}"
                                                    data-type="{{ jsencode_userdata('revenue_share_receipt') }}">
                                                <button type="button" class="uploadButton"
                                                    data-event-id="{{ $event->id }}" data-is-uploaded="{{ $event->pdfFile('revenue_share_receipt') ? true : false }}">Receipt <img
                                                        src="{{ asset('images/receipt-icon.png') }}"
                                                        alt=""></button>
                                            </td>
                                            <td>{{ $event->hostPayoutByEventRevenueShare->first()?->payout_date?->format('m/d/Y') ?? 'N/A' }}
                                            </td>
                                            <td>
                                                @if ($event && isPayoutExistForEventRevenueShare($event->id))
                                                    Paid
                                                @else
                                                    <a href="{{ route('admin.member.createHostPayoutByEvent', ['type' => jsencode_userdata('revenue_share')]) }}"
                                                        class="btn btn-warning confirm-payment"
                                                        data-host-id="{{ $event->user->id ?? null }}"
                                                        data-event-id="{{ $event->id ?? null }}">Confirm
                                                        Payment
                                                        and Post
                                                        Receipt</a>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="no-record-found" colspan="8">
                                                <center>Did not found any events</center>
                                            </td>
                                        </tr>
                                    @endforelse
                                </table>
                                {{ $events->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('pagespecificscripts')
    @include('admin.manage_events.js-confirm-payout-receipt');
    <script>
        $(document).ready(function() {
            $('#month, #year').on('change', function() {
                var selectedMonth = $('#month')
                    .val();
                var selectedMonthName = $('#month option:selected').text().trim();
                var selectedYear = $('#year').val();

                var url =
                    "{{ route('admin.events.revshare.month', ['month' => '__MONTH__', 'year' => '__YEAR__', 'month_name' => '__MONTH_NAME__']) }}";
                url = url.replace('__MONTH__', selectedMonth)
                    .replace('__YEAR__', selectedYear)
                    .replace('__MONTH_NAME__', selectedMonthName);

                window.location.href = url;
            });

        });
    </script>
@endpush