{{showFile "templates/section/head.tmpl"}}

<body class="bg-[#0b0d12] text-white font-sans min-h-screen flex items-center justify-center">

  <div class="max-w-xl w-full px-6">

    <div class="rounded-2xl border border-[#2a2f3a] bg-[#11151b] shadow-2xl overflow-hidden">

      <div class="border-b border-[#2a2f3a] bg-[#161a22] px-6 py-5">
        <h1 class="text-2xl font-bold text-red-400">
          A apărut o eroare
        </h1>
        <p class="text-sm text-gray-400 mt-1">
          Ceva nu a mers conform planului.
        </p>
      </div>

      <div class="p-6">

        <div class="bg-[#1a1f29] border border-[#323847] rounded-xl p-4 text-red-300 font-mono text-sm break-words">
          {{.}}
        </div>

        <div class="mt-6 flex gap-3">

          <a href="/"
            class="flex-1 rounded-xl border border-[#3a3f4b] bg-[#171a21] px-5 py-3 text-center text-sm font-semibold text-gray-200 transition hover:bg-[#20242d] hover:text-white">
            Înapoi acasă
          </a>

          <a href="/list_notes"
            class="flex-1 rounded-xl bg-[#7b58ad] px-5 py-3 text-center text-sm font-bold text-white transition hover:bg-[#9974d0] shadow-lg shadow-purple-900/20">
            Vezi notițele
          </a>

        </div>

      </div>

      <div class="border-t border-[#2a2f3a] bg-[#12151b] px-6 py-4 text-[11px] uppercase tracking-widest text-gray-500">
        MyNotes • Error Handler
      </div>

    </div>

  </div>

</body>
</html>