{% extends "base.html" %}

{% block title %}Admin Panel - CVE-2026-5026 Lab{% endblock %}

{% block content %}

<div class="border-b border-gray-300 pb-3 mb-4">
  <h1 class="text-[#1a26c9] text-lg font-medium">Admin Panel</h1>
  <p class="text-lab-muted text-base mt-0.5">Administration panel: page under construction.</p>
</div>

<div class="rounded-3xl border border-dashed border-[#1a26c9] bg-slate-50 p-8 text-center shadow-sm">
    <div class="mx-auto mb-6 max-w-full rounded-xl border border-[#1a26c9] bg-white p-6 shadow-lg inline-block">
      <svg viewBox="0 0 600 350" class="mx-auto h-72 w-full max-w-2xl" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Under construction">
        <rect width="600" height="350" fill="#eef2ff" rx="32" />
        <rect x="50" y="40" width="500" height="270" rx="30" fill="#ffffff" stroke="#1625b0" stroke-width="30" />
        <text x="300" y="190" text-anchor="middle" font-family="Arial, sans-serif" font-size="42" font-weight="700" fill="#1625b0">Under Construction</text>
      </svg>
    </div>
    <p class="text-gray-500 text-lg">This page is temporarily unavailable while the administration panel is being built.</p>
    <a href="/gallery" class="inline-flex items-center justify-center mt-6 rounded-lg bg-[#1a26c9] px-5 py-2 text-sm font-semibold text-white hover:bg-[#2d43f2] transition-colors">Back to the gallery</a>
</div>

{% endblock %}