reviews photos clickable and contact form functionality

This commit is contained in:
elvira
2026-09-24 21:03:59 +03:00
parent e28faea546
commit 540da1af24
12 changed files with 223 additions and 14 deletions
+19 -7
View File
@@ -24,23 +24,35 @@
Έχεις απορία, ιδέα ή θες να μας πεις κάτι; Γράψε μας το μήνυμά σου και θα σου απαντήσουμε το συντομότερο δυνατό.
</p>
<form method="POST" action="#" class="flex flex-col gap-8 max-w-xl">
<x-ui.status class="max-w-xl" />
<form method="POST" action="{{ route('contact.send') }}" class="flex flex-col gap-8 max-w-xl">
@csrf
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2">
<x-ui.field label="Το όνομά σου" for="contact-name">
<x-ui.input id="contact-name" name="name" autocomplete="name" :required="true" />
<x-ui.field label="Το όνομά σου" for="contact-name" :error="$errors->first('name')">
<x-ui.input id="contact-name" name="name" autocomplete="name" maxlength="100" :value="old('name')" :required="true"
:aria-invalid="$errors->has('name') ? 'true' : null"
:aria-describedby="$errors->has('name') ? 'contact-name-error' : null" />
</x-ui.field>
<x-ui.field label="Το email σου" for="contact-email">
<x-ui.input id="contact-email" name="email" type="email" autocomplete="email" :required="true" />
<x-ui.field label="Το email σου" for="contact-email" :error="$errors->first('email')">
<x-ui.input id="contact-email" name="email" type="email" autocomplete="email" maxlength="255" :value="old('email')" :required="true"
:aria-invalid="$errors->has('email') ? 'true' : null"
:aria-describedby="$errors->has('email') ? 'contact-email-error' : null" />
</x-ui.field>
</div>
<x-ui.field label="Το μήνυμά σου" for="contact-message">
<x-ui.textarea id="contact-message" name="message" rows="5" :required="true" />
<x-ui.field label="Το μήνυμά σου" for="contact-message" :error="$errors->first('message')">
<x-ui.textarea id="contact-message" name="message" rows="5" maxlength="5000" :required="true"
:aria-invalid="$errors->has('message') ? 'true' : null"
:aria-describedby="$errors->has('message') ? 'contact-message-error' : null">{{ old('message') }}</x-ui.textarea>
</x-ui.field>
@if (session('contact_error'))
<p role="alert" class="text-sm text-red-600">{{ session('contact_error') }}</p>
@endif
<div>
<x-ui.button type="submit" size="md">Υποβολή</x-ui.button>
</div>