{% extends "base.html" %}
{% block title %}Rezept importieren{% endblock %}
{% block content %}
<h1>Rezept importieren</h1>
<p class="muted">Das Ergebnis ist immer ein Entwurf, den du prüfst und erst dann speicherst.</p>

{% block link_import %}{% endblock %}

<section class="card">
  <h2>📷 Foto oder Screenshot</h2>
  {% if ai_enabled %}
  <form method="post" action="{% url 'recipes:import_photo' %}" enctype="multipart/form-data" novalidate>
    {% csrf_token %}
    {% with form=photo_form %}{% include "form_fields.html" %}{% endwith %}
    <p class="muted small">Die Bilder werden zur Auswertung an OpenAI geschickt und nicht gespeichert.</p>
    <button type="submit" class="button" data-busy-text="KI liest das Rezept …">Rezept erkennen</button>
  </form>
  {% else %}
  {% include "recipes/_ai_disabled.html" %}
  {% endif %}
</section>

<section class="card">
  <h2>📝 Text einfügen</h2>
  {% if ai_enabled %}
  <form method="post" action="{% url 'recipes:import_text' %}" novalidate>
    {% csrf_token %}
    {% with form=text_form %}{% include "form_fields.html" %}{% endwith %}
    <button type="submit" class="button" data-busy-text="KI bereitet auf …">Mit KI aufbereiten</button>
  </form>
  {% else %}
  {% include "recipes/_ai_disabled.html" %}
  {% endif %}
</section>

<p><a href="{% url 'recipes:create' %}">Oder ganz von Hand eintragen →</a></p>
{% endblock %}