<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
    body { background: #f9fafb; font-family: Arial, sans-serif; color: #111827; margin: 0; padding: 20px; }
    .wrapper { max-width: 600px; margin: 0 auto; }
    .header { background: #7f1d1d; color: white; border-radius: 8px 8px 0 0; padding: 24px; }
    .header h1 { margin: 0; font-size: 18px; }
    .body { background: white; border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 8px 8px; padding: 28px; }
    .field { margin-bottom: 16px; }
    .label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #6b7280; margin-bottom: 4px; }
    .value { font-size: 15px; color: #111827; }
    .specs-box { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 16px; white-space: pre-wrap; font-size: 14px; line-height: 1.7; }
</style>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <h1>🎯 Custom Quote Request — TrollMasters.AI</h1>
        <p style="margin:4px 0 0; font-size:13px; opacity:0.8;">{{ now()->format('M j, Y g:i A') }}</p>
    </div>
    <div class="body">
        <div class="field">
            <div class="label">Name</div>
            <div class="value">{{ $quote->full_name }}</div>
        </div>
        <div class="field">
            <div class="label">Email</div>
            <div class="value"><a href="mailto:{{ $quote->email }}">{{ $quote->email }}</a></div>
        </div>
        <div class="field">
            <div class="label">Phone</div>
            <div class="value">{{ $quote->phone }}</div>
        </div>
        <div class="field">
            <div class="label">Specifications</div>
            <div class="specs-box">{{ $quote->specifications }}</div>
        </div>
        @if($quote->attachment_path)
        <div class="field">
            <div class="label">Attachment</div>
            <div class="value" style="color:#7f1d1d;">File uploaded — check the admin panel for the attachment path.</div>
        </div>
        @endif
    </div>
</div>
</body>
</html>
