@section('title', __('Payment Methods'))
<div>
    @php
        $isAdminPaymentManager = auth()->user()->hasAnyRole(['admin', 'admin-limited']);
        $canAssignPaymentMethods = !$isAdminPaymentManager || !empty($selectedVendorId);
    @endphp

    <x-baseview title="{{ __('Payment Methods') }}" :showNew="$canAssignPaymentMethods" actionTitle="{{ __('Assign') }}">
        @if ($isAdminPaymentManager)
            <div class="p-3 mb-4 border rounded-lg bg-yellow-50 border-yellow-200 text-yellow-900">
                <p class="font-semibold">{{ __('Vendor Payment Methods') }}</p>
                <p>{{ __('Only admin and admin-limited can manage vendor payment methods. Select a vendor below to continue.') }}</p>
            </div>

            <div class="mb-4">
                <x-label :title="__('Select Vendor')" />
                <select wire:model="selectedVendorId" class="block w-full px-2 border rounded appearance-none bg-grey-lighter text-grey-darker border-grey-lighter">
                    <option value="">{{ __('-- Select --') }}</option>
                    @foreach ($vendors ?? [] as $vendorId => $vendorName)
                        <option value="{{ $vendorId }}">{{ $vendorName }}</option>
                    @endforeach
                </select>
            </div>
        @endif

        @if ($canAssignPaymentMethods)
            <livewire:tables.vendor-payment-method-table :vendorId="$selectedVendorId"
                :key="'vendor-payment-method-table-' . ($selectedVendorId ?? auth()->id())" />
        @else
            <div class="p-4 text-sm border rounded bg-gray-50 text-gray-700">
                {{ __('Select a vendor to view and manage payment methods.') }}
            </div>
        @endif
    </x-baseview>

    {{-- assign form --}}
    <div x-data="{ open: @entangle('showCreate') }">
        <x-modal-lg confirmText="{{ __('Save') }}" action="assignPaymentMethods" :clickAway="false">
            <p class="text-xl font-semibold">{{ __('Assign Payment Methods To Vendor') }}</p>
            @if ($isAdminPaymentManager && !empty($selectedVendorId))
                <p class="mt-1 text-sm text-gray-600">{{ __('Selected Vendor') }}: {{ $vendors[$selectedVendorId] ?? '—' }}</p>
            @endif

            {{-- table of all payment methods --}}
            <table class="w-full table-auto border-collapse border border-slate-500 my-4">
                <thead>
                    <tr>
                        <th class="border border-slate-600 p-2">{{ __('Name') }}</th>
                        <th class="border border-slate-600 p-2">{{ __('Allowed On Regular Pickup') }}</th>
                        <th class="border border-slate-600 p-2">{{ __('Allowed') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($paymentMethods ?? [] as $key => $paymentMethod)
                        <tr>
                            <td class="border border-slate-700 p-2">{{ $paymentMethod->name }}</td>
                            <td class="border border-slate-700 p-2">
                                <div class="mx-auto flex items-center w-full">
                                    <input type="checkbox"
                                        wire:model.defer="vendorPaymentMethods.{{ $key }}.allow_pickup"
                                        value="1">
                                </div>
                            </td>
                            <td class="border border-slate-700 p-2">
                                <div class="mx-auto flex items-center w-full">
                                    <input type="checkbox"
                                        wire:model.defer="vendorPaymentMethods.{{ $key }}.selected"
                                        value="1">
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>


        </x-modal-lg>
    </div>
</div>