@extends('admin.layout.master')
@section('content')
@include('flash-message')

<div class="card sina-card">
     <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.leave_application_create')}}  </h5>
        <a href="{{route('payroll.hrm.leave.leave_list')}}" class="btn btn-sm btn-success">{{__('obs.leave_application_list')}}</a>
    </div>
                
    <div class="card-body">
         <form id="resetForm" action="{{route('payroll.hrm.leave.leave_store')}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <input type="hidden" name="" id="admin_leave_posting" value="1"/>
                <input type="hidden" name="" id="http_method" value="post"/>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.name')}}/{{__('obs.code')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <select onchange="show_appList(this)" class="form-control input-sm name_code_live_search" name="emp_code" id="emp_code">
                                        <option value="">{{__('obs.select_one')}}</option>
                                        @foreach ($allEmp as $v_allEmp)
                                            <option value="{{ $v_allEmp->id }}">{{ $v_allEmp->emp_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            {{-- <div class="row mt-3">
                                <div class="col-md-3">
                                    <label class="labels">Employee Name</label>
                                </div>
                                <div class="col-md-7">
                                    <select onchange="show_appList(this)"
                                            class="form-control input-sm name_live_search" name="emp_id"
                                            id="allEmp">
                                        <option value="">Select One</option>
                                        @foreach ($allEmp as $v_allEmp)
                                            <option value="{{ $v_allEmp->id }}">{{ $v_allEmp->emp_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.leave_type')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <select  class="form-control input-sm " name="leave_type_id" id="leaveType" >
                                        <option value=""> {{__('obs.select')}} {{__('obs.type')}}</option>
                                        {{-- @foreach ($allleavetypes as $v_allleavetypes)
                                            <option value="{{ $v_allleavetypes->id }}">
                                                {{ $v_allleavetypes->name }}</option>
                                        @endforeach --}}
                                    </select>
                                </div>
                            </div>


                            <div class="row mt-3">
                                <div class="col-md-11">
                                    <table class="table table-bordered text-center" id="leave_data" style="width: 100%">
                                        <thead>
                                        <tr>
                                            <th scope="col" style="width: 25%">Leave Type</th>
                                            <th scope="col" style="width: 25%">Date From</th>
                                            <th scope="col" style="width: 25%">Date To</th>
                                            <th scope="col" style="width: 10%">Days</th>
                                            <th scope="col" style="width: 10%">Remove</th>
                                        </tr>
                                        </thead>
                                        <tbody >
    
                                        </tbody>
                                        <tfoot >
                                            <tr>
                                                <th colspan="3" class="text-end"><b>Total Days</b></th>
                                                <th>
                                                    <input type="number" class="form-control" id="total_days" readonly>
                                                </th>
                                                <th></th>
                                            </tr>
                                        </tfoot>
    
                                    </table>

                                </div>
                                
                            </div>



                            {{-- <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.from_date')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input type="date" name="start_date" id="start"  onchange="dateCalculate()"
                                            class="form-control input-sm start" required/>
                                    <input type="hidden" name="id" id="taken_id"/>
                                    <input type="hidden" name="ware_id" value="{{current_store()}}"
                                            id="wareId"/>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.to_date')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input type="date" id="end" name="end_date" onchange="dateCalculate()"
                                            class="form-control input-sm end" required/>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.total_days')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input  id="total_days" name="leave_count" class="form-control input-sm" required readonly="readonly"/>
                                </div>
                            </div> --}}
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.leave_reason')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input type="text" name="leave_reason" id="leaveReason" class="form-control input-sm" required/>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="">{{__('obs.duty_carried_by')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <select name="duty_carried_by" class="form-control input-sm" id="employee">
                                        <option value="0">{{__('obs.select_one')}}</option>
                                        @foreach ($allEmp as $v_allEmp)
                                            <option value="{{ $v_allEmp->id }}">{{ $v_allEmp->emp_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.duration')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input type="radio" id="fullDay" value="1" class="leave_duration_type"
                                            name="leave_duration_type" required checked>
                                    <label>Full Day</label>
                                    <input type="radio" id="halfDay" value="2" class="leave_duration_type"
                                            name="leave_duration_type" required>
                                    <label>Half Day</label>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label  id="documents_lebel" documents_lebel="">{{__('obs.documents')}}</label>
                                    <input type="hidden" id="document_lebel"  name="documents_lebel" value="">
                                </div>
                                <div class="col-md-7">
                                    <input type="file" id="documents"  name="documents">
                                </div>
                            </div>
                            <div class="text-center">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-bordered" id="">
                                <tr>
                                    <th class="text-center">{{__('obs.code')}}</th>
                                    <th class="text-center">{{__('obs.department')}}</th>
                                    <th class="text-center">{{__('obs.designation')}}</th>
                                    <th class="text-center">{{__('obs.join_date')}}</th>
                                </tr>
                                <tr>
                                    <td id="show_emp_code" class="text-center"> </td>
                                    <td id="show_emp_department" class="text-center"> </td>
                                    <td id="emp_designation" class="text-center"></td>
                                    <td id="emp_join_date" class="text-center"> </td>
                                </tr>

                            </table>
                            {{-- <h4 id="emp_join_date" class="text-center"></h4> --}}
                            <table class="table table-bordered text-center" id="resultApplist">
                                <thead>
                                <tr style="height:10px ">
                                    <th scope="col">{{__('obs.leave')}}</th>
                                    <th scope="col">{{__('obs.entitled')}}</th>
                                    <th scope="col">{{__('obs.pending')}}</th>
                                    <th scope="col">{{__('obs.taken')}}</th>
                                    <th scope="col">{{__('obs.available')}}</th>
                                </tr>
                                </thead>
                                <tbody id="leave_body">
                                </tbody>
                            </table>
                            <h4 style="color:red" id="alert_message" class="text-center"></h4>


                            <div class="mt-5">
                               

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row m-4">
                <div class="col-md-6 offset-2">
                    <button type="submit"  class="btn btn-primary btn-sm " id="leave_submit_button">{{__('obs.submit')}}</button>
                </div>
            </div>
        </form>
    </div>
</div>
{{-- @include('payroll.leave.form.new_app_list') --}}

   
@endsection

@section('script')
<script src="{{ asset('payroll_assets/leave/applist.js') }}?v=1.0.4"></script>

<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

<script>
    $(document).ready(function () {
        $('.select_2').select2();
        let total_leave_days = $("#total_days").val();
        if (typeof total_leave_days == "undefined" || total_leave_days == "" || total_leave_days == 0) {
            $("#leave_submit_button").attr("disabled", true);
        }else{
            $("#leave_submit_button").attr("disabled", false); 
            $("#alert_message").text(" ");
        }

        
        
    });

       function calculate_leave_type(parameter) {
            //  console.log('rrr',parameter.leaveType);
        }

</script>
@endsection