<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <title>Thank You — Nexa Tech</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <!--[if mso]>
  <noscript>
    <xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml>
  </noscript>
  <![endif]-->
  <style>
    body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
    @media only screen and (max-width: 620px) {
      .email-wrapper   { width: 100% !important; }
      .email-body      { padding: 0 12px !important; }
      .header-pad      { padding: 28px 20px 22px !important; }
      .content-pad     { padding: 28px 24px !important; }
    }
  </style>
</head>
<body style="margin:0;padding:0;background-color:#eef0f3;font-family:'Roboto',sans-serif;">

<!-- Preheader -->
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;font-size:1px;color:#eef0f3;line-height:1px;">
  Thank you for reaching out to Nexa Tech. We've received your enquiry and will get back to you shortly.&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;
</div>

<!-- Outer wrapper -->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#eef0f3;">
  <tr>
    <td align="center" style="padding:32px 16px;">

      <!-- Email card -->
      <table class="email-wrapper" role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" style="max-width:600px;background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.10);">

        <!-- HEADER -->
        <tr>
          <td class="header-pad" style="background-color:#03080f;padding:32px 40px 26px;text-align:left;">
            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
                <td>
                  <img src="{{ asset('images/logo.png') }}" alt="Nexa Tech" width="150" style="display:block;border:0;height:auto;">
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <!-- CONTENT -->
        <tr>
          <td class="content-pad" style="padding:36px 40px;">
            <h1 style="margin:0 0 8px;font-size:22px;font-weight:700;color:#111827;font-family:'Roboto',sans-serif;">
              Thank you, {{ $inquiry->first_name }}!
            </h1>
            <p style="margin:0 0 24px;font-size:15px;color:#6b7280;line-height:1.6;font-family:'Roboto',sans-serif;">
              We've received your enquiry and appreciate you taking the time to reach out. A member of our team will review your message and get back to you.
            </p>

            <!-- Summary box -->
            <div style="background-color:#f9fafb;border:1px solid #e4e6ea;border-radius:6px;padding:20px;">
              <p style="margin:0 0 12px;font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:0.1em;text-transform:uppercase;font-family:'Roboto',sans-serif;">
                What you told us
              </p>

              <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td style="padding:4px 0;">
                    <p style="margin:0;font-size:12px;color:#9ca3af;font-family:'Roboto',sans-serif;">Company</p>
                    <p style="margin:2px 0 0;font-size:14px;color:#111827;font-weight:600;font-family:'Roboto',sans-serif;">{{ $inquiry->company ?? '-' }}</p>
                  </td>
                </tr>
                <tr>
                  <td style="padding:12px 0 4px;">
                    <p style="margin:0;font-size:12px;color:#9ca3af;font-family:'Roboto',sans-serif;">Your message</p>
                    <p style="margin:2px 0 0;font-size:14px;color:#374151;line-height:1.6;font-family:'Roboto',sans-serif;white-space:pre-wrap;">{{ Str::limit($inquiry->message, 200) }}</p>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>

        <!-- DIVIDER -->
        <tr>
          <td style="padding:0 40px;">
            <div style="height:1px;background-color:#e4e6ea;"></div>
          </td>
        </tr>

        <!-- FOOTER -->
        <tr>
          <td style="background-color:#03080f;padding:18px 40px;border-radius:0 0 8px 8px;">
            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
                <td style="vertical-align:middle;">
                  <img src="{{ asset('images/logo.png') }}" alt="Nexa Tech" width="90" style="display:block;border:0;height:auto;">
                </td>
                <td align="right" style="vertical-align:middle;">
                  <p style="margin:0;font-size:11px;color:#fff;font-family:'Roboto',sans-serif;">&copy; {{ date('Y') }} Nexa Tech Limited. All rights reserved.</p>
                </td>
              </tr>
            </table>
          </td>
        </tr>

      </table>

    </td>
  </tr>
</table>

</body>
</html>
