{% extends 'base.html' %}
{% load static %}

{% block title %}Excluir {{ client.nome }} - {{ block.super }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card border-danger">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0">
                    <i class="bi bi-exclamation-triangle"></i> Confirmar Exclusão
                </h5>
            </div>
            <div class="card-body">
                <div class="alert alert-warning" role="alert">
                    <i class="bi bi-exclamation-triangle"></i>
                    <strong>Atenção!</strong> Esta ação não pode ser desfeita.
                </div>
                
                <p>Tem certeza que deseja excluir o cliente <strong>{{ client.nome }}</strong>?</p>
                
                <div class="card bg-light">
                    <div class="card-body">
                        <h6>Informações do Cliente:</h6>
                        <ul class="list-unstyled mb-0">
                            <li><strong>Nome:</strong> {{ client.nome }}</li>
                            <li><strong>CNPJ:</strong> {{ client.cnpj }}</li>
                            {% if client.email %}
                            <li><strong>Email:</strong> {{ client.email }}</li>
                            {% endif %}
                            <li><strong>Workspaces:</strong> {{ client.workspaces.count }}</li>
                            <li><strong>Projetos:</strong> {{ client.projects.count }}</li>
                        </ul>
                    </div>
                </div>
                
                {% if client.workspaces.count > 0 or client.projects.count > 0 %}
                <div class="alert alert-danger mt-3" role="alert">
                    <i class="bi bi-exclamation-circle"></i>
                    <strong>Impacto da exclusão:</strong>
                    <ul class="mb-0 mt-2">
                        {% if client.workspaces.count > 0 %}
                        <li>{{ client.workspaces.count }} workspace(s) será(ão) excluído(s)</li>
                        {% endif %}
                        {% if client.projects.count > 0 %}
                        <li>{{ client.projects.count }} projeto(s) será(ão) excluído(s)</li>
                        {% endif %}
                        <li>Todas as tarefas e dados relacionados serão perdidos</li>
                    </ul>
                </div>
                {% endif %}
                
                <form method="post" class="mt-4">
                    {% csrf_token %}
                    <div class="d-flex justify-content-between">
                        <a href="{% url 'client:detail' client.pk %}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left"></i> Cancelar
                        </a>
                        <button type="submit" class="btn btn-danger">
                            <i class="bi bi-trash"></i> Confirmar Exclusão
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}