<?php
use components\andon\model\MagazynTypEnum;
use components\andon\model\Linia;
?>
<div class="nav-tabs-custom">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tabPetla" data-toggle="tab">Definicja pętli</a></li>
        <li><a href="#tabPetlaLiniaTyp" data-toggle="tab">Definicja Pętla, Linia, Typ </a></li>
    </ul>
    <div class="tab-content">
        <!-- /.tab-pane -->
        <div class="tab-pane active" id="tabPetla">
            <table id=tablePetla class="table table-bordered table-striped"
                style="width: 100%">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Kod pętli</th>
                        <th>Opis</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="11" class="dataTables_empty">Wczytywanie danych z serwera</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="4">
                            <form id="addPetla">
                                Kod: <input type="text" id="inputKod" class="form-control" pattern="^[a-zA-Z0-9_]{3,10}$" required title="Wprowadź poprawny kod pętli. Maksymalna długość kodu 10 znaków. Dozwolone znaki litery, cyfry i _"  maxlength="10" size="10">
                                Opis: <input type="text" id="inputOpis" class="form-control">
                                <input type="submit" class="btn btn-primary" id="btnPetlaDodaj" value="Dodaj">
                            </form>
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>

        <div class="tab-pane" id="tabPetlaLiniaTyp">
            <table id="tablePetlaLiniaTyp" class="table table-bordered table-striped"
                style="width: 100%">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Kod pętli</th>
                        <th>Linia</th>
                        <th>Typ zgłoszenia</th>
                        <th>Czas kytyczny [min]</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="11" class="dataTables_empty">Wczytywanie danych z
                            serwera</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="6">
                            Pętla:
                            <select class="form-control" id="selectPetla">
                                <option value="">Wybierz</option>
                            </select>
                            Linia:
                            <select class="form-control" id="selectLinia">
                                <option value="">Wybierz</option>
                                <?foreach (Linia::getAll(["linia_status" => 'Y', "rodzaj" => 'Produkcja']) as $wiersz): ?>
                                <option value="<?=$wiersz->getId() ?>"><?= $wiersz->getLiniaSAP() ?> - <?= $wiersz->getLiniaOpis() ?></option>
                                <?endforeach; ?>
                            </select>
                            Typ zgłoszenia
                            <select class="form-control" id="selectTyp">
                                <option value="">Wybierz</option>
                                <?foreach (MagazynTypEnum::typyZamowienia(true) as $wiersz): ?>
                                <option value="<?=$wiersz->getVal() ?>"><?=$wiersz->getVal() ?> - <?= $wiersz->getOpis() ?></option>
                                <?endforeach; ?>
                            </select>
                            Czas krytyczny
                            <input type="number" id="inputCzas" min="0" max="999" maxlength="3" size="3" class="form-control" style="width: 80px;" oninput="if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength)">
                            <button type="button" class="btn btn-primary" id="btnLiniaTypDodaj">Dodaj</button>
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>