adrema/modules/Contribution/Components/FillList.php

<?php

namespace Modules\Contribution\Components;

use App\Contribution\ContributionFactory;
use App\Country;
use Illuminate\Support\Collection;
use App\Member\Member;
use Carbon\Carbon;
use Livewire\Attributes\Validate;
use Livewire\Component;
use Zoomyboy\Tex\Tex;

class FillList extends Component
{
    #[Validate(rule: 'required|string|max:255', as: 'Veranstaltungs-Name')]
    public string $eventName = '';
    #[Validate(rule: 'required|date', as: 'Datum von')]
    public Carbon $dateFrom;
    #[Validate(rule: 'required|date', as: 'Datum bis')]
    public Carbon $dateUntil;
    #[Validate(rule: 'required|integer|gt:0', as: 'Land')]
    public int $country;
    #[Validate(rule: 'array|min:1', as: 'Mitglieder')]
    public $members = [];
    #[Validate(rule: 'required', as: 'Formular')]
    public ?string $compiler = null;
    #[Validate(rule: 'required', as: 'PLZ / Ort')]
    public string $zipLocation;

    public Collection $countries;
    public string $search = '';
    public Collection $compilers;
    public Collection $memberResults;

    public function rules(): array
    {
        return [
            'eventName' => 'required|string|max:255',
        ];
    }

    public function mount(): void
    {
        $this->compilers = app(ContributionFactory::class)->compilerSelect();
        $this->countries = Country::select('name', 'id')->get()->toBase();
        $this->clearSearch();
        $this->country = Country::firstWhere('name', 'Deutschland')->id;
    }

    public function submit()
    {
        $payload = $this->validate();

        return Tex::compile($this->compiler::fromRequest($payload));
    }

    public function updatedSearch(): void
    {
        $this->memberResults = Member::search($this->search, fn ($engine, $query, $options) => $engine->search($query, [
            ...$options,
            'filter' => ['birthday IS NOT NULL', 'address IS NOT EMPTY']
        ]))->get()->toBase();
    }

    public function onSubmitFirstMemberResult(): void
    {
        if (count($this->memberResults) === 0) {
            $this->clearSearch();
            return;
        }

        $this->onSubmitMemberResult($this->memberResults[0]->id);
    }

    public function onSubmitMemberResult(int $memberId): void
    {
        if (in_array($memberId, $this->members)) {
            $this->members = array_values(array_filter($this->members, fn ($m) => $m !== $memberId));
        } else {
            $this->members[] = $memberId;
        }

        $this->js('document.querySelector("#search_input").focus()');

        $this->clearSearch();
    }

    public function clearSearch(): void
    {
        $this->search = '';
        $this->memberResults = collect([]);
    }

    public function render()
    {
        return <<<'HTML'
            <x-page::layout title="Zuschüsse" menu="contribution">
                <form wire:submit.prevent="submit" class="max-w-4xl w-full mx-auto gap-6 grid-cols-2 grid p-6">
                    <x-form::text name="eventName" wire:model="eventName" class="col-span-2" label="Veranstaltungs-Name" required></x-form::text>
                    <x-form::text name="dateFrom" wire:model="dateFrom" type="date" label="Datum von" required></x-form::text>
                    <x-form::text name="dateUntil" wire:model="dateUntil" type="date" label="Datum bis" required></x-form::text>
                    <x-form::text name="zipLocation" wire:model="zipLocation" label="PLZ / Ort" required></x-form::text>
                    <x-form::select name="country" wire:model="country" :options="$countries" label="Land" required></x-form::select>
                    <x-form::select name="compiler" wire:model="compiler" :options="$compilers" label="Formular" required></x-form::select>

                    <x-ui::box class="relative col-span-2" title="Mitglieder finden">
                        <x-ui::errors for="members" />
                        <x-form::text name="search_text" id="search_input" wire:model.live="search" class="col-span-2" label="Suchen …" size="sm" wire:keydown.enter.prevent="onSubmitFirstMemberResult"></x-form::text>
                        <div class="mt-2 grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-2 col-span-2">
                            @foreach($memberResults as $member)
                            <x-form::lever
                                id="members-{{$member->id}}"
                                :wire:key="$member->id"
                                wire:model="members"
                                :label="$member->fullname"
                                name="members"
                                :value="$member->id"
                                size="sm"
                                wire:keydown.enter.prevent="onSubmitMemberResult({{$member->id}})"
                            ></x-form::lever>
                            @endforeach
                        </div>
                    </x-ui::box>


                    <x-ui::button class="col-span-2" type="submit">Formular erstellen</x-ui::button>
                </form>
            </x-page::layout>
        HTML;
    }
}