{% 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">
        <div class="alert alert-info mb-4">
            <p class="mb-0"><i class="fas fa-info-circle"></i> Generating a license key will allow the branch to operate the POS system for the specified duration.</p>
        </div>
        
        <form method="post">
            {% csrf_token %}
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.branch.id_for_label }}" class="form-label">Branch *</label>
                    {{ form.branch }}
                    {% if form.branch.errors %}
                        <div class="text-danger">
                            {{ form.branch.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <label for="{{ form.duration.id_for_label }}" class="form-label">License Duration *</label>
                    {{ form.duration }}
                    {% if form.duration.errors %}
                        <div class="text-danger">
                            {{ form.duration.errors.0 }}
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div class="alert alert-warning mb-4">
                <p class="mb-0"><i class="fas fa-exclamation-triangle"></i> Once generated, the license key will be visible only once. Make sure to save it securely.</p>
            </div>
            
            <div class="d-flex justify-content-between">
                <a href="{% url 'license_list' %}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">Generate License Key</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}