@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">
                <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__a->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-body panelBodyView" >
                <div class="row">
                    @include('hr.upcomingPromotionIncrementReport._filterForm')
                </div>
            </div>

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

@section('footerAssets')
<script type="text/javascript">
  $('.year').datepicker({
        minViewMode: 2,
        format: 'yyyy'
    });
    $(".month").datepicker( {
        format: "mm",
        startView: "months", 
        minViewMode: "months"
    });

</script>
@endsection