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

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 text-gray-800">{% trans "Delete Device" %}</h1>
    </div>

    <div class="card shadow mb-4">
        <div class="card-body">
            <p>{% trans "Are you sure you want to delete the device" %} "<strong>{{ object.name }}</strong>"?</p>
            <form method="post">
                {% csrf_token %}
                <button type="submit" class="btn btn-danger">{% trans "Confirm Delete" %}</button>
                <a href="{% url 'hr:device_list' %}" class="btn btn-secondary">{% trans "Cancel" %}</a>
            </form>
        </div>
    </div>
</div>
{% endblock %}