<x-app-layout>
    <x-slot name="header">
            {{ str_replace(['@PLATFORM_NAME@', '@CURRENCY@'], [platform_name(), platform_currency_name_plural()], __('Transfer @PLATFORM_NAME@ @CURRENCY@')) }}
    </x-slot>

    <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
        <div class="md:grid md:grid-cols-3 md:gap-6">
            <div class="md:col-span-1">
                <div class="px-3 sm:px-0">
                    @livewire('side-post', [
                        'type' => 'SiteContents\Pay\Sticky' ?? null,
                        'sticky' => true,
                        'alwaysShowFull' => true,
                        'fallbackTitle' => __('Your time is currency'),
                        'fallbackDescription' => trans_with_platform(
                            '@PLATFORM_NAME_SHORT@ @PLATFORM_CURRENCY_NAME_PLURAL@ can only be used to trade work, help, or services. ' .
                            'Each hour equals 60 minutes of work. They can\'t be turned into euros, emphasizing that all work is valued equally. ' .
                            'These simple rules ensure that no profit can be made, keeping the focus on cooperation and mutual support.'
                        )
                    ])
                    <div class="hidden md:block sm:my-12">
                    @livewire('side-post', [
                        'type' => 'SiteContents\Pay' ?? null, 
                        'random' => true,
                        'fallbackTitle' => '',
                        'fallbackDescription' => '' ])
                    </div>
                </div>
            </div>
            <div class="mt-0 md:col-span-2">
                @livewire('pay', [
                    'amount' => $amount ?? null,
                    'hours' => $hours ?? null,
                    'minutes' => $minutes ?? null,
                    'toAccountId' => $toAccountId ?? null,
                    'toHolderName' => $name ?? null,
                    'description' => $description ?? null,
                    'type' => $type ?? null,
                ])
            </div>
        </div>
    </div>
</x-app-layout>
