mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
66 lines
2.7 KiB
PHP
66 lines
2.7 KiB
PHP
<x-jet-dialog-modal wire:model="viewingModal" maxWidth="screen" bg="bg-21gray">
|
|
<x-slot name="title">
|
|
<div class="text-gray-200">
|
|
{{ __('Orange Pill Book Case') }}
|
|
</div>
|
|
</x-slot>
|
|
|
|
<x-slot name="content">
|
|
<div class="space-y-4 mt-16 flex flex-col justify-center min-h-[600px]">
|
|
|
|
<div class="my-4">
|
|
<div class="border-b border-gray-200 pb-5">
|
|
<h3 class="text-lg font-medium leading-6 text-gray-200">Bisher waren hier</h3>
|
|
</div>
|
|
<ul role="list" class="divide-y divide-gray-200">
|
|
@foreach($currentModal?->orangePills ?? [] as $orangePill)
|
|
<li class="flex py-4">
|
|
<img class="h-10 w-10 rounded-full" src="{{ $orangePill->user->profile_photo_url }}" alt="">
|
|
<div class="ml-3">
|
|
<p class="text-sm text-gray-200">
|
|
{{ $orangePill->user->name }} hat am {{ $orangePill->date->asDateTime() }} {{ $orangePill->amount }} Bitcoin-Bücher hinzugefügt
|
|
</p>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<x-input
|
|
min="1"
|
|
type="number"
|
|
wire:model.debounce="orangepill.amount"
|
|
label="Anzahl der Bücher"
|
|
placeholder="Anzahl der Bücher"
|
|
corner-hint="Wie viele Bitcoin-Bücher hast du reingestellt?"
|
|
/>
|
|
</div>
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<x-datetime-picker
|
|
label="Datum"
|
|
placeholder="Datum"
|
|
display-format="DD.MM.YYYY"
|
|
wire:model.defer="orangepill.date"
|
|
without-time
|
|
corner-hint="Wann hast du Bitcoin-Bücher reingestellt?"
|
|
/>
|
|
</div>
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<x-textarea wire:model.defer="orangepill.comment" label="Kommentar" placeholder="Kommentar"
|
|
corner-hint="Zum Beispiel welche Bücher du reingestellt hast."/>
|
|
</div>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<x-slot name="footer">
|
|
<x-jet-secondary-button wire:click="resetModal" wire:loading.attr="disabled">
|
|
@lang('Close')
|
|
</x-jet-secondary-button>
|
|
<x-jet-secondary-button wire:click="submit" wire:loading.attr="disabled">
|
|
💊 @lang('Orange Pill Now')
|
|
</x-jet-secondary-button>
|
|
</x-slot>
|
|
</x-jet-dialog-modal>
|