{# INVENTARIOS/gestion_equipos/templates/gestion_equipos/detalle_mantenimiento.html #}
{% extends 'base.html' %}
{% load static %}

{% block title %}{{ titulo_pagina }}{% endblock %}

{% block content %}
    <h1>{{ titulo_pagina }}</h1>
    <p>
        <a href="{% url 'gestion_equipos:listar_mantenimientos' %}" class="btn-regresar">← Volver a la Lista de Mantenimientos</a>
    </p>

    {% if messages %}
        <ul class="messages">
            {% for message in messages %}
                <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <div class="detail-card" style="margin-top: 20px; background-color: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
        <p><strong>Equipo:</strong> 
            <a href="{% url 'gestion_equipos:detalle_equipo' mantenimiento.equipo.pk %}">
                {{ mantenimiento.equipo.nombre }} ({{ mantenimiento.equipo.numero_serie }})
            </a>
        </p>
        <p><strong>Tipo de Mantenimiento:</strong> {{ mantenimiento.tipo_mantenimiento }}</p>
        <p><strong>Fecha de Mantenimiento:</strong> {{ mantenimiento.fecha_mantenimiento|date:"Y-m-d" }}</p> 
        <p><strong>Descripción:</strong> {% if mantenimiento.descripcion %}{{ mantenimiento.descripcion }}{% else %}N/A{% endif %}</p>
        <p><strong>Costo:</strong> {% if mantenimiento.costo %}${{ mantenimiento.costo }}{% else %}N/A{% endif %}</p>
    </div>

    <div style="margin-top: 20px; display: flex; gap: 10px;">
        {% if user.is_superuser or user.is_staff %}
        <a href="{% url 'gestion_equipos:editar_mantenimiento' mantenimiento.pk %}" class="btn btn-sm btn-secondary">Editar Mantenimiento</a>
        <a href="{% url 'gestion_equipos:eliminar_mantenimiento' mantenimiento.pk %}" class="btn btn-sm btn-danger">Eliminar Mantenimiento</a>
        {% endif %}
    </div>
{% endblock %}