@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"><h3 class="text-center">Leave Application Create</h3>

                    <div class="text-right">
                        <!-- Large modal -->
                        <a href="{{route('leave.list')}}" class="btn btn-sm btn-success">Leave Application List</a>

                    </div>
                </div> 

                <div class="card-body">
                    

                    <!-- Button trigger modal -->
                    @if(Session::has('message'))
                        <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}</p>
                    @endif
                    <div>
                        <form id="resetForm" action="{{route('leave.store')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <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-3">
                                                    <label class="labels">Employees</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="0">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">Leave Type</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <select  class="form-control input-sm "
                                                            name="leave_type_id" id="leaveType">
                                                        <option value="0">Select One</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-3">
                                                    <label class="labels">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"/>
                                                    <input type="hidden" name="id" id="taken_id"/>
                                                    <input type="hidden" name="ware_id" value="{{getSessionUserList('ware')}}"
                                                           id="wareId"/>
                                                </div>
                                            </div>
                                            <div class="row mt-3">
                                                <div class="col-md-3">
                                                    <label class="labels">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-3">
                                                    <label class="labels">Total Days</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input readonly id="total_days" name="leave_count"
                                                           class="form-control input-sm" required/>
                                                </div>
                                            </div>
                                            <div class="row mt-3">
                                                <div class="col-md-3">
                                                    <label class="lebels">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-2">
                                                <div class="col-md-3">
                                                    <label class="labels" style="width: 113px;">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">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-2">
                                                <div class="col-md-3">
                                                    <label class="labels">Duration</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="radio" id="fullDay" value="1" class="leave_duration_type"
                                                           name="leave_duration_type">
                                                    <label>Full Day</label>
                                                    <input type="radio" id="halfDay" value="2" class="leave_duration_type"
                                                           name="leave_duration_type">
                                                    <label>Half Day</label>
                                                </div>
                                            </div>
        
                                            <div class="row mt-2">
                                                <div class="col-md-3">
                                                    <label  id="documents_lebel" documents_lebel="">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">
                                            <h4 id="emp_join_date" class="text-center"></h4>
                                            <table class="table" id="resultApplist">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Leave</th>
                                                    <th scope="col">Entitled</th>
                                                    <th scope="col">Availed</th>
                                                    <th scope="col">Dues</th>
                                                </tr>
                                                </thead>
                                                <tbody id="leave_body">
                                                </tbody>
                                            </table>
        
                                            <h4 style="color:red" id="alert_message" class="text-center"></h4>
                                        </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">Submit</button>

                                </div>

                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('payroll.leave.form.new_app_list')
    <script src="{{ asset('/') }}payroll_assets/leave/applist.js"></script>
    <script>
        $(document).ready(function () {
            $('.js-example-basic-single').select2();
        });

    </script>
@endsection