NiekRabelink/jouwdriedee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add customer contact inquiry system, automated receipt emails, admin communication inbox, and customer profile management

Browse Source
This commit is contained in:
Niek Rabelink
2026-11-02 09:56:24 +01:00
parent 387241f971
commit 9fd39bd7d6
28 changed files with 2426 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/emails/contact-inquiry-confirmation.blade.php
+67
View File
@@ -0,0 +1,67 @@
@extends('emails.layouts.master')
@section('title', 'Afschrift van jouw vraag aan Jouwdriedee.nl')
@section('content')
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding-bottom: 20px;">
<span style="display: inline-block; background-color: #ECFDF5; color: #059669; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.5px;">
Afschrift Klantvraag Ontvangen
</span>
<h1 style="margin: 12px 0 6px 0; font-size: 22px; font-weight: 800; color: #0F172A; line-height: 1.3;">
Bedankt voor je vraag, {{ $communication->name }}!
</h1>
<p style="margin: 0; font-size: 14px; color: #64748B; line-height: 1.5;">
We hebben jouw bericht in goede orde ontvangen. Onze 3D-printspecialisten bekijken jouw vraag zorgvuldig en nemen doorgaans <strong>binnen 24 uur</strong> (op werkdagen) contact met je op.
</p>
</td>
</tr>
<!-- Samenvatting Afschrift Card -->
<tr>
<td style="padding: 16px; background-color: #F8FAFC; border-radius: 12px; border: 1px solid #E2E8F0;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B; width: 130px;"><strong>Onderwerp:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A; font-weight: 600;">{{ $communication->subject }}</td>
</tr>
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Referentienummer:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A; font-family: monospace; font-weight: 700;">#{{ $communication->id }}</td>
</tr>
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Datum &amp; tijd:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A;">{{ $communication->created_at->format('d-m-Y om H:i') }}</td>
</tr>
@if($communication->order)
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Betreft bestelling:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A; font-family: monospace;">#{{ $communication->order->order_number }}</td>
</tr>
@endif
</table>
</td>
</tr>
<!-- Jouw verstuurde bericht -->
<tr>
<td style="padding-top: 20px;">
<h3 style="margin: 0 0 10px 0; font-size: 13px; font-weight: 700; color: #64748B; text-transform: uppercase; letter-spacing: 0.5px;">
Kopie van jouw bericht:
</h3>
<div style="background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 8px; padding: 16px; font-size: 13px; line-height: 1.6; color: #334155; white-space: pre-wrap;">{{ $communication->message }}</div>
</td>
</tr>
<!-- Info note -->
<tr>
<td style="padding-top: 24px;">
<p style="margin: 0; font-size: 12px; color: #94A3B8; line-height: 1.5; text-align: center;">
Dit is een automatisch verzonden afschrift vanuit <strong>noreply@jouwdriedee.nl</strong> ter bevestiging van je aanvraag.<br>
Heb je aanvullende informatie? Reageer dan gerust zodra je ons persoonlijke antwoord ontvangt.
</p>
</td>
</tr>
</table>
@endsection
resources/views/emails/contact-inquiry-received.blade.php
+81
View File
@@ -0,0 +1,81 @@
@extends('emails.layouts.master')
@section('title', 'Nieuwe klantvraag #' . $communication->id)
@section('content')
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding-bottom: 20px;">
<span style="display: inline-block; background-color: #EEF2FF; color: #4F46E5; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.5px;">
Nieuwe Klantvraag #{{ $communication->id }}
</span>
<h1 style="margin: 12px 0 6px 0; font-size: 22px; font-weight: 800; color: #0F172A; line-height: 1.3;">
{{ $communication->subject }}
</h1>
<p style="margin: 0; font-size: 13px; color: #64748B;">
Binnengekomen via het contactformulier op {{ $communication->created_at->format('d-m-Y om H:i') }}
</p>
</td>
</tr>
<!-- Klantgegevens Card -->
<tr>
<td style="padding: 16px; background-color: #F8FAFC; border-radius: 12px; border: 1px solid #E2E8F0; margin-bottom: 20px;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B; width: 120px;"><strong>Klantnaam:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A; font-weight: 600;">{{ $communication->name }}</td>
</tr>
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>E-mailadres:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A;"><a href="mailto:{{ $communication->email }}" style="color: #4F46E5; text-decoration: none;">{{ $communication->email }}</a></td>
</tr>
@if($communication->phone)
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Telefoonnummer:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A;">{{ $communication->phone }}</td>
</tr>
@endif
@if($communication->order)
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Bestelnummer:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #0F172A; font-family: monospace; font-weight: 700;">
#{{ $communication->order->order_number }}
</td>
</tr>
@endif
@if($communication->user)
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Account status:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #059669; font-weight: 600;">Geregistreerde klant (ID: #{{ $communication->user->id }})</td>
</tr>
@else
<tr>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;"><strong>Account status:</strong></td>
<td style="padding: 4px 0; font-size: 13px; color: #64748B;">Gastbezoeker</td>
</tr>
@endif
</table>
</td>
</tr>
<!-- Bericht van de klant -->
<tr>
<td style="padding-top: 20px;">
<h3 style="margin: 0 0 10px 0; font-size: 14px; font-weight: 700; color: #0F172A; text-transform: uppercase; letter-spacing: 0.5px;">
Bericht van de klant:
</h3>
<div style="background-color: #FFFFFF; border: 1px solid #CBD5E1; border-left: 4px solid #4F46E5; border-radius: 8px; padding: 18px; font-size: 14px; line-height: 1.6; color: #1E293B; white-space: pre-wrap;">{{ $communication->message }}</div>
</td>
</tr>
<!-- CTA knop naar Admin -->
<tr>
<td align="center" style="padding-top: 28px; padding-bottom: 10px;">
<a href="{{ route('admin.communications.show', $communication) }}" style="display: inline-block; background-color: #0F172A; color: #FFFFFF; text-decoration: none; padding: 12px 24px; border-radius: 10px; font-size: 13px; font-weight: 600;">
Bekijk &amp; Beantwoord in Admin &rarr;
</a>
</td>
</tr>
</table>
@endsection
resources/views/emails/contact-inquiry-reply.blade.php
+49
View File
@@ -0,0 +1,49 @@
@extends('emails.layouts.master')
@section('title', 'Reactie op vraag #' . $communication->id)
@section('content')
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding-bottom: 20px;">
<span style="display: inline-block; background-color: #EEF2FF; color: #4F46E5; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.5px;">
Antwoord van Jouwdriedee.nl
</span>
<h1 style="margin: 12px 0 6px 0; font-size: 22px; font-weight: 800; color: #0F172A; line-height: 1.3;">
Beste {{ $communication->name }},
</h1>
<p style="margin: 0; font-size: 14px; color: #64748B;">
We hebben een reactie voor je klaarstaan op jouw vraag met betrekking tot <strong>{{ $communication->subject }}</strong>.
</p>
</td>
</tr>
<!-- Reactie box -->
<tr>
<td style="padding: 20px; background-color: #F8FAFC; border-radius: 12px; border: 1px solid #E2E8F0; border-left: 4px solid #059669;">
<h3 style="margin: 0 0 10px 0; font-size: 13px; font-weight: 700; color: #059669; text-transform: uppercase; letter-spacing: 0.5px;">
Ons antwoord:
</h3>
<div style="font-size: 14px; line-height: 1.6; color: #0F172A; white-space: pre-wrap;">{{ $reply->message }}</div>
</td>
</tr>
<!-- Oorspronkelijk bericht -->
<tr>
<td style="padding-top: 24px;">
<h4 style="margin: 0 0 8px 0; font-size: 12px; font-weight: 700; color: #94A3B8; text-transform: uppercase; letter-spacing: 0.5px;">
Jouw eerdere vraag (#{{ $communication->id }}):
</h4>
<div style="background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 8px; padding: 14px; font-size: 12px; line-height: 1.5; color: #64748B; white-space: pre-wrap;">{{ $communication->message }}</div>
</td>
</tr>
<tr>
<td style="padding-top: 24px; text-align: center;">
<p style="margin: 0; font-size: 13px; color: #64748B;">
Heb je nog meer vragen? Je kunt direct antwoorden op deze e-mail of contact opnemen via <a href="mailto:info@jouwdriedee.nl" style="color: #4F46E5; text-decoration: none; font-weight: 600;">info@jouwdriedee.nl</a>.
</p>
</td>
</tr>
</table>
@endsection