<div class="layout">

  <div class="main">

    <!-- ✅ Header -->
    <%- include("partials/page-header", {
      user,
      title: "Testphase",
      subtitle: "Trial Version",
      showUserName: true
    }) %>

    <div class="content" style="max-width:1100px; margin:30px auto;">

      <div
        style="
          display:grid;
          grid-template-columns: repeat(3, 1fr);
          gap:16px;
        "
      >

        <!-- ✅ Deutsch -->
        <div
          style="
            border:1px solid #ddd;
            border-radius:14px;
            padding:18px;
            background:#fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            display:flex;
            flex-direction:column;
          "
        >
          <h4 style="margin:0 0 10px 0;">🇩🇪 Deutsch</h4>

          <p style="margin:0; color:#444; line-height:1.5;">
            Vielen Dank, dass Sie unsere Software testen.<br />
            Ihre Testphase ist aktiv und läuft noch <b><%= daysLeft %> Tage</b>.<br /><br />
            Nach Ablauf der Testphase muss der Administrator eine gültige Seriennummer hinterlegen.
          </p>

          <div style="margin-top:auto; padding-top:16px;">
            <a href="/dashboard" class="btn btn-primary w-100">
              Zum Dashboard
            </a>
          </div>
        </div>

        <!-- ✅ English -->
        <div
          style="
            border:1px solid #ddd;
            border-radius:14px;
            padding:18px;
            background:#fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            display:flex;
            flex-direction:column;
          "
        >
          <h4 style="margin:0 0 10px 0;">🇬🇧 English</h4>

          <p style="margin:0; color:#444; line-height:1.5;">
            Thank you for testing our software.<br />
            Your trial period is active and will run for <b><%= daysLeft %> more days</b>.<br /><br />
            After the trial expires, the administrator must enter a valid serial number.
          </p>

          <div style="margin-top:auto; padding-top:16px;">
            <a href="/dashboard" class="btn btn-primary w-100">
              Go to Dashboard
            </a>
          </div>
        </div>

        <!-- ✅ Español -->
        <div
          style="
            border:1px solid #ddd;
            border-radius:14px;
            padding:18px;
            background:#fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            display:flex;
            flex-direction:column;
          "
        >
          <h4 style="margin:0 0 10px 0;">🇪🇸 Español</h4>

          <p style="margin:0; color:#444; line-height:1.5;">
            Gracias por probar nuestro software.<br />
            Su período de prueba está activo y durará <b><%= daysLeft %> días más</b>.<br /><br />
            Después de que finalice la prueba, el administrador debe introducir un número de serie válido.
          </p>

          <div style="margin-top:auto; padding-top:16px;">
            <a href="/dashboard" class="btn btn-primary w-100">
              Ir al Dashboard
            </a>
          </div>
        </div>

      </div>

    </div>
  </div>
</div>
