{% extends "base.html" %}

{% block title %}{{ title }} - AsapLoads POS{% endblock %}

{% block header_title %}{{ title }}{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">{{ title }}</h5>
    </div>
    <div class="card-body">
        <form method="post">
            {% csrf_token %}
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.name.id_for_label }}" class="form-label">Branch Name *</label>
                    {{ form.name }}
                    {% if form.name.errors %}
                        <div class="text-danger">
                            {{ form.name.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <label for="{{ form.email.id_for_label }}" class="form-label">Email</label>
                    {{ form.email }}
                    {% if form.email.errors %}
                        <div class="text-danger">
                            {{ form.email.errors.0 }}
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.phone.id_for_label }}" class="form-label">Phone</label>
                    {{ form.phone }}
                    {% if form.phone.errors %}
                        <div class="text-danger">
                            {{ form.phone.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <div class="form-check mt-4">
                        {{ form.is_active }}
                        <label class="form-check-label" for="{{ form.is_active.id_for_label }}">
                            Active
                        </label>
                        {% if form.is_active.errors %}
                            <div class="text-danger">
                                {{ form.is_active.errors.0 }}
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
            
            <div class="mb-3">
                <label for="{{ form.address.id_for_label }}" class="form-label">Address *</label>
                {{ form.address }}
                {% if form.address.errors %}
                    <div class="text-danger">
                        {{ form.address.errors.0 }}
                    </div>
                {% endif %}
            </div>
            
            <div class="d-flex justify-content-between">
                <a href="{% url 'branch_list' %}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}