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

{% block title %}{% trans "WebVirtCloud" %} - {% trans "Signed Out" %}{% endblock title %}

{% block style %}
<link href="{% static "css/signin.css" %}" rel="stylesheet">
{% endblock style %}

{% block content %}
<div class="signin-wrapper">
    <div class="signin-card text-center">
        <div class="signin-brand mb-4">
            <div class="signin-logo-badge" style="background: linear-gradient(135deg, #059669 0%, #10b981 100%); box-shadow: 0 10px 25px -4px rgba(16, 185, 129, 0.45);">
                <i class="bi bi-check-lg"></i>
            </div>
            <h1 class="signin-title">{% trans "Signed Out" %}</h1>
            <p class="signin-subtitle">{% trans "You have been successfully signed out." %}</p>
        </div>

        <div class="d-grid mt-4">
            <a href="{% url 'accounts:login' %}" class="btn-signin-submit text-decoration-none">
                <i class="bi bi-box-arrow-in-right"></i>
                <span>{% trans "Sign In Again" %}</span>
            </a>
        </div>

        <div class="signin-footer justify-content-center mt-4">
            <span class="text-slate-500">WebVirtCloud &bull; KVM / Libvirt</span>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
<script>
    $(document).ready(function() {
        $('body').addClass('signin-page');
    });
</script>
{% endblock script %}