Chaos-Events und Voranmeldungen

resources/views/application/apply.blade.php

@@ -1,7 +1,46 @@
+@php use App\Models\ChaosEvents; @endphp
 @extends('layout.app')
 @section('scripts')
+    <script src="{{ asset('/js/preapplication/preapplication.js') }}"></script>
 @endsection
 
 @section('content')
+    <h1>{{ __('app.preapplication.title') }}</h1>
+
+    <p>{!! __('app.preapplication.content') !!}</p>
+
+    @forelse (ChaosEvents::getActiveEvents() as $event)
+        <div class="eingabemaske">
+            <select name="event" id="eventSelect">
+                <option value="{{ $event->id }}">{{ $event->name }}</option>
+            </select>
+            <br/>
+
+            <label for="passport_type">{{ __('app.preapplication.passport_type') }}</label>
+            <select name="passport_type" id="passport_type">
+                <option value="d">{{ __('app.preapplication.passport.standard') }}</option>
+                <option value="k">{{ __('app.preapplication.passport.kid') }}</option>
+            </select>
+            <br/>
+
+            <label for="mail">{{ __('app.preapplication.mail') }}:</label>
+            <input type="text" id="mail" name="mail" placeholder="{{ __('app.preapplication.mail') }}" required>
+            <br/>
+            <label for="firstname">{{ __('app.preapplication.firstname') }}:</label>
+            <input type="text" id="firstname" name="firstname" placeholder="{{ __('app.preapplication.firstname') }}"
+                   required>
+            <br/>
+            <label for="lastname">{{ __('app.preapplication.lastname') }}:</label>
+            <input type="text" id="lastname" name="lastname" placeholder="{{ __('app.preapplication.lastname') }}">
+            <br/>
+            <label for="location">{{ __('app.preapplication.location') }}:</label>
+            <input type="text" id="location" name="location" placeholder="{{ __('app.preapplication.location') }}">
+            <br /><br />
+            <button id="apply" onclick="vorantragAbschicken()">{{ __('app.preapplication.apply') }}</button>
+        </div>
+
+    @empty
+        <p><b>{{ __('app.preapplication.noevent') }}</b></p>
+    @endforelse
 
 @endsection