<div class="row">
    <div class="col-xs-12">
        <div class="box box-danger mb0" style="min-height:54vh!important; overflow: hidden;">
            <div class="box-body" style="height: 100%;">
                <!-- TAB NAVIGATION -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a href="#tab1" role="tab" data-toggle="tab">Czas pracy</a></li>
					<?php if ($uprawnienia['ModulRejestruCzasuPracyWspolpracownikow']['bCzyUruchamianieGrupa'] == 'true') : ?>
                    <li><a href="#tab2" role="tab" data-toggle="tab" id="wspolpracownicy">Współpracownicy</a></li>
					<?php endif; ?>
                </ul>
                <!-- TAB CONTENT -->
                <div class="tab-content">
                    <div class="active tab-pane fade in" id="tab1">
                        <div id="calendar" data-events-url="<?php echo $local_url; ?>calendar_feed_ajax<?php if(isset($_nrewid) && !empty($_nrewid)) echo '/'.$_nrewid; ?>"></div>
                        <div class="row mx-2">
                            <div class="col-md-6" id="informacjaDodatkowa" style="margin-top: 20px;">
                            </div>
                            <div class="col-md-6">
                                <div id="print_report"
                                     style="text-align: right; margin-top: 20px; display: none;">
                                    <a rel="tooltip" data-placement="left" data-run="operation" title="Drukuj"
                                       class="btn btn-info" href="ajax/oceny/drukuj_raport/CZAS_PRACY_PODLEGLYCH_DLA_KIEROWNIKA"
                                       target="_blank">
                                        <i class="fa fa-print"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
					<?php if ($uprawnienia['ModulRejestruCzasuPracyWspolpracownikow']['bCzyUruchamianieGrupa'] == 'true') : ?>
						<div class="tab-pane fade" id="tab2" style="max-height: 45vh; overflow: auto; padding-bottom: 50px;">
							<div class="">
								<div class="col-xs-12">
									<div class="loader-overlapping custom-loader" id="table-loading" style="display: block;">
										<div class="loader"></div>
									</div>
									<div id="ModalContentEmployee" class="mt5" style="padding-bottom: 0;">
									</div>
								</div>
							</div>
							<span class="pull-left" style="margin-top: 20px;"><sup style="font-size: 12px;">*</sup> Najedź na symbol, aby poznać jego znaczenie</span>
						</div>
					<?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>

<?php echo $this->element('odbicie_modal', array('nrewid'=>$_nrewid, 'tab'=>3)); ?>

<script>
    $(function () {
//        initiateFullCalendar();
        calendarInit();

        var getCalendar = (function () {
            $(document).find('.custom-loader').css('display', 'block');
            $.ajax({
                url: local_url + 'calendar_feed_ajax_employee/<?php echo $_nrewid; ?>',
                method: 'POST',
                dataType: 'html'
            }).done(function (response) {
                $('#ModalContentEmployee').html(response);
                $(document).find('.custom-loader').css('display', 'none');
                $('#tab2').css('padding-bottom', '0px');
            });
        });

        $('#wspolpracownicy').on("click", function () {
            setTimeout(getCalendar, 0);
        });
    });
</script>

<?php echo $this->element('alert_close'); ?>
