{% extends 'base.html' %}
{% from "macros.html" import render_field, render_included_field %}

{% block title %}Register or Edit License Tier{% endblock %}

{% block content_title %}Register or Edit License Tier{% endblock %}
{% block content_description %}Register or Edit License Tier{% endblock %}

{% block content %}
    <form method="post">
        {{ form.hidden_tag() }}
        {% set main_fields = ['name', 'version', 'start_date', 'end_date', 'basic_fee_d', 'basic_fee_e'] %}
        {% for field in form %}
            {{ render_included_field(field, disabled_fields=[], include_fields=main_fields) }}
        {% endfor %}
        <!-- Nav Tabs -->
        <div class="row mt-5">
            <div class="col-lg-12">
                <div class="nav-wrapper position-relative end-0">
                    <ul class="nav nav-pills nav-fill p-1" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link mb-0 px-0 py-1 active" data-toggle="tab" href="#storage-tab" role="tab" aria-controls="model-info" aria-selected="true">
                                Storage
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-0 px-0 py-1" data-toggle="tab" href="#embedding-tab" role="tab" aria-controls="license-info" aria-selected="false">
                                Embedding
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-0 px-0 py-1" data-toggle="tab" href="#interaction-tab" role="tab" aria-controls="chunking" aria-selected="false">
                                Interaction
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content tab-space">
                    <!-- Storage Tab -->
                    <div class="tab-pane fade show active" id="storage-tab" role="tabpanel">
                        {% set storage_fields = ['max_storage_mb', 'additional_storage_price_d', 'additional_storage_price_e', 'additional_storage_bucket'] %}
                        {% for field in form %}
                            {{ render_included_field(field, disabled_fields=[], include_fields=storage_fields) }}
                        {% endfor %}
                    </div>
                    <!-- Embedding Tab -->
                    <div class="tab-pane fade" id="embedding-tab" role="tabpanel">
                        {% set embedding_fields = ['included_embedding_mb', 'additional_embedding_price_d', 'additional_embedding_price_e', 'additional_embedding_bucket', 'standard_overage_embedding'] %}
                        {% for field in form %}
                            {{ render_included_field(field, disabled_fields=[], include_fields=embedding_fields) }}
                        {% endfor %}
                    </div>
                    <!-- Interaction Tab -->
                    <div class="tab-pane fade" id="interaction-tab" role="tabpanel">
                        {% set interaction_fields = ['included_interaction_tokens', 'additional_interaction_token_price_d', 'additional_interaction_token_price_e', 'additional_interaction_bucket', 'standard_overage_interaction'] %}
                        {% for field in form %}
                            {{ render_included_field(field, disabled_fields=[], include_fields=interaction_fields) }}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Save License Tier</button>
    </form>
{% endblock %}


{% block content_footer %}

{% endblock %}