{% extends 'admin_layout.html' %}

{% block admin_content %}
        <div class="row justify-content-center">
            <div class="col-12">
                <header class="mb-4 d-flex justify-content-between align-items-end">
                    <div>
                        <a href="{{ url_for('ad_urun.urun_listesi') }}" class="btn-back mb-2 d-inline-block">
                            <i class="bi bi-arrow-left me-1"></i> Geri Dön
                        </a>
                        <h2 class="text-white">{{ title }}</h2>
                        <p class="text-white-50">{{ subtitle }}</p>
                    </div>
                </header>

                <div class="detail-large-card">
                    <div class="detail-body">
                        <form id="addDeptForm" class="row g-4" action="" method="post">
                            {{ form.csrf_token }}

                            <div class="mb-3 text-start">
                                {{ form.adi.label(class_="form-label small fw-bold") }}
                                {{ form.adi(class_="form-control", placeholder="Ürün Adı", required=True) }}
                                
                                {% if form.adi.errors %}
                                    <ul class=errors>
                                    {% for error in form.adi.errors %}
                                    <li>{{ error }}</li>
                                    {% endfor %}
                                    </ul>
                                {% endif %}
                            </div>
                            <div class="mb-3 text-start">
                                {{ form.kodu.label(class_="form-label small fw-bold") }}
                                {{ form.kodu(class_="form-control", placeholder="Ürün Kodu", required=True) }}
                                
                                {% if form.kodu.errors %}
                                    <ul class=errors>
                                    {% for error in form.kodu.errors %}
                                    <li>{{ error }}</li>
                                    {% endfor %}
                                    </ul>
                                {% endif %}
                            </div>
                            <div class="mb-3 text-start">
                                {{ form.aciklama.label(class_="form-label small fw-bold") }}
                                {{ form.aciklama(class_="form-control", placeholder="Ürün Açıklaması", required=False, rows=5) }}
                                
                                {% if form.aciklama.errors %}
                                    <ul class=errors>
                                    {% for error in form.aciklama.errors %}
                                    <li>{{ error }}</li>
                                    {% endfor %}
                                    </ul>
                                {% endif %}
                            </div>



                            <!-- Submit Buttons -->
                            <div class="col-12 mt-3">
                                <div class="d-flex gap-3">
                                    <button type="submit" class="btn btn-primary px-5 rounded-pill flex-grow-1">
                                        Ürün Kaydet
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

{% endblock admin_content %}