@extends('AdminLte.template')

<!--Title-->
@section('title')
Leave Entitlement Details
@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' => 'LOPDetailsController@create','id' => 'lopDetailsForm','autocomplete' => 'off']) }}
                <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">Leave Entitlement Details</h3> <br/>
                    </div>

                    <div class="col-md-9 padding3 borderSearchBox">
                        
                    <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>

                        <div class='row' style="overflow: scroll; height: 430px;width: 80%;">
                            
                                <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="20%" 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="20%" 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;">LOP</th>
                                        </tr>
                                    </thead>
                                    <tbody id="mainbody">
                @php
                $norecord=1;
                @endphp               
                
                @foreach ($employeeDetails as $key=>$data) 
                <tr>
                   
                   <td width="5%" class="td danger txtRight borderTopBottom vMiddle">&nbsp;&nbsp;{{$data->employee_id}}</td>
                   <td class="td danger txtLeft borderTopBottom vMiddle">&nbsp;&nbsp;&nbsp;&nbsp;{{$data->employee_name}}</td>
                   <td width="5%" class="td danger txtLeft borderTopBottom vMiddle">
                   <input type="number" name="itemLOP[]" id="itemLOP_".$norecord class="borderNone itemLOP txtLeft number" min="0" size="1" style="font-size: 12px; background-color: #f2dede;">
                   </td>
                   
                </tr>

                @foreach($leaveTypes as $key=>$select)
                <tr>
                    <td width="5%" class="td danger txtRight borderTopBottom vMiddle">&nbsp;&nbsp;{{$select->Code}}</td>
                    <td class="td danger txtLeft borderTopBottom vMiddle">&nbsp;&nbsp;</td>
                    <td class="td danger txtLeft borderTopBottom vMiddle">&nbsp;&nbsp;</td>
                </tr>
                @endforeach  
               
                @php
                $norecord=$norecord + 1;
                @endphp 

               @endforeach    

            </tbody>
          </table>
                            
         </div>
       </div></div>

                 <div class="modal-footer" style="width: 60%;">
                    <button type="submit" name="submit1" id="submit1" accesskey="s" value="Submit" class="btn btn-sm btn-success"><u>S</u>ubmit</button>
                    <button type="button" class="btn btn-sm btn-danger" accesskey="c" data-dismiss="modal"><u>C</u>ancel</button>
                </div>

                {{ Form::close() }}
                <!--from end-->
    </div>
</div>
@endsection

<!-- Bootstrap Modals
@section('BootstrapModals')
@include('Components/Bootstrap Modals/monthly_salary_input_modal')
@endsection
Bootstrap Modals Close -->

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