{% extends 'base.html' %}
{% block title %}Nueva Compra{% endblock %}
{% block page_title %}Nueva Compra{% endblock %}
{% block topbar_actions %}<a href="{{ url_for('purchases') }}" class="btn btn-secondary">← Volver</a>{% endblock %}
{% block content %}
<div class="card" style="max-width:600px">
    <form method="POST">
        <div class="form-grid">
            <div class="form-group">
                <label>Proveedor</label>
                <select name="supplier_id">
                    <option value="">-- Sin proveedor --</option>
                    {% for s in suppliers %}
                    <option value="{{ s.id }}">{{ s.name }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="form-group">
                <label>Fecha *</label>
                <input type="date" name="purchase_date" required>
            </div>
            <div class="form-group">
                <label>Número de Factura</label>
                <input type="text" name="invoice_number">
            </div>
            <div class="form-group full">
                <label>Notas</label>
                <textarea name="notes"></textarea>
            </div>
        </div>
        <div class="flex gap-3 mt-6">
            <button type="submit" class="btn btn-primary">💾 Crear y Agregar Ítems</button>
            <a href="{{ url_for('purchases') }}" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
{% endblock %}
{% block scripts %}
<script>document.querySelector('[name=purchase_date]').value = new Date().toISOString().split('T')[0];</script>
{% endblock %}