From d4dd446c86d38fcefbc174d8010ac932e6ef7894 Mon Sep 17 00:00:00 2001
From: fsociety <fsociety.mp3@pm.me>
Date: Sat, 26 Oct 2024 12:10:11 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(form):=20add=20checkbox=20for?=
 =?UTF-8?q?=20agreement=20to=20club=20statutes=20and=20email=20input=20for?=
 =?UTF-8?q?=20updates=20in=20profile=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Livewire/Forms/ApplicationForm.php        |   2 +
 .../views/pages/association/profile.blade.php | 105 ++++++++++--------
 2 files changed, 59 insertions(+), 48 deletions(-)

diff --git a/app/Livewire/Forms/ApplicationForm.php b/app/Livewire/Forms/ApplicationForm.php
index 67a3800..ffdb495 100644
--- a/app/Livewire/Forms/ApplicationForm.php
+++ b/app/Livewire/Forms/ApplicationForm.php
@@ -9,4 +9,6 @@ class ApplicationForm extends Form
 {
     #[Validate('nullable|string')]
     public $reason = '';
+    #[Validate('boolean|in:true')]
+    public $check = false;
 }
diff --git a/resources/views/pages/association/profile.blade.php b/resources/views/pages/association/profile.blade.php
index b4472c4..0bc017e 100644
--- a/resources/views/pages/association/profile.blade.php
+++ b/resources/views/pages/association/profile.blade.php
@@ -172,6 +172,7 @@ $listenForPayment = function () {
 
 $save = function ($type) {
     $this->form->validate();
+
     $this->currentPleb
         ->update([
             'association_status' => $type,
@@ -403,15 +404,70 @@ $loadEvents = function () {
                                 <h4 class="text-xs leading-snug text-[#1B1B1B] dark:text-gray-100 font-italic mb-1">
                                     Nur Personen können Mitglied werden und zahlen 21.000 Satoshis im Jahr (Die Zahlung
                                     ist noch in der Entwicklung).<br>
-                                    <span class="text-amber-500">Firmen melden sich bitte direkt an den Vorstand.</span>
+                                    <a href="https://einundzwanzig.space/verein/" class="text-amber-500">Firmen melden sich bitte direkt an den Vorstand.</a>
                                 </h4>
                                 <div class="sm:flex sm:items-center space-y-4 sm:space-y-0 sm:space-x-4 mt-5">
                                     <div class="sm:w-1/2 flex flex-col space-y-2">
+                                        <div class="flex items-center space-x-2">
+                                            <div>
+                                                <x-checkbox wire:model="form.check" label="Ich stimme den Vereins-Statuten zu"/>
+                                            </div>
+                                            <div>
+                                                <a href="https://einundzwanzig.space/verein/" target="_blank" class="text-amber-500">Statuten</a>
+                                            </div>
+                                        </div>
                                         <x-button label="Mit deinem aktuellen Nostr-Profil Mitglied werden"
                                                   wire:click="save({{ \App\Enums\AssociationStatus::PASSIVE() }})"/>
                                     </div>
                                 </div>
                             @endif
+                            <div
+                                class="mt-6 inline-flex flex-col w-full px-4 py-2 rounded-lg text-sm bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700/60 text-gray-600 dark:text-gray-400">
+                                <div class="flex w-full justify-between items-start">
+                                    <div class="flex w-full">
+                                        <svg class="shrink-0 fill-current text-yellow-500 mt-[3px] mr-3"
+                                             width="16"
+                                             height="16" viewBox="0 0 16 16">
+                                            <path
+                                                d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 12c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm1-3H7V4h2v5z"></path>
+                                        </svg>
+                                        <div class="w-full">
+                                            <div
+                                                class="w-full font-medium text-gray-800 dark:text-gray-100 mb-1">
+                                                Falls du möchtest, kannst du hier eine E-Mail Adresse
+                                                hinterlegen,
+                                                damit der Verein dich darüber informieren kann, wenn es
+                                                Neuigkeiten
+                                                gibt.<br><br>
+                                                Am besten eine anynomisierte E-Mail Adresse verwenden. Wir
+                                                sichern
+                                                diese Adresse AES-256 verschlüsselt in der Datenbank ab.
+                                            </div>
+                                            <div
+                                                class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2 text-amber-500">
+                                                <x-toggle xl warning
+                                                          wire:model.live="no"
+                                                          label="NEIN">
+                                                    <x-slot name="description">
+                                                        <span class="py-2 text-amber-500">Ich informiere mich selbst in der News Sektion und gebe keine E-Mail Adresse raus.</span>
+                                                    </x-slot>
+                                                </x-toggle>
+                                            </div>
+                                            @if($showEmail)
+                                                <div wire:key="showEmail"
+                                                     class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2">
+                                                    <x-input wire:model.live.debounce="fax" label="Fax-Nummer"/>
+                                                    <x-input wire:model.live.debounce="email"
+                                                             label="E-Mail Adresse"/>
+                                                </div>
+                                                <div wire:key="showSave" class="flex space-x-2 mt-2">
+                                                    <x-button wire:click="saveEmail" label="Speichern"/>
+                                                </div>
+                                            @endif
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </section>
 
                         <section>
@@ -464,53 +520,6 @@ $loadEvents = function () {
                                             </div>
                                         </div>
                                     </div>
-                                    <div
-                                        class="inline-flex flex-col w-full px-4 py-2 rounded-lg text-sm bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700/60 text-gray-600 dark:text-gray-400">
-                                        <div class="flex w-full justify-between items-start">
-                                            <div class="flex w-full">
-                                                <svg class="shrink-0 fill-current text-yellow-500 mt-[3px] mr-3"
-                                                     width="16"
-                                                     height="16" viewBox="0 0 16 16">
-                                                    <path
-                                                        d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 12c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm1-3H7V4h2v5z"></path>
-                                                </svg>
-                                                <div class="w-full">
-                                                    <div
-                                                        class="w-full font-medium text-gray-800 dark:text-gray-100 mb-1">
-                                                        Falls du möchtest, kannst du hier eine E-Mail Adresse
-                                                        hinterlegen,
-                                                        damit der Verein dich darüber informieren kann, wenn es
-                                                        Neuigkeiten
-                                                        gibt.<br><br>
-                                                        Am besten eine anynomisierte E-Mail Adresse verwenden. Wir
-                                                        sichern
-                                                        diese Adresse AES-256 verschlüsselt in der Datenbank ab.
-                                                    </div>
-                                                    <div
-                                                        class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2 text-amber-500">
-                                                        <x-toggle xl warning
-                                                                  wire:model.live="no"
-                                                                  label="NEIN">
-                                                            <x-slot name="description">
-                                                                <span class="py-2 text-amber-500">Ich informiere mich selbst in der News Sektion und gebe keine E-Mail Adresse raus.</span>
-                                                            </x-slot>
-                                                        </x-toggle>
-                                                    </div>
-                                                    @if($showEmail)
-                                                        <div wire:key="showEmail"
-                                                             class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2">
-                                                            <x-input wire:model.live.debounce="fax" label="Fax-Nummer"/>
-                                                            <x-input wire:model.live.debounce="email"
-                                                                     label="E-Mail Adresse"/>
-                                                        </div>
-                                                        <div wire:key="showSave" class="flex space-x-2 mt-2">
-                                                            <x-button wire:click="saveEmail" label="Speichern"/>
-                                                        </div>
-                                                    @endif
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
                                 </div>
                             @endif
                         </section>