{% extends 'base.html' %}

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

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-header">
                    <h4 class="mb-0">{{ titulo_pagina }}</h4>
                </div>
                <div class="card-body">
                    <p class="lead">Estás a punto de asignar el equipo: <strong>{{ equipo.nombre }} ({{ equipo.numero_serie }})</strong></p>
                    <hr>
                    <form method="post" novalidate>
                        {% csrf_token %}
                        
                        <div class="mb-3">
                            <label class="form-label">{{ form.usuario.label_tag }}</label>
                            {{ form.usuario }}
                            {% if form.usuario.errors %}<div class="invalid-feedback d-block">{{ form.usuario.errors|striptags }}</div>{% endif %}
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ form.notas.label_tag }}</label>
                            {{ form.notas }}
                            {% if form.notas.errors %}<div class="invalid-feedback d-block">{{ form.notas.errors|striptags }}</div>{% endif %}
                        </div>

                        {# --- CAMPO AÑADIDO --- #}
                        <div class="mb-3">
                            <label class="form-label">{{ form.fecha_entrega_prevista.label_tag }}</label>
                            {{ form.fecha_entrega_prevista }}
                            <small class="form-text text-muted">Deja este campo en blanco si la asignación es permanente.</small>
                            {% if form.fecha_entrega_prevista.errors %}<div class="invalid-feedback d-block">{{ form.fecha_entrega_prevista.errors|striptags }}</div>{% endif %}
                        </div>

                        <div class="mt-4 d-flex justify-content-end">
                            <a href="{% url 'gestion_equipos:detalle_equipo' equipo.pk %}" class="btn btn-secondary me-2">Cancelar</a>
                            <button type="submit" class="btn btn-primary">Confirmar Asignación</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
