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

2026-11-02 09:56:24 +01:00
parent 387241f971
commit 9fd39bd7d6
28 changed files with 2426 additions and 8 deletions
@@ -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