{% extends "base.html" %}
{% block page_subtitle %}Không đủ quyền{% endblock %}

{% block content %}
<div class="max-w-md mx-auto mt-10">
  <div class="ios-card overflow-hidden text-center">
    <div class="px-6 py-8" style="background:linear-gradient(135deg,#fef2f2,#fff7ed)">
      <div class="text-5xl mb-3">🔒</div>
      <div class="text-xl font-extrabold text-gray-800">Nội dung này người dùng chưa được cho phép tiếp cận</div>
    </div>
    <div class="p-6 space-y-4">
      <div class="text-sm text-gray-500 leading-relaxed">
        Trang này thuộc nhóm quyền
        <span class="font-bold text-gray-700">"{{ ten_quyen }}"</span>.
        Tài khoản của bạn chưa được cấp quyền đó.
      </div>
      <div class="text-xs text-gray-400">
        Cần dùng thì báo Giám đốc / Phó Giám đốc cấp thêm quyền
        trong <span class="font-semibold">Quản lý người dùng</span>.
      </div>
      <a href="/" class="btn-ios btn-ios-gold inline-block px-6 py-2.5 font-bold">← Về trang chủ</a>
    </div>
  </div>
</div>
{% endblock %}