<button style="margin-top: 10px" id="wystawMM" type="button" class="ui primary button">Wystaw MM</button>
<img id="wystawMMLoader" style="display: none; margin-top: 5px; width: 20px;" src="img/loading.gif"/>
<form class="ui form">
<table class="ui celled table" id="dataTable" >
    <thead>
    <tr>
        <th style="text-align: center;" colspan="5">
            Magazyn główny {{ magazynyNazwy[magazynGlowny] }}
        </th>
        {% for magazyn in magazynyIds %}
            {% if magazyn != magazynGlowny and magazyn != magazynPomocniczy %}
                <th style="text-align: center;" colspan="3">
                    Magazyn {{ magazynyNazwy[magazyn] }}<br>
                    <span class="magazynLimitWrapper" data-id="{{ magazyn }}">Limit: <span class="magazynLimit" data-id="{{ magazyn }}">{{ magazynyLimity[magazyn] }}</span></span>
                </th>
            {% endif %}
        {% endfor %}
    </tr>
    <tr>
        <th colspan="5" style="text-align: center;">Sumy</th>

        {% for magazyn in magazynyIds %}
            {% if magazyn != magazynGlowny and magazyn != magazynPomocniczy %}
                <th style="text-align: center;"></th>
                <th style="text-align: center;"><span class="sumSrzedano" data-id="{{ magazyn }}">{{ sprzedazWmagazynie[magazyn] }}</span></th>
                <th style="text-align: center;"><span class="sumZamowiono" data-id="{{ magazyn }}">{{ sprzedazWmagazynie[magazyn] }}</span></th>
            {% endif %}
        {% endfor %}
    </tr>
    <tr>
        <th style="text-align: center;">Nazwa</th>
        <th style="text-align: center;">Symbol</th>
        <th style="text-align: center;" title="Dostępne">D</th>
        <th style="text-align: center; width: 10%;" title="Zamówione">Z</th>
        <th style="text-align: center; width: 10%;" title="Pozostało">P</th>
        {% for magazyn in magazynyIds %}
            {% if magazyn != magazynGlowny and magazyn != magazynPomocniczy %}
                <th style="text-align: center;" title="Aktualny stan">A</th>
                <th style="text-align: center;" title="Sprzedaż">S</th>
                <th style="text-align: center;">D</th>
            {% endif %}
        {% endfor %}
    </tr>
    </thead>
    <tbody>
    <tr style="color: white; margin: 0; font-size: 1px; padding: 0; height: 2px;">
        <td style="text-align: center; width: 100%;">ZZZ</td>
        <td style="text-align: center;"></td>
        <td style="text-align: center;">00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</td>
        <td style="font-weight: bold; text-align: center;">00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</td>
        <td style="font-weight: bold; text-align: center;">00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</td>
        {% for magazyn in magazynyIds %}
            {% if magazyn != magazynGlowny and magazyn != magazynPomocniczy %}
                <td style="text-align: center;">00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</td>
                <td style="text-align: center;">00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</td>
                <td style="text-align: center;">
                    <div class="field">
                    </div>
                </td>
            {% endif %}
        {% endfor %}
    </tr>

        {% set test = [] %}
        {% for towar in towary %}
            <tr data-id="{{ towar.id }}">
                <td data-id="{{ towar.id }}" style="width: 100%; text-align: center;">{{ towar.nazwa }}</td>
                <td data-id="{{ towar.id }}" style="text-align: center;">{{ towar.symbol }}</td>
                <td data-id="{{ towar.id }}" style="text-align: center;"><span class="dostepne" data-id="{{ towar.id }}">
                        {{ towar.magazyny[magazynGlowny].stan + towar.magazyny[magazynPomocniczy].stan }}</span>
                    {% if magazynPomocniczy > 0 %}({{ towar.magazyny[magazynGlowny].stan }} + {{ towar.magazyny[magazynPomocniczy].stan }}){% endif %}
                </td>
                <td data-id="{{ towar.id }}" style="font-weight: bold; text-align: center; width: 10%;"><span class="sum" data-id="{{ towar.id }}">{{ towar.sumaSprzedaz }}</span></td>
                <td data-id="{{ towar.id }}" style="font-weight: bold; text-align: center; width: 10%;"><span class="pozostale" data-id="{{ towar.id }}">{{ towar.magazyny[magazynGlowny].stan - towar.sumaSprzedaz  }}</span></td>

            {% for magazyn in magazynyIds %}
                {% if magazyn != magazynGlowny and magazyn != magazynPomocniczy %}
                    {% if loop.index % 2 == 0 %}
                        {% set color = "#D3D3D3" %}
                        {% set addClass = "grey" %}
                    {% else %}
                        {% set color = "#fff" %}
                        {% set addClass = "" %}
                    {% endif %}
                    <td data-id="{{ towar.id }}" class="{{ addClass }}" style="background: {{ color }}; text-align: center;">{{ towar.magazyny[magazyn].stan }}</td>
                    <td data-id="{{ towar.id }}" class="{{ addClass }}" style="background: {{ color }}; text-align: center;">{{ towar.magazyny[magazyn].sprzedaz }}</td>
                    <td data-id="{{ towar.id }}" class="{{ addClass }}" style="background: {{ color }}; text-align: center;">
                        <div class="field">
                            <input value="{% if  towar.magazyny[magazyn].sprzedaz > 0 %}{{ towar.magazyny[magazyn].sprzedaz }}{% endif %}" data-magazyn="{{ magazyn }}" data-class="{{ towar.id }}" class="chInput input-{{ towar.id }}" style="width: 20px;" />
                        </div>
                    </td>
                {% endif %}
            {% endfor %}
            </tr>
        {% endfor %}
    </tbody>
</table>
</form>