{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
  <div class="card" style="max-width:500px; margin:auto; background:#f7fbe8; border-radius:16px;">
    <div class="card-body">
      <h3 class="mb-3" style="color:#8bc34a;">Semillas y Siembra — Lote: {{ lote.nombre }}</h3>

      <form method="post">
        {% csrf_token %}

        <div class="mb-3">
          <label class="form-label"><b>Proveedor</b></label>
          {{ form.proveedor }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Variedad de semilla</b></label>
          {{ form.variedad_semilla }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Fecha de siembra</b></label>
          {{ form.fecha_siembra }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Cantidad de semilla (bultos)</b></label>
          {{ form.cantidad_semilla }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Valor unitario semilla (por bulto)</b></label>
          {{ form.valor_unitario_semilla }}
        </div>

        {# Opcional: mostrar costo total si ya existe (cuando editas) #}
        {% if editing and form.instance.costo_semilla %}
        <div class="mb-3">
          <label class="form-label"><b>Costo total semilla</b></label>
          <input type="text" class="form-control" value="{{ form.instance.costo_semilla }}" readonly>
          <small class="text-muted">Se calcula automáticamente: cantidad × valor unitario.</small>
        </div>
        {% endif %}

        <div class="mb-3">
          <label class="form-label"><b>Método de siembra</b></label>
          {{ form.metodo_siembra }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Costo siembra</b></label>
          {{ form.costo_siembra }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Tratamiento semilla</b></label>
          {{ form.tratamiento_semilla }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Valor tratamiento semilla</b></label>
          {{ form.valor_tratamiento_semilla }}
        </div>

        <div class="mb-3">
          <label class="form-label"><b>Observaciones</b></label>
          {{ form.observaciones }}
        </div>

        <button type="submit" class="btn btn-success">Guardar</button>
      </form>

      <a href="{% url 'etapas_lote' lote.id %}" class="btn btn-link mt-3">Volver a Etapas</a>
    </div>
  </div>
</div>
{% endblock %}