Basic signup for events

app/Domains/Event/Views/Partials/SignUpForm/steps/StepPhotoPermissions.vue

@@ -0,0 +1,33 @@
+<script setup>
+const props = defineProps({ formData: Object, event: Object })
+const emit = defineEmits(['next', 'back'])
+
+const acceptAll = () => {
+    Object.keys(props.formData.foto).forEach(k => props.formData.foto[k] = true)
+    emit('next', 8)
+}
+
+const back = () => {
+    const hasAddons = (props.event.addons?.length > 0) || props.event.solidarityPayment
+    emit('back', hasAddons ? 6 : 5)
+}
+</script>
+
+<template>
+    <div>
+        <h3>Fotoerlaubnis</h3>
+        <div v-for="[key, label] in [['socialmedia','Social Media'],['print','Printmedien'],['webseite','Webseite'],['partner','Partnerorganisationen'],['intern','Interne Zwecke']]"
+             :key="key"
+             style="margin-bottom: 10px;">
+            <label style="display: flex; gap: 10px; cursor: pointer;">
+                <input type="checkbox" v-model="formData.foto[key]" />
+                {{ label }}
+            </label>
+        </div>
+        <div class="btn-row">
+            <button type="button" class="btn-secondary" @click="back">← Zurück</button>
+            <button type="button" class="btn-primary" style="background: #059669;" @click="acceptAll">Alle akzeptieren & weiter</button>
+            <button type="button" class="btn-primary" @click="emit('next', 8)">Weiter →</button>
+        </div>
+    </div>
+</template>