<div class="form_section">
    <h3>e-BOS</h3>

    <div class="ebom_section_content">
        <script>
            var inverterBrandData = {{ context['inverter_brands']|tojson|safe }};
            var powerStationData = {{ context['power_stations']|tojson|safe }};
            var standaloneInverterData = {{ context['standalone_inverters']|tojson|safe }};
            var supervisorMonitorData = {{ context['power_monitors']|tojson|safe }};
            var standaloneInverterStringLimits = {{ context['standalone_inverter_string_limits']|tojson|safe }};
            var standaloneInverterStringDefaults = {{ context['standalone_inverter_string_defaults']|tojson|safe }};
        </script>

        <div class="ebom_section_header">
            <div>Inverter Brand</div>
        </div>
        <form name="inverter_brand_form" action="" method="post" enctype="multipart/form-data">
            <div id="inverter_brand_form"
                 class="form_section ebom_form">
                {{ inverter_brand_form.csrf_token }}
                {% for field in inverter_brand_form.group('hidden') %}
                    {{ field }}
                {% endfor %}

                {% for field in inverter_brand_form.group('inverter_brands') %}
                    {% include 'form_row.html.jinja' %}
                {% endfor %}
            </div>
        </form>

        {% if is_delta %}
            {% include 'ebom_form_delta.html.jinja' %}
        {% else %}
            {% include 'ebom_form_sma.html.jinja' %}
        {% endif %}
    </div>
</div>
