{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="container mt-3">
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <!-- En-tête -->
            <div class="mb-4">
                <h3>
                    <i class="bi bi-building"></i> 
                    {% if action == 'create' %}
                        {% translate "Nouveau fournisseur" %}
                    {% else %}
                        {% translate "Modifier le fournisseur" %}
                    {% endif %}
                </h3>
            </div>

            <!-- Formulaire -->
            <div class="card shadow-sm">
                <div class="card-body">
                    <form method="post">
                        {% csrf_token %}
                        
                        <div class="mb-3">
                            <label for="{{ form.name.id_for_label }}" class="form-label">
                                {{ form.name.label }} <span class="text-danger">*</span>
                            </label>
                            {{ form.name }}
                            {% if form.name.errors %}
                                <div class="text-danger small mt-1">{{ form.name.errors }}</div>
                            {% endif %}
                        </div>
                        
                        <div class="mb-3">
                            <label for="{{ form.enterprise_number.id_for_label }}" class="form-label">
                                {{ form.enterprise_number.label }}
                            </label>
                            {{ form.enterprise_number }}
                            {% if form.enterprise_number.errors %}
                                <div class="text-danger small mt-1">{{ form.enterprise_number.errors }}</div>
                            {% endif %}
                            <div class="form-text">{% translate "Exemple: BE 0123.456.789" %}</div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="{{ form.contact_email.id_for_label }}" class="form-label">
                                    {{ form.contact_email.label }}
                                </label>
                                {{ form.contact_email }}
                                {% if form.contact_email.errors %}
                                    <div class="text-danger small mt-1">{{ form.contact_email.errors }}</div>
                                {% endif %}
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="{{ form.phone_number.id_for_label }}" class="form-label">
                                    {{ form.phone_number.label }}
                                </label>
                                {{ form.phone_number }}
                                {% if form.phone_number.errors %}
                                    <div class="text-danger small mt-1">{{ form.phone_number.errors }}</div>
                                {% endif %}
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="{{ form.address.id_for_label }}" class="form-label">
                                {{ form.address.label }}
                            </label>
                            {{ form.address }}
                            {% if form.address.errors %}
                                <div class="text-danger small mt-1">{{ form.address.errors }}</div>
                            {% endif %}
                        </div>
                        
                        <div class="mb-3 form-check">
                            {{ form.is_active }}
                            <label class="form-check-label" for="{{ form.is_active.id_for_label }}">
                                {{ form.is_active.label }}
                            </label>
                            {% if form.is_active.errors %}
                                <div class="text-danger small mt-1">{{ form.is_active.errors }}</div>
                            {% endif %}
                        </div>
                        
                        <!-- Actions -->
                        <div class="d-flex justify-content-between mt-4">
                            <a href="{% url 'stock:stock_purchases' %}" class="btn btn-secondary">
                                <i class="bi bi-arrow-left"></i> {% translate "Annuler" %}
                            </a>
                            <button type="submit" class="btn btn-success">
                                <i class="bi bi-check-circle"></i> 
                                {% if action == 'create' %}
                                    {% translate "Créer le fournisseur" %}
                                {% else %}
                                    {% translate "Enregistrer les modifications" %}
                                {% endif %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}