{% extends "admin/base.html" %}
{% load static i18n %}

{% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ site_title|default:"Kantor Notaris & PPAT Smart Workspace" }}{% endblock %}

{% block dark-mode-vars %}
  <!-- High-Craft Legal-Tech Theme replaces default Django dark mode -->
{% endblock %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'admin/css/custom_admin.css' %}?v=2.5">
{% endblock %}

{% block extrahead %}
{{ block.super }}
<link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicon-32x32.png' %}">
<link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
<script src="{% static 'admin/js/custom_admin.js' %}" defer></script>
{% endblock %}

{% block branding %}
    <button type="button" id="nav-hamburger" class="nav-hamburger" aria-label="Buka navigasi" aria-expanded="false" aria-controls="nav-sidebar">
        <svg width="18" height="14" viewBox="0 0 18 14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true">
            <path d="M1 1h16M1 7h16M1 13h16"></path>
        </svg>
    </button>
    <a href="{% url 'admin:index' %}" style="display:flex;align-items:center;gap:12px;text-decoration:none;">
        <img src="{% static 'img/logo.png' %}" alt="Logo Kantor Notaris" style="width:30px;height:30px;border-radius:4px;object-fit:contain;border:1px solid rgba(197,168,128,0.5);background:#0B192C;">
        <div class="legal-title-group">
            <span class="office-name">KANTOR NOTARIS & PPAT</span>
            <span class="system-subtitle">Smart Legal Workspace Enterprise</span>
        </div>
    </a>
{% endblock %}

{% block userlinks %}
    <!-- Quick Access to Single-Screen Workdesk -->
    <a href="/workdesk/" class="btn-workdesk-nav" title="Buka Single-Screen Workdesk Operasional">
        <svg style="width:14px;height:14px;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
        </svg>
        <span>Workdesk</span>
    </a>

    {% if has_permission %}
        {% if user.is_active and user.is_staff %}
            <div class="user-avatar-chip">
                <span class="user-avatar-dot" title="Sesi Terotentikasi Aman"></span>
                <strong style="font-size:12px;color:#ffffff;font-weight:600;">{{ user.get_short_name|default:user.username }}</strong>
                <span class="badge-status {% if user.is_notaris %}badge-indigo{% else %}badge-slate{% endif %}" style="font-size:10px;padding:1px 6px;">
                    {% if user.is_notaris %}Notaris / PPAT{% else %}Staf Kantor{% endif %}
                </span>
            </div>
        {% endif %}

        {% if user.is_authenticated %}
            {% if user.has_usable_password %}
                <a href="{% url 'admin:password_change' %}" style="color:var(--slate-300);text-decoration:none;font-size:12px;">{% translate 'Change password' %}</a>
            {% endif %}
            <form id="logout-form" method="post" action="{% url 'admin:logout' %}" style="display:inline;margin:0;">
                {% csrf_token %}
                <button type="submit" style="background:rgba(255,255,255,0.08);color:#ffffff;border:1px solid rgba(255,255,255,0.15);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.15s ease;">{% translate 'Log out' %}</button>
            </form>
        {% endif %}
    {% endif %}
{% endblock %}

{% block nav-global %}{% endblock %}