{% extends 'microsys/form_base.html' %}
{% load crispy_forms_tags %}
{% load static %}

{% block title %}{{ MS_TRANS.system_setup_title|default:"System Setup" }}{% endblock %}

{% block extra_head %}
    <link rel="stylesheet" href="{% static 'microsys/main/css/system_setup.css' %}?v=20260403b">
{% endblock %}

{% block layout %}
<div class="container-fluid py-4 py-xl-5">
    <div class="row justify-content-center">
        <div class="col-12 col-xxl-10">
            <div class="card border-0 shadow-sm ms-setup-page">
                <div class="card-body p-3 p-lg-4 p-xl-5">
                    <div class="text-center mb-4">
                        <img src="{{ APP_CONFIG.login_logo_url|default:APP_CONFIG.logo_url }}" alt="Logo" class="ms-setup-page-logo mb-3">
                        <h2 class="fw-bold mb-2">{{ MS_TRANS.system_setup_title|default:"System Setup" }}</h2>
                        <p class="text-muted mb-0">{{ MS_TRANS.system_setup_page_desc|default:"Complete the initial branding, languages, and sidebar structure for Microsys." }}</p>
                    </div>

                    <form method="post" enctype="multipart/form-data" class="ms-system-setup-form microsys-form">
                        {% csrf_token %}
                        {% crispy form %}
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}