@section('title', __('Earning') . ' ' . Str::ucfirst($type))
<div>

    <x-baseview title="{{ __('Earning') }} {{ Str::ucfirst($type) }}">
        {{-- <livewire:tables.earning-table /> --}}
        @livewire('tables.earning-table', [
            'type' => $type,
        ])
    </x-baseview>

    {{-- payout --}}
    <div x-data="{ open: @entangle('showCreate') }">
        <x-modal confirmText="{{ __('Payout') }}" action="payout">
            <p class="text-xl font-semibold">{{ __('Pay') }} {{ Str::ucfirst(Str::singular($type ?? '')) }}</p>
            <x-input title="{{ __('Amount') }}" name="amount" placeholder="10" />
            <x-select title="{{ __('Payment Method') }}" :options="$paymentMethods ?? []" name="payment_method_id" />
            <x-select title="{{ __('Payment Account') }}" :options="$paymentAccounts ?? []" name="payment_account_id" />
            <x-input title="{{ __('Note') }}" name="note" placeholder="" />
        </x-modal>
    </div>

    {{-- transfer --}}
    <div x-data="{ open: @entangle('showEdit') }">
        <x-modal
            confirmText="{{ ($type ?? '') == 'vendors' ? __('Submit') : __('Transfer') }}"
            action="{{ ($type ?? '') == 'vendors' ? 'vendorWalletAdjustment' : 'transfer' }}"
        >
            @if (($type ?? '') == 'vendors')
                <p class="text-xl font-semibold">
                    {{ ($walletAdjustmentMode ?? 'debit') == 'debit' ? __('Charge Store Current Account') : __('Store Payment Settlement') }}
                    ({{ $selectedModel->vendor->name ?? '' }})
                </p>
                <x-input title="{{ __('Amount') }}" name="walletAdjustmentAmount" placeholder="10" />
                <x-input
                    title="{{ __('Note') }}"
                    name="walletAdjustmentNote"
                    placeholder="{{ __('Example: Bank transfer proof 123') }}"
                />
            @else
                <p class="text-xl font-semibold">{{ __('Transfer To Wallet') }} ({{ $selectedModel->user->name ?? '' }})
                </p>
                <x-input title="{{ __('Amount') }}" name="transferAmount" placeholder="10" />
                <x-input-password title="{{ __('Current Account Password') }}" name="password" />
            @endif
        </x-modal>
    </div>


</div>