@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="row" id="lopDetailsModal">
            {{ Form::open(['action' => 'NEWLOPDetailsController@create','id' => 'lopdaysfinding','autocomplete' => 'off']) }}
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
         
                    <div class="row" style="margin-top:10px;">
                        <div class="col-md-9">
                            <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtCenter">Monthly LOP Input</h3> <br/>
                        </div>
                        <div class="col-md-3">
                            @if(session()->has('successMessage'))
                            <div class="alert alert-success col-sm-12" id="success-alert" style="margin-bottom: 1px;height: 30px;line-height:30px;padding:0px 30px;">
                                {{ session()->get('successMessage') }}
                            </div>
                            @endif
                            @if(session()->has('errorMessage'))
                            <div class="alert alert-danger alert-dismissible fade in col-sm-12">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                {{ session()->get('errorMessage') }}
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="row" style="margin-top:10px;">
                        <div class="col-md-12 padding3 borderSearchBox">
                            <div class="col-md-2">
                                <label class="txtRight">Month<span style="margin-left: 2px;">: </span></label>
                                <input name="salarymonth" id="salarymonth" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding salarymonth" type="month" style="width: 135px;">
                            </div>
                            <div class="col-md-3">
                                <label>Department<span style="margin-left: 2px;">: </span></label>
                                <select id="departmentlist" name="departmentlist" class="departmentlist borderNone borderBottom blue noPadding" style="width: 120px; 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">
                                <label>Category<span style="margin-left:5px;">: </span></label>
                                <select id="categorylist" name="categorylist" class="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 class="col-md-3">
                                <label class="inputType">Employee Name<span style="margin-left: 1px;">:</label>
                                <input type="text" id="employeeName" name="employeeName" placeholder="Employee Name" class="inputType borderNone borderBottom blue noPadding"size="24" >
                                <input type="hidden" id="employeeId" name="employeeId" class="form-control" >
                            </div> 
                            <div class="col-md-2">
                                {!! Form::submit( 'Get LOP from Attendance', ['class' => 'btn btn-success','id' => 'get', 'name' => 'submitbutton', 'value' => 'get_data'])!!}
                            </div>
                        </div>   
                    </div> 
                </div>
           
           
                        <div class='row' style="overflow-y: scroll; height: 430px;width: 100%;">
                            
                                <table class="table borderNone commonFontSize" id="maintable" style="margin: 15px;width: 95%; align: left;">
                                    <thead>
                                        <tr style="height: 5%;">
                                            <!-- <th class="TopBottomBorder tdPadding5px warning" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;" width="5%">#</th>   -->
                                            <!-- <th class="th warning borderTopBottom textRight" width="4%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Emp.ID</th> -->
                                            <th class="th warning borderTopBottom" width="8%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Employee Name</th>
                                            <th class="th warning borderTopBottom" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Department</th>
                                            <th class="th warning borderTopBottom" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Category</th>
                                            <th class="th warning borderTopBottom" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Calculated LOP</th>
                                            <th class="th warning borderTopBottom textRight" width="3%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;font-size: 12px;padding: 0px;">LOP</th>  
                                            <th class="th warning borderTopBottom textRight" width="3%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;font-size: 12px;padding: 0px;">Created / Updated By</th>  
                                            <th class="th warning borderTopBottom textRight" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">  </th>
                                        </tr>
                                    </thead>
                                    <tbody id="mainbody">
                                    </tbody>
                                </table>
                            
                        </div>


                 <div class="modal-footer" style="width: 50%;">
                 <button type="submit" name="submitbutton" id="submit1" accesskey="s" value="insert" class="btn btn-sm btn-success submit1"><u>S</u>ubmit</button>
                    <!-- <button type="submit" name="submit1" id="submit1" value="Finalize" class="btn btn-sm btn-danger finalize1" accesskey="c" data-dismiss="modal"><u>F</u>inalize</button> -->
                    <button type="button" class="btn btn-sm btn-danger" accesskey="c" data-dismiss="modal"><u>C</u>ancel</button>
                </div> 
            {{ Form::close() }}
    </div>
</div>
</div>
@endsection

<!--External JS-->
@section('ExternalJs')
<script src=    "{{     asset ("/js/new_lop_details.js?$releaseVersion") }}"></script>
    @endsection
    <!--External JS Close-->