@extends('hr_main')
@section('title', '| Monthly New Appointed Staff Report')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default" style="background-color:#708090;">
            <div class="panel-heading" style="padding-bottom:0px">
                @include('hr.monthlyNewAppointedStaffReport._panelHeader')
            </div>

            <div class="panel-body panelBodyView">
                @include('hr.monthlyNewAppointedStaffReport._filterForm')
            </div>
            <div class="table-content">
                @include('hr.monthlyNewAppointedStaffReport._reportHeader')
                @include('hr.monthlyNewAppointedStaffReport._table')
            </div>
        </div>      
        {{-- ./panel --}}
   </div>
   {{-- ./col-md-12 --}}
</div>
{{-- ./row --}}
@endsection

@section('footerAssets')
<script type="text/javascript">
    $(document).ready(function() {

        $("#printIcon").click(function(event) {
            var mainContents = document.getElementById("reportingDiv").innerHTML;
            var headerContents = '';

            var printStyle = '<style>thead tr th{text-align:center;vertical-align: middle;padding:3px;font-size:11px}  tr{ page-break-inside:avoid; page-break-after:auto } </style><style media="print">@page{margin:10mm 10mm;}</style><style>@media print {.element-that-contains-table { overflow: visible !important; }}</style><style>@page:first{tr:nth-of-type(4n){page-break-after: always;}}</style>';

            var footerContents = "<div class='row' style='font-size:12px; padding-left:5px; padding-top:20px;'>Prepared By: <span style='display:inline-block; width: 30%; padding-top:40px;'></span> Reviewed By: <span style='display:inline-block; width: 34%; padding-right:15px; padding-top:40px;'></span>Approved By:</div>";

            var printContents = '<div id="order-details-wrapper">' + headerContents +printStyle+ mainContents + footerContents + '</div>';

            var win = window.open('','printwindow');
            win.document.write(printContents);
            win.print();
            win.close();
        });

        $("#loadingModal").hide();

    });
</script>
@endsection