From 810ced2efbae5d70f4895af86f25e4ee6837e2f4 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sun, 12 Feb 2023 01:25:16 +0100
Subject: [PATCH] Add event relation

---
 Plugin.php                            | 16 +++++
 assets/eventregistration.js           | 30 ++++++----
 components/EventForm.php              | 32 ++++++++--
 components/eventform/default.htm      | 45 +++++++++-----
 controllers/Event.php                 | 25 ++++++++
 controllers/event/_list_toolbar.php   | 21 +++++++
 controllers/event/config_form.yaml    | 31 ++++++++++
 controllers/event/config_list.yaml    | 50 ++++++++++++++++
 controllers/event/create.php          | 48 +++++++++++++++
 controllers/event/index.php           |  1 +
 controllers/event/preview.php         | 19 ++++++
 controllers/event/update.php          | 56 ++++++++++++++++++
 lang/de/lang.php                      | 15 +++++
 models/Event.php                      | 84 +++++++++++++++++++++++++++
 models/Participant.php                |  4 +-
 models/event/columns.yaml             |  8 +++
 models/event/fields.yaml              |  7 +++
 models/participant/columns.yaml       |  4 ++
 models/participant/fields.yaml        |  7 ++-
 updates/create_events_table.php       | 33 +++++++++++
 updates/create_participants_table.php |  4 +-
 updates/version.yaml                  |  4 ++
 22 files changed, 505 insertions(+), 39 deletions(-)
 create mode 100644 controllers/Event.php
 create mode 100644 controllers/event/_list_toolbar.php
 create mode 100644 controllers/event/config_form.yaml
 create mode 100644 controllers/event/config_list.yaml
 create mode 100644 controllers/event/create.php
 create mode 100644 controllers/event/index.php
 create mode 100644 controllers/event/preview.php
 create mode 100644 controllers/event/update.php
 create mode 100644 lang/de/lang.php
 create mode 100644 models/Event.php
 create mode 100644 models/event/columns.yaml
 create mode 100644 models/event/fields.yaml
 create mode 100644 updates/create_events_table.php

diff --git a/Plugin.php b/Plugin.php
index de42150..b802d7e 100644
--- a/Plugin.php
+++ b/Plugin.php
@@ -86,6 +86,22 @@ class Plugin extends PluginBase
                 'icon' => 'icon-leaf',
                 'permissions' => ['zoomyboy.event.*'],
                 'order' => 500,
+                'sideMenu' => [
+                    'event' => [
+                        'label' => 'Veranstaltungen',
+                        'url' => Backend::url('zoomyboy/event/event'),
+                        'icon' => 'icon-leaf',
+                        'permissions' => ['zoomyboy.event.*'],
+                        'order' => 500,
+                    ],
+                    'participant' => [
+                        'label' => 'Teilnehmer',
+                        'url' => Backend::url('zoomyboy/event/participant'),
+                        'icon' => 'icon-leaf',
+                        'permissions' => ['zoomyboy.event.*'],
+                        'order' => 500,
+                    ],
+                ],
             ],
         ];
     }
diff --git a/assets/eventregistration.js b/assets/eventregistration.js
index 9cb375a..706bdb8 100644
--- a/assets/eventregistration.js
+++ b/assets/eventregistration.js
@@ -13,6 +13,7 @@ export default function (toasted) {
 
     return {
         data: {
+            event_id: null,
             firstname: '',
             lastname: '',
             address: '',
@@ -30,6 +31,7 @@ export default function (toasted) {
             phone: '',
             misc: '',
             foto: false,
+            parent: false,
             vorteam: null,
         },
         meta: {
@@ -52,14 +54,14 @@ export default function (toasted) {
                 {"id": "Divers", "name": "Divers"},
             ],
             groups: [
-                {"id": "Gallier", "name": "Gallier"},
-                {"id": "Gandalf", "name": "Gandalf"},
-                {"id": "Gravenrode", "name": "Gravenrode"},
-                {"id": "Lennep", "name": "Lennep"},
-                {"id": "Silva", "name": "Silva"},
-                {"id": "Sugambrer", "name": "Sugambrer"},
-                {"id": "Tenkterer", "name": "Tenkterer"},
-                {"id": "von Berg", "name": "von Berg"},
+                {"id": "Gallier", "name": "Gallier (Wuppertal)"},
+                {"id": "Gandalf", "name": "Gandalf (SG-Mangenberg)"},
+                {"id": "Gravenrode", "name": "Gravenrode (SG-Gräfrath)"},
+                {"id": "Lennep", "name": "Lennep (RS-Lennep)"},
+                {"id": "Silva", "name": "Silva (SG-Wald)"},
+                {"id": "Sugambrer", "name": "Sugambrer (SG-Höhscheid)"},
+                {"id": "Tenkterer", "name": "Tenkterer (SG-Löhdorf)"},
+                {"id": "von Berg", "name": "von Berg (SG-Ohligs)"},
             ],
             agegroups: [
                 {"id": "Biber", "name": "Biber"},
@@ -81,13 +83,16 @@ export default function (toasted) {
                 {"id": "Nein", "name": "Nein"},
             ],
             foodPreferences: [
-                {"id": "Fleisch", "name": "Fleisch"},
-                {"id": "Vegan", "name": "Vegan"},
-                {"id": "Glutenfrei", "name": "Glutenfrei"},
-                {"id": "Laktosefrei", "name": "Laktosefrei"},
+                {"id": "Fleisch", "name": "Ich esse Fleisch"},
+                {"id": "Vegan", "name": "Ich ernähre mich vegan"},
+                {"id": "Glutenfrei", "name": "Ich vertrage kein Gluten"},
+                {"id": "Laktosefrei", "name": "Ich vertrage keine Laktose"},
             ]
         },
         methods: {
+            uuu(event) {
+                console.log(event);
+            },
             hasAddress() {
                 return this.data.location && this.data.address && this.data.zip;
             },
@@ -132,6 +137,7 @@ export default function (toasted) {
                     }
                     if (response.status === 201) {
                         _self.meta.finished = true;
+                        _self.scrollForm(_self.$refs.form);
                     }
                 });
             },
diff --git a/components/EventForm.php b/components/EventForm.php
index 221e96f..f36f3e3 100644
--- a/components/EventForm.php
+++ b/components/EventForm.php
@@ -8,10 +8,13 @@ use Illuminate\Support\Facades\Lang;
 use Illuminate\Support\Facades\Mail;
 use Input;
 use Winter\Storm\Support\Facades\Validator;
+use Zoomyboy\Event\Models\Event;
 use Zoomyboy\Event\Models\Participant;
 
 class EventForm extends ComponentBase
 {
+    public Event $event;
+
     public function componentDetails()
     {
         return [
@@ -22,11 +25,27 @@ class EventForm extends ComponentBase
 
     public function defineProperties()
     {
-        return [];
+        return [
+            'event_id' => [
+                'label' => 'ID',
+            ],
+        ];
+    }
+
+    private function customInit(int $eventId)
+    {
+        $this->event = Event::findOrFail($eventId);
+    }
+
+    public function onRender()
+    {
+        $this->customInit($this->property('event_id'));
     }
 
     public function onSubmit(): JsonResponse
     {
+        $this->customInit(Input::get('event_id'));
+
         $rules = [
             'activity' => 'required|max:255',
             'gender' => 'required|max:255',
@@ -45,6 +64,7 @@ class EventForm extends ComponentBase
             'food_preferences' => 'array',
             'misc' => '',
             'foto' => '',
+            'parent' => 'boolean|accepted',
         ];
 
         if ('Orga' === Input::get('activity')) {
@@ -53,6 +73,7 @@ class EventForm extends ComponentBase
 
         $validator = Validator::make(Input::all(), $rules, [
             'vorteam.in' => 'Bitte gebe an, ob du am Vorteam teilnehmen willst.',
+            'parent.accepted' => 'Bitte gebe an, dass du volljährig bzw. ein Elternteil bist.',
         ], Lang::get('zoomyboy.event::validation.attributes'));
 
         if ($validator->fails()) {
@@ -61,11 +82,12 @@ class EventForm extends ComponentBase
 
         $participant = Participant::create(array_merge($validator->validated(), [
             'vorteam' => 'Ja' === Input::get('vorteam'),
+            'event_id' => $this->event->id,
         ]));
-        // Mail::send('zoomyboy.event::mail.confirm', ['data' => $participant, 'until' => '1.9.2023', 'iban' => 'XXX', 'birthday' => $participant->birthday->format('d.m.Y')], function ($message) use ($participant) {
-        //     $message->to($participant->email, $participant->firstname.' '.$participant->lastname);
-        //     $message->subject('Deine Anmeldung fürs Bezirkslager');
-        // });
+        Mail::send('zoomyboy.event::mail.confirm', ['data' => $participant, 'until' => '1.9.2023', 'iban' => 'XXX', 'birthday' => $participant->birthday->format('d.m.Y')], function ($message) use ($participant) {
+            $message->to($participant->email, $participant->firstname.' '.$participant->lastname);
+            $message->subject('Deine Anmeldung fürs Bezirkslager');
+        });
 
         return response()->json([], 201);
     }
diff --git a/components/eventform/default.htm b/components/eventform/default.htm
index e9d4f24..13f5c25 100644
--- a/components/eventform/default.htm
+++ b/components/eventform/default.htm
@@ -4,9 +4,11 @@
 
 {% macro field(context, name, label, required, type) %}
 <label class="w-full border border-solid border-gray-500 focus-within:border-primary rounded-lg relative flex">
-    <input name="{{name}}" type="{{type|default('text')}}" id="{{name}}" placeholder=" " class="bg-white rounded-lg focus:outline-none text-gray-600 text-left placeholder-white peer py-1 px-2 sm:py-2 text-sm sm:text-base sm:px-3 w-full"  x-model="data.{{name}}" />
+    <input name="{{name}}" type="{{type|default('text')}}" id="{{name}}" placeholder=" " @keyup="uuu" class="bg-white rounded-lg focus:outline-none text-gray-600 text-left placeholder-white peer py-1 px-2 sm:py-2 text-sm sm:text-base sm:px-3 w-full"  x-model="data.{{name}}" />
 	<span
-		class="transition-all duration-200 absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 text-xs xs:text-sm peer-placeholder-shown:bottom-0 peer-placeholder-shown:-top-0 peer-placeholder-shown:text-base peer-focus:-top-3 peer-focus:bottom-auto peer-focus:text-xs xs:peer-focus:text-sm"
+		class="transition-all duration-200 absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 peer-placeholder-shown:bottom-0 peer-placeholder-shown:-top-0
+        text-xs xs:text-sm peer-placeholder-shown:text-sm xs:peer-placeholder-shown:text-base peer-focus:text-xs xs:peer-focus:text-sm
+        peer-focus:-top-3 peer-focus:bottom-auto "
         >{{label}} {% if required %} <span class="text-red-800 ml-1">*</span> {% endif %}</span
 	>
 </label>
@@ -16,7 +18,7 @@
     <textarea name="{{name}}" rows="6" id="{{name}}" class="bg-white rounded-lg focus:outline-none text-gray-600 text-left placeholder-white peer py-1 px-2 sm:py-2 text-sm sm:text-base sm:px-3 w-full"  x-model="data.{{name}}">
     </textarea>
 	<span
-		class="transition-all duration-200 absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 text-xs sm:text-sm"
+		class="transition-all duration-200 absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 text-xs xs:text-sm"
         >{{label}} {% if required %} <span class="text-red-800 ml-1">*</span> {% endif %}</span
 	>
 </label>
@@ -30,7 +32,7 @@
         </template>
     </select>
 	<span
-		class="absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 text-xs sm:text-sm"
+		class="absolute text-gray-600 left-2 flex bg-white items-center -top-3 px-1 text-xs xs:text-sm"
         >{{label}} {% if required %} <span class="text-red-800 ml-1">*</span> {% endif %}</span
 	>
 </label>
@@ -60,7 +62,7 @@
             <input type="checkbox" name="{{name}}" x-model="data.{{name}}" class="peer absolute invisible" id="{{name}}" />
             <span class="border-neutral-400 border-4 border-solid peer-checked:border-primary absolute left-0 w-6 h-6 rounded block"></span>
             <span class="peer-checked:bg-primary left-2 w-2 h-2 absolute rounded-sm block"></span>
-            <span class="pl-8">{{label}}</span>
+            <span class="pl-8">{{label}} {% if required %} <span class="text-red-800 ml-1">*</span> {% endif %}</span>
         </label>
     </div>
 </div>
@@ -71,7 +73,7 @@
 		class="text-gray-600 flex text-sm"
         >{{label}} {% if required %} <span class="text-red-800 ml-1">*</span> {% endif %}</span
 	>
-    <div class="grid grid-cols-2 sm:grid-cols-1 gap-2">
+    <div class="mt-2 grid gap-2">
         <template x-for="option, index in meta.{{options}}">
             <label :for="`{{name}}-${index}`" class="block relative flex items-center">
                 <input type="checkbox" name="{{name}}[]" :value="option.name" x-model="data.{{name}}" class="peer absolute invisible" :id="`{{name}}-${index}`" />
@@ -86,7 +88,10 @@
 {% import _self as form %}
 
 <div x-data="{
-    data: eventRegistration.data,
+    data: {
+        ...eventRegistration.data,
+        event_id: {{__SELF__.event.id}}
+    },
     meta: {
         ...eventRegistration.meta,
         submitRequest: '{{__SELF__.alias ~ '::onSubmit'}}',
@@ -98,13 +103,16 @@
     {#+++ registrationForm +++#}
     <form x-ref="form" @submit.prevent="submit" class="my-6" novalidate>
         <div x-ref="eventFormContainer" class="{{formContainerClass}}" x-show="meta.finished === false">
-            {% set arrowClass = "flex flex-col md:flex-row items-center justify-center md:justify-start px-2 flex-auto md:pl-6 h-12 md:h-16 transition duration-300" %}
+            {% set arrowClass = "flex flex-col md:flex-row items-center justify-center md:justify-start px-2 flex-auto md:pl-6 h-12 md:h-16 transition duration-300 relative" %}
             {% set positionClass = "flex items-center justify-center w-4 md:w-6 h-4 md:h-6 rounded-full bg-teal-800 text-teal-200 font-goudy transition duration-300" %}
             {% set arrowFont = "text-sm text-teal-100" %}
 
             <div class="sticky top-0 z-10 hidden sm:flex overflow-hidden rounded-t-lg">
                 <template x-for="(slide, index) in meta.slides">
                     <a @click="slideTo($event, index)" href="#" class="{{arrowClass}}" :class="{ 'bg-emerald-500': index <= meta.active, 'bg-primary-700': index > meta.active }">
+                        <svg preserveAspectRatio="none" class="h-full w-3 absolute left-0 text-emerald-500 transition duration-300" viewBox="0 0 100 100" :class="{'opacity-100': index !== 0 && index-1 <= meta.active, 'opacity-0': !(index !== 0 && index-1 <= meta.active)}">
+                            <path d="M0,0 100,50 0,100" fill="currentColor"></path>
+                        </svg>
                         <span class="{{positionClass}}" x-html="index+1"></span>
                         <span class="{{arrowFont}}" x-html="slide"></span>
                     </a>
@@ -147,9 +155,13 @@
                             {{ form.field(_context, 'birthday', 'Geburtsdatum', true, 'date') }}
                             {{ form.field(_context, 'address', 'Addresse', true) }}
                             {{ form.field(_context, 'zip', 'PLZ', true) }}
-                            {{ form.field(_context, 'location', 'Ort', true) }}
-                            {{ form.field(_context, 'phone', 'Tel', true, 'tel') }}
-                            {{ form.field(_context, 'email', 'E-Mail', true, 'email') }}
+                            {{ form.field(_context, 'location', 'Wohnort', true) }}
+                            <div class="col-span-full sm:col-span-1">
+                                {{ form.field(_context, 'phone', 'Telefonnummer', true, 'tel') }}
+                            </div>
+                            <div class="col-span-full sm:col-span-1">
+                                {{ form.field(_context, 'email', 'E-Mail-Adresse', true, 'email') }}
+                            </div>
                         </div>
                         {% partial __SELF__.alias ~ '::navigation' first="1" %}
                     </div>
@@ -191,6 +203,7 @@
                         <div class="grid gap-4 mt-6">
                             {{ form.textarea(_context, 'misc', 'Sonstige Anmerkungen', false) }}
                             {{ form.yesno(_context, 'foto', 'Ich akzeptiere, dass vor Ort Foto-und Videoaufnahmen von mir gemacht werden dürfen.', false) }}
+                            {{ form.yesno(_context, 'parent', 'Ich bin über 18 Jahre alt oder für die genannte Person erziehungsberechtigt.', true) }}
                         </div>
                         {% partial __SELF__.alias ~ '::navigation' last="1" %}
                     </div>
@@ -199,9 +212,9 @@
         </div>
 
         <div class="{{formContainerClass}} max-w-[700px] mx-auto" x-show="meta.finished === true">
-            <div class="bg-white shadow-2xl ring-1 ring-gray-900/5 rounded-xl grid grid-cols-1 sm:grid-cols-[1fr_250px] grid-rows-[10rem_1fr] gap-6 overflow-hidden bg-gradient-to-bl from-white via-white to-black/10">
-                <div class="bg-primary w-40 h-40 flex justify-center items-center [clip-path:circle(70%_at_30%_30%)]">
-                    <svg class="w-24 h-24 text-emerald-300 relative -left-3 -top-3" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+            <div class="bg-white shadow-2xl ring-1 ring-gray-900/5 rounded-xl grid grid-cols-1 sm:grid-cols-[1fr_250px] grid-rows-[5rem_1fr] sm:grid-rows-[12rem_1fr] gap-6 overflow-hidden bg-gradient-to-bl from-white via-white to-black/10">
+                <div class="bg-primary w-32 h-32 md:w-40 md:h-40 flex justify-center items-center [clip-path:circle(70%_at_30%_30%)]">
+                    <svg class="w-20 h-20 md:w-24 md:h-24 text-emerald-300 relative -left-3 -top-3" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                         <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                     </svg>
                 </div>
@@ -216,9 +229,9 @@
                         <img class="w-64 h-32 object-cover" src="{{'danke/2.jpg'|media}}" />
                     </div>
                 </div>
-                <div class="self-end flex-grow pb-8 pl-8 pr-8 sm:pr-0">
+                <div class="self-end flex-grow pb-8 pl-8 pr-8 sm:pr-0 pt-6 sm:pt-0">
                     <div class="font-bold text-xl">Vielen Dank für deine Anmeldung.</div>
-                    <div class="text-sm mt-4">In Kürze erhalten Sie eine Bestätigung per E-Mail mit weiteren Zahlungs-Infos. Eine letzte Info wird dir zeitnah vor dem Lager zugeschickt.</div>
+                    <div class="text-sm mt-4">In Kürze erhälst du eine Bestätigung per E-Mail mit weiteren Zahlungs-Infos. Eine letzte Info wird dir zeitnah vor dem Lager zugeschickt.</div>
                 </div>
             </div>
         </div>
diff --git a/controllers/Event.php b/controllers/Event.php
new file mode 100644
index 0000000..4beafd6
--- /dev/null
+++ b/controllers/Event.php
@@ -0,0 +1,25 @@
+<?php namespace Zoomyboy\Event\Controllers;
+
+use BackendMenu;
+use Backend\Classes\Controller;
+
+/**
+ * Event Backend Controller
+ */
+class Event extends Controller
+{
+    /**
+     * @var array Behaviors that are implemented by this controller.
+     */
+    public $implement = [
+        \Backend\Behaviors\FormController::class,
+        \Backend\Behaviors\ListController::class,
+    ];
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        BackendMenu::setContext('Zoomyboy.Event', 'event', 'event');
+    }
+}
diff --git a/controllers/event/_list_toolbar.php b/controllers/event/_list_toolbar.php
new file mode 100644
index 0000000..1ce380c
--- /dev/null
+++ b/controllers/event/_list_toolbar.php
@@ -0,0 +1,21 @@
+<div data-control="toolbar">
+    <a
+        href="<?= Backend::url('zoomyboy/event/event/create') ?>"
+        class="btn btn-primary wn-icon-plus">
+        <?= e(trans('backend::lang.form.create_title', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>
+    </a>
+
+    <button
+        class="btn btn-danger wn-icon-trash-o"
+        disabled="disabled"
+        onclick="$(this).data('request-data', { checked: $('.control-list').listWidget('getChecked') })"
+        data-request="onDelete"
+        data-request-confirm="<?= e(trans('backend::lang.list.delete_selected_confirm')); ?>"
+        data-trigger-action="enable"
+        data-trigger=".control-list input[type=checkbox]"
+        data-trigger-condition="checked"
+        data-request-success="$(this).prop('disabled', 'disabled')"
+        data-stripe-load-indicator>
+        <?= e(trans('backend::lang.list.delete_selected')); ?>
+    </button>
+</div>
diff --git a/controllers/event/config_form.yaml b/controllers/event/config_form.yaml
new file mode 100644
index 0000000..286c3a5
--- /dev/null
+++ b/controllers/event/config_form.yaml
@@ -0,0 +1,31 @@
+# ===================================
+#  Form Behavior Config
+# ===================================
+
+# Record name
+name: 'zoomyboy.event::lang.models.event.label'
+
+# Model Form Field configuration
+form: $/zoomyboy/event/models/event/fields.yaml
+
+# Model Class name
+modelClass: Zoomyboy\Event\Models\Event
+
+# Default redirect location
+defaultRedirect: zoomyboy/event/event
+
+# Create page
+create:
+    title: backend::lang.form.create_title
+    redirect: zoomyboy/event/event/update/:id
+    redirectClose: zoomyboy/event/event
+
+# Update page
+update:
+    title: backend::lang.form.update_title
+    redirect: zoomyboy/event/event
+    redirectClose: zoomyboy/event/event
+
+# Preview page
+preview:
+    title: backend::lang.form.preview_title
diff --git a/controllers/event/config_list.yaml b/controllers/event/config_list.yaml
new file mode 100644
index 0000000..a470767
--- /dev/null
+++ b/controllers/event/config_list.yaml
@@ -0,0 +1,50 @@
+# ===================================
+#  List Behavior Config
+# ===================================
+
+# Model List Column configuration
+list: $/zoomyboy/event/models/event/columns.yaml
+
+# Model Class name
+modelClass: Zoomyboy\Event\Models\Event
+
+# List Title
+title: 'zoomyboy.event::lang.models.event.label_plural'
+
+# Link URL for each record
+recordUrl: zoomyboy/event/event/update/:id
+
+# Message to display if the list is empty
+noRecordsMessage: backend::lang.list.no_records
+
+# Records to display per page
+recordsPerPage: 20
+
+# Options to provide the user when selecting how many records to display per page
+perPageOptions: [20, 40, 80, 100, 120]
+
+# Display page numbers with pagination, disable to improve performance
+showPageNumbers: true
+
+# Displays the list column set up button
+showSetup: true
+
+# Displays the sorting link on each column
+showSorting: true
+
+# Default sorting column
+# defaultSort:
+#     column: created_at
+#     direction: desc
+
+# Display checkboxes next to each record
+showCheckboxes: true
+
+# Toolbar widget configuration
+toolbar:
+    # Partial for toolbar buttons
+    buttons: list_toolbar
+
+    # Search widget configuration
+    search:
+        prompt: backend::lang.list.search_prompt
diff --git a/controllers/event/create.php b/controllers/event/create.php
new file mode 100644
index 0000000..76291b5
--- /dev/null
+++ b/controllers/event/create.php
@@ -0,0 +1,48 @@
+<?php Block::put('breadcrumb') ?>
+    <ul>
+        <li><a href="<?= Backend::url('zoomyboy/event/event') ?>"><?= e(trans('zoomyboy.event::lang.models.event.label_plural')); ?></a></li>
+        <li><?= e($this->pageTitle) ?></li>
+    </ul>
+<?php Block::endPut() ?>
+
+<?php if (!$this->fatalError): ?>
+
+    <?= Form::open(['class' => 'layout']) ?>
+
+        <div class="layout-row">
+            <?= $this->formRender() ?>
+        </div>
+
+        <div class="form-buttons">
+            <div class="loading-indicator-container">
+                <button
+                    type="button"
+                    data-request="onSave"
+                    data-hotkey="ctrl+s, cmd+s"
+                    data-load-indicator="<?= e(trans('backend::lang.form.creating_name', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>"
+                    class="btn btn-primary">
+                    <?= e(trans('backend::lang.form.create')); ?>
+                </button>
+                <button
+                    type="button"
+                    data-request="onSave"
+                    data-request-data="close:1"
+                    data-hotkey="ctrl+enter, cmd+enter"
+                    data-load-indicator="<?= e(trans('backend::lang.form.creating_name', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>"
+                    class="btn btn-default">
+                    <?= e(trans('backend::lang.form.create_and_close')); ?>
+                </button>
+                <span class="btn-text">
+                    or <a href="<?= Backend::url('zoomyboy/event/event') ?>"><?= e(trans('backend::lang.form.cancel')); ?></a>
+                </span>
+            </div>
+        </div>
+
+    <?= Form::close() ?>
+
+<?php else: ?>
+
+    <p class="flash-message static error"><?= e($this->fatalError) ?></p>
+    <p><a href="<?= Backend::url('zoomyboy/event/event') ?>" class="btn btn-default"><?= e(trans('backend::lang.form.return_to_list')); ?></a></p>
+
+<?php endif ?>
diff --git a/controllers/event/index.php b/controllers/event/index.php
new file mode 100644
index 0000000..ea43a36
--- /dev/null
+++ b/controllers/event/index.php
@@ -0,0 +1 @@
+<?= $this->listRender() ?>
diff --git a/controllers/event/preview.php b/controllers/event/preview.php
new file mode 100644
index 0000000..b858413
--- /dev/null
+++ b/controllers/event/preview.php
@@ -0,0 +1,19 @@
+<?php Block::put('breadcrumb') ?>
+    <ul>
+        <li><a href="<?= Backend::url('zoomyboy/event/event') ?>"><?= e(trans('zoomyboy.event::lang.models.event.label_plural')); ?></a></li>
+        <li><?= e($this->pageTitle) ?></li>
+    </ul>
+<?php Block::endPut() ?>
+
+<?php if (!$this->fatalError): ?>
+
+    <div class="form-preview">
+        <?= $this->formRenderPreview() ?>
+    </div>
+
+<?php else: ?>
+
+    <p class="flash-message static error"><?= e($this->fatalError) ?></p>
+    <p><a href="<?= Backend::url('zoomyboy/event/event') ?>" class="btn btn-default"><?= e(trans('backend::lang.form.return_to_list')); ?></a></p>
+
+<?php endif ?>
diff --git a/controllers/event/update.php b/controllers/event/update.php
new file mode 100644
index 0000000..e498990
--- /dev/null
+++ b/controllers/event/update.php
@@ -0,0 +1,56 @@
+<?php Block::put('breadcrumb') ?>
+    <ul>
+        <li><a href="<?= Backend::url('zoomyboy/event/event') ?>">Event</a></li>
+        <li><?= e($this->pageTitle) ?></li>
+    </ul>
+<?php Block::endPut() ?>
+
+<?php if (!$this->fatalError): ?>
+
+    <?= Form::open(['class' => 'layout']) ?>
+
+        <div class="layout-row">
+            <?= $this->formRender() ?>
+        </div>
+
+        <div class="form-buttons">
+            <div class="loading-indicator-container">
+                <button
+                    type="button"
+                    data-request="onSave"
+                    data-request-data="redirect:0"
+                    data-hotkey="ctrl+s, cmd+s"
+                    data-load-indicator="<?= e(trans('backend::lang.form.saving_name', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>"
+                    class="btn btn-primary">
+                    <?= e(trans('backend::lang.form.save')); ?>
+                </button>
+                <button
+                    type="button"
+                    data-request="onSave"
+                    data-request-data="close:1"
+                    data-hotkey="ctrl+enter, cmd+enter"
+                    data-load-indicator="<?= e(trans('backend::lang.form.saving_name', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>"
+                    class="btn btn-default">
+                    <?= e(trans('backend::lang.form.save_and_close')); ?>
+                </button>
+                <button
+                    type="button"
+                    class="wn-icon-trash-o btn-icon danger pull-right"
+                    data-request="onDelete"
+                    data-load-indicator="<?= e(trans('backend::lang.form.deleting_name', ['name' => trans('zoomyboy.event::lang.models.event.label')])); ?>"
+                    data-request-confirm="<?= e(trans('backend::lang.form.confirm_delete')); ?>">
+                </button>
+                <span class="btn-text">
+                    or <a href="<?= Backend::url('zoomyboy/event/event') ?>"><?= e(trans('backend::lang.form.cancel')); ?></a>
+                </span>
+            </div>
+        </div>
+
+    <?= Form::close() ?>
+
+<?php else: ?>
+
+    <p class="flash-message static error"><?= e($this->fatalError) ?></p>
+    <p><a href="<?= Backend::url('zoomyboy/event/event') ?>" class="btn btn-default"><?= e(trans('backend::lang.form.return_to_list')); ?></a></p>
+
+<?php endif ?>
diff --git a/lang/de/lang.php b/lang/de/lang.php
new file mode 100644
index 0000000..597d558
--- /dev/null
+++ b/lang/de/lang.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'models' => [
+        'general' => [
+            'id' => 'ID',
+            'created_at' => 'Created At',
+            'updated_at' => 'Updated At',
+        ],
+        'event' => [
+            'label' => 'Event',
+            'label_plural' => 'Events',
+        ],
+    ],
+];
diff --git a/models/Event.php b/models/Event.php
new file mode 100644
index 0000000..2240eb5
--- /dev/null
+++ b/models/Event.php
@@ -0,0 +1,84 @@
+<?php
+
+namespace Zoomyboy\Event\Models;
+
+use Model;
+
+/**
+ * Event Model.
+ */
+class Event extends Model
+{
+    use \Winter\Storm\Database\Traits\Validation;
+    use \Winter\Storm\Database\Traits\Sluggable;
+
+    /**
+     * @var string the database table used by the model
+     */
+    public $table = 'zoomyboy_event_events';
+
+    protected $slugs = ['slug' => 'name'];
+
+    /**
+     * @var array Guarded fields
+     */
+    protected $guarded = ['*'];
+
+    /**
+     * @var array Fillable fields
+     */
+    protected $fillable = [];
+
+    /**
+     * @var array Validation rules for attributes
+     */
+    public $rules = [];
+
+    /**
+     * @var array Attributes to be cast to native types
+     */
+    protected $casts = [];
+
+    /**
+     * @var array Attributes to be cast to JSON
+     */
+    protected $jsonable = [];
+
+    /**
+     * @var array Attributes to be appended to the API representation of the model (ex. toArray())
+     */
+    protected $appends = [];
+
+    /**
+     * @var array Attributes to be removed from the API representation of the model (ex. toArray())
+     */
+    protected $hidden = [];
+
+    /**
+     * @var array Attributes to be cast to Argon (Carbon) instances
+     */
+    protected $dates = [
+        'created_at',
+        'updated_at',
+    ];
+
+    /**
+     * @var array Relations
+     */
+    public $hasOne = [];
+    public $hasMany = [];
+    public $hasOneThrough = [];
+    public $hasManyThrough = [];
+    public $belongsTo = [];
+    public $belongsToMany = [];
+    public $morphTo = [];
+    public $morphOne = [];
+    public $morphMany = [];
+    public $attachOne = [];
+    public $attachMany = [];
+
+    public static function getOptions(): array
+    {
+        return static::pluck('name', 'id')->toArray();
+    }
+}
diff --git a/models/Participant.php b/models/Participant.php
index 6158bce..536955a 100644
--- a/models/Participant.php
+++ b/models/Participant.php
@@ -67,7 +67,9 @@ class Participant extends Model
     public $hasMany = [];
     public $hasOneThrough = [];
     public $hasManyThrough = [];
-    public $belongsTo = [];
+    public $belongsTo = [
+        'event' => [Event::class],
+    ];
     public $belongsToMany = [];
     public $morphTo = [];
     public $morphOne = [];
diff --git a/models/event/columns.yaml b/models/event/columns.yaml
new file mode 100644
index 0000000..bd66d03
--- /dev/null
+++ b/models/event/columns.yaml
@@ -0,0 +1,8 @@
+# ===================================
+#  List Column Definitions
+# ===================================
+
+columns:
+    name:
+        label: Name
+        searchable: true
diff --git a/models/event/fields.yaml b/models/event/fields.yaml
new file mode 100644
index 0000000..32b0870
--- /dev/null
+++ b/models/event/fields.yaml
@@ -0,0 +1,7 @@
+# ===================================
+#  Form Field Definitions
+# ===================================
+
+fields:
+    name:
+        label: Name
diff --git a/models/participant/columns.yaml b/models/participant/columns.yaml
index 3aca0e7..f557c16 100644
--- a/models/participant/columns.yaml
+++ b/models/participant/columns.yaml
@@ -18,3 +18,7 @@ columns:
     activity:
         label: Funktion
 
+    event:
+        relation: event
+        label: Veranstaltung
+        valueFrom: name
diff --git a/models/participant/fields.yaml b/models/participant/fields.yaml
index c611f31..4117fa4 100644
--- a/models/participant/fields.yaml
+++ b/models/participant/fields.yaml
@@ -3,6 +3,7 @@
 # ===================================
 
 fields:
-    id:
-        label: ID
-        disabled: true
+    firstname:
+        label: Vorname
+    lastname:
+        label: Nachname
diff --git a/updates/create_events_table.php b/updates/create_events_table.php
new file mode 100644
index 0000000..1f2baf0
--- /dev/null
+++ b/updates/create_events_table.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Zoomyboy\Event\Updates;
+
+use Schema;
+use Winter\Storm\Database\Schema\Blueprint;
+use Winter\Storm\Database\Updates\Migration;
+
+class CreateEventsTable extends Migration
+{
+    public function up()
+    {
+        Schema::create('zoomyboy_event_events', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('slug');
+            $table->timestamps();
+        });
+
+        Schema::table('zoomyboy_event_participants', function (Blueprint $table) {
+            $table->foreignId('event_id')->constrained('zoomyboy_event_events');
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('zoomyboy_event_events');
+
+        Schema::create('zoomyboy_event_participants', function (Blueprint $table) {
+            $table->dropColumn('event_id');
+        });
+    }
+}
diff --git a/updates/create_participants_table.php b/updates/create_participants_table.php
index d9d6567..ae0e6f1 100644
--- a/updates/create_participants_table.php
+++ b/updates/create_participants_table.php
@@ -11,8 +11,7 @@ class CreateParticipantsTable extends Migration
     public function up()
     {
         Schema::create('zoomyboy_event_participants', function (Blueprint $table) {
-            $table->engine = 'InnoDB';
-            $table->increments('id');
+            $table->id();
             $table->string('gender');
             $table->string('firstname');
             $table->string('lastname');
@@ -23,6 +22,7 @@ class CreateParticipantsTable extends Migration
             $table->string('agegroup_leader');
             $table->boolean('vorteam')->default(false);
             $table->boolean('foto');
+            $table->boolean('parent');
             $table->string('emergency_phone');
             $table->string('address');
             $table->string('zip');
diff --git a/updates/version.yaml b/updates/version.yaml
index 904ee01..a2d9743 100644
--- a/updates/version.yaml
+++ b/updates/version.yaml
@@ -1,3 +1,7 @@
 1.0.1: First version of event
 1.0.2:
+    - part
     - create_participants_table.php
+1.0.3:
+    - event
+    - create_events_table.php