<div class="row">
    <div class="col-xs-12">
        <a id="odbicie-new-trigger" href="#" class="btn btn-tile btn-warning">
            <i class="fa fa-plus-circle"></i>
            <span>Nowe</span>
        </a>
    </div>
    <div class="col-xs-12">
        <div style="float: right; margin-top: -90px">
            <div id="print_report" style="text-align: right; margin-top: 20px; display: inline-flex;">
                <a rel="tooltip" data-placement="left" data-run="operation"
                   onclick="$('#generuj-odbicia-modal-raport').modal('show');" title="Drukuj" class="btn btn-info"
                   target="_blank">
                    <i class="fa fa-print"></i>
                </a>
            </div>
            <label>Od: <input type="text" class="datepicker input-125" name="data[bOdbiciaOd]" id="OdbiciaFiltrOd"/>&nbsp;&nbsp;&nbsp;Do:
                <input type="text" class="datepicker input-125" name="data[bOdbiciaOd]" id="OdbiciaFiltrDo"/></label>&nbsp;&nbsp;&nbsp;<button
                type="button" class="btn btn-success" id="odbicie-list-filtr">Filtruj
            </button>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?php echo $local_url; ?>js/odbicia.js"></script>
<script>

    datepickerInit();

    setTimeout(function () {
        daj_odbicia_pracownika('<?=$nrewid?>', get_filter_odbicie(), '<?=$tab?>');
    });


    $('#odbicie-new-trigger').click(function (e) {
        daj_nowe_odbicie('<?=$nrewid?>', 0);
    });

    $('#odbicie-list-filtr').on('click', function () {
        daj_odbicia_pracownika('<?=$nrewid?>', get_filter_odbicie());
    });

    function daj_odbicia_pracownika(nrewid, formData, tab) {
        $.ajax({
            url: local_url + 'ajax/odbicia/daj_odbicia_pracownika/' + nrewid,
            method: 'POST',
            dataType: 'html',
            data: formData,
            beforeSend: function () {
                $(document).find('.custom-loader').css('display', 'block');
            },
            complete: function () {
                $(document).find('.custom-loader').css('display', 'none');
            },
            error: function () {
                $(document).find('.custom-loader').css('display', 'none');
                showError("send error");
            }
        }).done(function (response) {
            $('[data-container="table-odbicia"]').html(response);

            if (tab) {
                $('#tab' + tab).css('padding-bottom', '0px');
            }
        });
    }

    function get_filter_odbicie() {
        var formData = {};
        formData.filtrOd = $('#OdbiciaFiltrOd').val();
        formData.filtrDo = $('#OdbiciaFiltrDo').val();
        return formData;
    }

    function daj_nowe_odbicie(nrewid, czyWstaw, tdGid, tdDate, tdTime) {
        var url;
        if (czyWstaw == 0 && tdGid) {
            $('#bGenerujOdbicieEdytuj').val("1");
            <?php if('SGB' == trim($this->request->getSession()->read('grupaLicencji'))) { ?>
            $('.modal-title').text('Edytuj obecność');
            <?php } else { ?>
            $('.modal-title').text('Edytuj odbicie');
            <?php } ?>
            url = 'ajax/odbicia/daj_odbicie/' + tdGid;
        } else if (czyWstaw == 1) {
            $('#bGenerujOdbicieEdytuj').val("2");
            <?php if('SGB' == trim($this->request->getSession()->read('grupaLicencji'))) { ?>
            $('.modal-title').text('Wstaw obecność');
            <?php } else { ?>
            $('.modal-title').text('Wstaw odbicie');
            <?php } ?>
            url = 'ajax/odbicia/daj_nowe_odbicie/' + nrewid;
        } else {
            $('#bGenerujOdbicieEdytuj').val("0");
            <?php if('SGB' == trim($this->request->getSession()->read('grupaLicencji'))) { ?>
            $('.modal-title').text('Dodaj obecność');
            <?php } else { ?>
            $('.modal-title').text('Dodaj odbicie');
            <?php } ?>

            url = 'ajax/odbicia/daj_nowe_odbicie/' + nrewid;
        }

        $.ajax({
            url: local_url + url,
            method: 'POST',
            dataType: 'json',
            data: {CzyDlaWstaw: czyWstaw, GidPoprzedniegoOdbicia: tdGid},
            //async: false,
            beforeSend: function () {
                $(document).find('.custom-loader').css('display', 'block');
            },
            complete: function () {
                $(document).find('.custom-loader').css('display', 'none');
            },
            error: function () {
                $(document).find('.custom-loader').css('display', 'none');
                showError("send error");
            }
        }).done(function (response) {

            hidden_loader_default();

            var values = {};
            var d = new Date();

            $('#bGenerujOdbicieNrewid').val(nrewid);

            if (tdGid) {
                $('#bGenerujOdbicieGid').val(tdGid);
            } else {
                $('#bGenerujOdbicieGid').val(response.bGid);
            }

            values.Data = tdDate ? tdDate : moment(d).format('YYYY-MM-DD');
            values.DataEditable = response.bCzyMoznaEdytowacDateCzas;
            values.Czas = tdTime ? tdTime : moment(d).format('HH:mm');
            values.Rodzaj = response.bRodzajWejsciaWyjscia;
            values.Typ = response.bRodzajOdbicia;
            values.RodzajOptions = response.bRodzajeWejsciaWyjscia;
            values.TypOptions = response.bMozliweRodzajeOdbicia;
            values.RodzajPracy = response.bRodzajPracy
            values.RodzajPracyOptions = response.bMozliweRodzajePracy

            odbicia.buildModal(response.bCzyUproszczone, values, response.bSpecyfika);

            $('#generuj-odbicia-modal').modal('show');
        });
    }

    function hidden_loader_default() {
        var loader = $("#table-loading");
        if (loader) {
            loader.css('visibility', 'hidden');
        }
    }

</script>

<div class="modal fade" id="generuj-odbicia-modal-raport">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <?php if ('SGB' == trim($this->request->getSession()->read('grupaLicencji'))) { ?>
                    <h4 class="modal-title">Drukuj raport obecność</h4>
                <?php } else { ?>
                    <h4 class="modal-title">Drukuj raport odbicie</h4>
                <?php } ?>
            </div>
            <div class="modal-body" style="height: 300px;">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-xs-12 col-md-4 control-label">Drukuj tylko anomalie</label>
                            <div class="col-xs-12 col-md-8">
                                <div class="checkbox archive" style="display: inline; margin-left: 20px">
                                    <label>
                                        <input type="checkbox" name="pWniosek[dat:Anomalie]">
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-xs-12 col-md-4 control-label">Data Od</label>
                            <div class="col-xs-12 col-md-8">
                                <input type="text" name="pWniosek[dat:DataOd]" class="datepicker input-125"
                                       autocomplete="off" aria-required="true">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-xs-12 col-md-4 control-label">Data Do</label>
                            <div class="col-xs-12 col-md-8">
                                <input type="text" name="pWniosek[dat:DataDo]" class="datepicker input-125"
                                       autocomplete="off" aria-required="true">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-xs-12 col-md-4 control-label">Rodzaj podziału</label>
                            <div class="col-xs-12 col-md-8">
                                <select name="pWniosek[dat:Kod][dat2:NumerIGid]" class="form-control width-33"
                                        id="codeList"
                                        type="select">
                                    <option value="0">Brak</option>
                                    <option value="1">Komórkami</option>
                                    <option value="2">Stanowiskami</option>
                                    <option value="3">Pionami</option>
                                    <option value="4">Regionami</option>
                                    <option value="5">Centrami kosztów</option>
                                    <option value="6">Miejscami wykonywania pracy</option>
                                    <option value="7">Płatnikami</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-xs-12 col-md-4 control-label">Wybór pracowników</label>
                            <div class="col-xs-12 col-md-8">
                                <div class="col-xs-12 input-group">
                                    <?php foreach ($employees['bPracownicy']['bPracownik'] as $k => $employee) : ?>

                                        <?php echo $employee['bNumerEwidencyjny']; ?>

                                    <?php endforeach; ?>
                                    <?php
                                    $inputOptions = ['type' => 'text', 'class' => 'form-control width-33', 'div' => false, 'label' => false, 'id' => 'pSciezkaAkceptacjiDat:NumeryEwidencyjne'];
                                    if (isset($this->request->getData()['pSciezkaAkceptacji'])) {
                                        $inputOptions['value'] = $this->request->getData()['pSciezkaAkceptacji']['dat:NumeryEwidencyjne'];
                                    }
                                    ?>
                                    <?php echo $this->Form->input('data.pSciezkaAkceptacji.dat:NumeryEwidencyjne', $inputOptions); ?>
                                    <a href="#" class="input-group-addon workers-modal-trigger" data-getall="yes">
                                        <i class="fa fa-search"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <input name="data[bGenerujOdbicie][Gid]" type="hidden" id="bGenerujOdbicieGid">
                        <input name="data[bGenerujOdbicie][Nrewid]" type="hidden" id="bGenerujOdbicieNrewid">
                        <input name="data[edytuj]" value="0" type="hidden" id="bGenerujOdbicieEdytuj">
                    </div>
                    <div class="row form-horizontal"></div>
                </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
                <a rel="tooltip" data-placement="left" data-run="operation" title="Drukuj"
                   href="ajax/odbicia/drukuj_raport_odbic/RAPORT_ODBIC_PODLEGLI" target="_blank">
                    <button type="button" class="btn btn-success">DRUKUJ</button>
                </a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script>

</script>
