@extends('hr_main')
@section('title', '| Monthly New Resigned 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">
                <div class="row" style="display:flex; align-items:center; border-bottom: 1px solid #fff; margin-bottom: 15px; ">
                    <div class="col-md-6" style="padding:10px 0; color: #fff;">
                        <span style="font-size: 25px;">{{ $d->pageTitle }}</span>
                    </div>
                    <div class="col-md-6">
                        <button class="btn btn-primary pull-right doPrint">
                            <i class="fa fa-print doPrint">Print</i>
                        </button>
                    </div>
                </div>
            </div> --}}

            <div class="panel-heading">
                <div class="panel-title">
                  {{ $d->pageTitle }}
              </div>
              <div class="panel-options pull-right">

                  <button class="btn btn-primary pull-left doPrint">
                    <i class="fa fa-print doPrint">Print</i>
                </button>
                <button id="btnExportExcel" class="btn btn-primary"  target="_blank" style="">
                    <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
                </button>

                <button  id="btnExportPdf" class="btn btn-primary"  target="_blank" style="">
                    <i class="fa-file-pdf-o" aria-hidden="true"> Pdf</i>
                </button>
            </div>
        </div>

        <div class="panel-body panelBodyView" >
            <div class="row">
                @include('hr.monthlyNewResignedStaffReport._filterForm')
            </div>
        </div>

    </div>      
    {{-- ./panel --}}
</div>
{{-- ./col-md-12 --}}
</div>
{{-- ./row --}}
@endsection

@section('footerAssets')
<script type="text/javascript">
$('.start_date, .end_date').datepicker({
    format: 'dd-mm-yyyy', 
    autoclose: true,       
    todayHighlight: true  
});

</script>
@endsection