83 lines
4.4 KiB
PHP
83 lines
4.4 KiB
PHP
@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 & Beantwoord in Admin →
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
@endsection
|
|
|