{% extends modal|yesno:"partials/base_modal.html,base.html" %}

{% block title %}{{ titulo }} - {{ block.super }}{% endblock %}

{% block content %}
{% if not modal %}<div class="mb-4">
    <a href="{% url 'lista_fornecedores' %}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> Voltar
    </a>
</div>{% endif %}

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <i class="bi bi-truck"></i> {{ titulo }}
            </div>
            <div class="card-body">
                <form method="post">
                    {% csrf_token %}
                    {% if modal %}<input type="hidden" name="modal" value="1">{% endif %}
                    {% if next %}
                    <input type="hidden" name="next" value="{{ next }}">
                    {% endif %}

                    <div class="mb-3">
                        <label class="form-label">Nome *</label>
                        {{ form.nome }}
                        {{ form.nome.errors }}
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Telefone</label>
                            {{ form.telefone }}
                            {{ form.telefone.errors }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Cidade</label>
                            {{ form.cidade }}
                            {{ form.cidade.errors }}
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Endereço</label>
                        {{ form.endereco }}
                        {{ form.endereco.errors }}
                    </div>

                    <div class="form-check mb-4">
                        {{ form.ativo }}
                        <label class="form-check-label" for="{{ form.ativo.id_for_label }}">Fornecedor ativo</label>
                    </div>

                    <div class="d-flex justify-content-end gap-2">
                        {% if modal %}<button type="button" class="btn btn-secondary" onclick="parent.fecharModalCadastro()">Cancelar</button>{% else %}<a class="btn btn-secondary" href="{% url 'lista_fornecedores' %}">Cancelar</a>{% endif %}
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check-circle"></i> Salvar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}