@extends('AdminLte.template')

<!--Title-->
@section('title')
Monthly LOP Input
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->

<!--View Content of database-->
<div class="table-responsive">
    <div class="col-md-12">

                 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
         
                    <div class="row" style="margin-top:10px;">
                   <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtCenter">Monthly LOP Input</h3> <br/>
                    </div>

                    <div class="col-md-8 padding3 borderSearchBox">
                        <div class="input-group" style="float:left;">
                            <div class="col-md-3 txtRight">
                              <label>Month<span style="margin-left: 2px;">: </span></label>
                        </div>
                        
                        <div class="col-md-2">
                        <input name="salarymonth" id="salarymonth" value="{{ Carbon::parse($monthly_salary_month)->format('Y-m') }}" class="inputType borderNone borderBottom blue noPadding salarymonth" type="month" style="width: 135px;">
                        </div>
                    </div>
                    <div class="input-group" style="float:left; margin-left: -30px;">
                       <label>Department<span style="margin-left: 5px;">: </span></label>
                    </div>

                    <div class="col-md-2">
                            <select id="departmentlist" name="departmentlist" class="form-control departmentlist borderNone borderBottom blue noPadding" style="width: 120px; height: 20px;font-size: 12px;padding: 0px;">
                             <option value = "0">All</option>
                              @foreach($department as $key=>$select)
                              <option value="{{$select->department_id}}">{{$select->department_name}}</option>    
                              @endforeach  
                            </select>      
                    </div>
                    
                    <div class="col-md-2 txtRight" style="margin-left: 15px;">
                            <label>Category<span style="margin-left: 5px;">: </span></label>
                        </div>
                        
                        <div class="col-md-2">
                        <select id="categorylist" name="categorylist" class="form-control categorylist borderNone borderBottom blue noPadding" style="width: 120px; height: 20px;font-size: 12px;padding: 0px;margin-left: -10px;">
                         <option value = "0">All</option>
                         @foreach($category as $key=>$select)
                              <option value="{{$select->job_category_id}}">{{$select->job_category_name}}</option>    
                            @endforeach  
                         </select>      
                        </div>

                </div>
</div>
@endsection