<div class="ebom_section_header">
    <div>Inverters</div>
    <div id="add_standalone_inverter" class="clickable add_button">
        <i class="icon-plus"></i>Inverter
    </div>
</div>
<form name="standalone_inverter_form" action="" method="post" enctype="multipart/form-data">
    <div id="standalone_inverter_form"
         class="form_section ebom_form {{ 'hidden' if standalone_inverter_form.errors|count == 0 }}">
        {{ standalone_inverter_form.csrf_token }}
        {% for field in standalone_inverter_form.group('hidden') %}
            {{ field }}
        {% endfor %}

        {% for inverter_field in standalone_inverter_form.group('inverters') %}
            {% set quantity = True %}
            {% include 'inverter_form_row.html.jinja' %}
        {% endfor %}
        {% for field in standalone_inverter_form.group('power_station') %}
            {% include 'form_row.html.jinja' %}
        {% endfor %}
        <div class="ebom_subsection submit">
            <input type="submit" name="submit_button" class="button" value="Add">
            <a class="cancel_button button" href=".">Cancel</a>

            <div class="spacer"></div>

            <a class="delete_button button hidden" href="">Delete</a>
        </div>
    </div>
</form>
{% if context['standalone_inverters']|length > 0 %}
    <div class="form_section">
        <table class="standalone_inverter_table">
            <tr>
                <th>Model</th>
                <th>Attachment Point</th>
                <th>Splice<br>Box</th>
                <th></th>
            </tr>
            {% for inverter in context['standalone_inverters'] %}
                <tr class="alternating_row_color">
                    <td>{{ inverter['model'].label }}</td>
                    <td>{{ inverter['attachment_point'][0] }}</td>
                    <td><i class="icon-ok {{ 'hidden' if not inverter['splice_box'] }}"></i></td>
                    <td>
                        <a href="{{ url_for('delete_standalone_inverter', uuid=inverter['standalone_inverter_id']) }}"
                           class="trash_can_link">

                            <i class="icon-trash"></i>
                        </a>
                        <i id="edit_{{ inverter['standalone_inverter_id'] }}"
                           class="icon-pencil clickable"></i>
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>
{% else %}
    <div class="ebom_form empty_state">
        No Inverters have been added yet.
    </div>
{% endif %}
<div class="ebom_section_header">
    <div>Monitoring</div>
    <div id="add_supervisor_monitor" class="clickable add_button">
        <i class="icon-plus"></i>Add Monitoring
    </div>
</div>
<form name="supervisor_monitor_form" action="" method="post" enctype="multipart/form-data">
    <div id="supervisor_monitor_form"
         class="form_section ebom_form {{ 'hidden' if supervisor_monitor_form.errors|count == 0 }}">
        {{ supervisor_monitor_form.csrf_token }}
        {% for field in supervisor_monitor_form.group('hidden') %}
            {{ field }}
        {% endfor %}

        {% for field in supervisor_monitor_form.group('power_source') %}
            {% include 'form_row.html.jinja' %}
        {% endfor %}
        <div class="ebom_subsection submit">
            <input type="submit" name="submit_button" class="button" value="Add">
            <a class="cancel_button button" href=".">Cancel</a>

            <div class="spacer"></div>

            <a class="delete_button button hidden" href="">Delete</a>
        </div>
    </div>
</form>
{% if context['power_monitors']|length > 0 %}
    <div class="form_section">
        <table class="supervisor_monitor_table">
            <tr>
                <th>Attachment Point</th>
                <th></th>
            </tr>
            {% for monitor in context['power_monitors'] %}
                <tr class="alternating_row_color">
                    <td>{{ monitor['power_source'][0] }}</td>
                    <td>
                        <a href="{{ url_for('delete_supervisor_monitor', uuid=monitor['monitor_id']) }}"
                           class="trash_can_link">

                            <i class="icon-trash"></i>
                        </a>
                        <i id="edit_{{ monitor['monitor_id'] }}"
                           class="icon-pencil clickable"></i>
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>
{% else %}
    <div class="ebom_form empty_state">
        No Supervisor Monitors have been added yet.
    </div>
{% endif %}
