@extends('AdminLte.template')

<!--Title-->
@section('title')
Apply Leave
@endsection
<!--Title Close-->

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

    .panel-body{

        background-color:whitesmoke;
    }

</style>
@endsection
<!--External CSS Close--> 

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

<!--View Content of database-->
<div class="container-fluid">
    {{ Form::open(['action' => 'ApplyLeaveController@create','id' => 'applyleaveForm','autocomplete' => 'off']) }}
    <br/>
    <div class="panel panel-default">
        <div class="panel-heading fontsize16 borderBottomGray">
        <div  class="panel-body borderBottomGray">
            <div class="col-sm-4">
                Apply Leave For: {{ $employee_name }}({{ $employee_id }})
            </div>
            <div class="col-sm-6">
                @if(session()->has('successMessage'))
                <div class="alert alert-success alert-dismissible fade in col-sm-12">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    {{ 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>

            <input type="hidden" name="leave_Type_id" id="leave_Type_id" class="leave_Type_id"> 
            <input type="hidden" name="employeeId" id="employeeId" value="{{ $employee_id }}"/>
            <input type="hidden" name="old_fromDate" id="old_fromDate" class="inputType date borderNone borderBottomGray blue noPadding">
            <input type="hidden" name="old_toDate" id="old_toDate" class="inputType date borderNone borderBottomGray blue noPadding">
            <input type="hidden" name="old_leave_type" id="old_leave_type" class="inputType date borderNone borderBottomGray blue noPadding">
            <br>
            <div class="row">
                <div class="col-sm-2 txtRight"><label class="txtRight">From Date : </label> </div>
                <div class="col-sm-5">
                    @if (isset($date))
                        <input name="fromDate" id="fromDate" value="{{$date}}" class="inputType date borderNone borderBottomGray blue noPadding" type="date" required>
                    @else
                        {{-- <input name="fromDate" id="fromDate" value="{{ date('Y-m-d') }}" class="inputType borderNone borderBottomGray blue noPadding" type="date" required> --}}
                        <input name="fromDate" id="fromDate" class="inputType borderNone borderBottomGray blue noPadding" type="date" required>
                    @endif
                    &nbsp;&nbsp;
                    <a href="{{\Helper::navigationUrl('./../../pages/attendance/employee_optional_leave.php?optionalby=R','N')}}"><button type="button" class="btn btn-primary btn-sm  noPaddingTopBottom">Apply Optional Leave <span class="glyphicon glyphicon-new-window fontsize15"></span></button></a>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-2 txtRight"><label class="txtRight">To Date : </label> </div>
                <div class="col-md-3">
                    @php
                        if (isset($date)) {
                            echo '<input name="toDate" id="toDate" value="'.$date.'"  class="inputType date borderNone borderBottomGray blue noPadding" type="date" required>';
                        }
                        else{
                            // echo '<input name="toDate" id="toDate" value="'. date('Y-m-d') .'" class="inputType borderNone borderBottomGray blue noPadding" type="date" required>';
                            echo '<input name="toDate" id="toDate" class="inputType borderNone borderBottomGray blue noPadding" type="date" required>';
                        }
                    @endphp
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-2 txtRight">
                    <span class="fontsize10 required">✱</span>
                    <label class="txtRight">Leave Type : </label> </div>
                <div class="col-md-3">
                    <select id="leavetypeId" class="form-control input-sm" name="leave_type_id" required="true">                      
                        <option value=""> -- Select -- </option>
                            @foreach($leaveType as $key=>$type)
                                <option value="{{$type['leave_type_id'] }}">{{$type['leave_type_name']}}</option>
                            @endforeach
                    </select>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-md-2 txtRight"><label class="txtRight">Leave Balance : </label> </div>
                <div class="col-md-3"><input type="text" maxlength="60" id="leavebalance" name="leave_balance" class="form-control input-sm txtUpperCase" readonly="" size="15" ></div>
                <button type="button" class="btn btn-primary btn-sm fontsize13 noPaddingTopBottom btnview"><span class="glyphicon glyphicon-edit fontsize15"></span>View Details</button>
            </div>
            <br/>
            <div class="row">
                <div id="holidayList">
                    <div class="col-md-2 txtRight"><label id="holi" class="txtRight">Holiday : </label> </div>
                    <div class="col-md-2">
                        <select id="holidayId" name="holiday_id" class="form-control input-sm">   
                            <option value=""> -- Select -- </option>
                            @foreach($holiDayList as $key=>$list)
                            <option value="{{$list->id }}">{{$list->description}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-md-2 txtRight"><label class="txtRight">Partial Days :</label></div>
                <div class="col-md-3">
                    <select name="partial_days" id="partialdays">
                        <option value="None">None</option>
                        <option value="all">All Days</option>
                        <option value="start">Start Day Only</option>
                        <option value="end">End Day Only</option>
                        <option value="start_end">Start And End Day</option>
                    </select>

                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-md-2 txtRight"><label class="txtRight is_half_day" name="is_half_day"> Half Day : </label></div>
                <div class="col-sm-1" id="halfDay">
                    <input id="rdoY" type="radio" name="is_half_day" value="Y"> Yes<br>
                    <input id="rdoN" type="radio" name="is_half_day" value="N" checked="checked"> No<br>
                </div>
                <div id="apply_for" style="display: none;">
                    <div class="col-md-2 txtRight"><label class="txtRight is_half_day" name="is_half_day"> Apply For : </label></div>
                    <div class="col-md-3">
                        <input id="HA1" class="apply_for" type="radio" name="apply_half" value="1" required> <label for="HA1"> 1st Half </label><br>
                        <input id="HA2" class="apply_for" type="radio" name="apply_half" value="2"> <label for="HA2"> 2nd Half</label><br>
                    </div>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-md-2 txtRight"><span class="fontsize10 required">✱</span><label class="txtRight">Comment : </label> </div>
                <div class="col-md-3"><textarea id="comment" name="comment" rows="3" class="form-control input-sm txtUpperCase" size="60" required></textarea></div>
            </div>
            <br/><br/>
            <div class="borderBottomGray">
                <span class="fontsize10 required">✱</span>
                <span class="fontsize12"> Required field</span>
            </div>
            <br/>
            <div class="row">
                <div class="col-sm-6 txtCenter">
                    <input type="button" class="btn btn-success btn-sm" value="Apply" id="btnSubmit" >
                    <input type="reset" name="btnReset" id="btnReset" value="Reset" class="btn btn-sm btn-info">
                    @if(isset($date))
                    <a type="button" class="btn btn-primary btn-sm" onclick="javascript:history.go(-1)" value="Show Attendance" id="attendanceCheck" >Back</a>
                    @endif
                    @if(str_contains(url()->previous(),'ApplyLeave/'))
                    <a type="button" class="btn btn-primary btn-sm" onclick="javascript:history.go(-2)" value="Show Attendance" id="attendanceCheck" >Back</a>
                    @endif
                </div>
            </div>
            <br/><br/>
            <div class="row">
                <div class="col-md-5 col-md-offset-3">
                    @if($countEmpLeaveEnt <= 0)
                    <div id="empleavetypeMessage" class="alert alert-danger alert-dismissible fade in col-sm-10">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <span class="fontsize16"></span> {{"No Leave Types with Leave Balance"}}
                    </div>
                    @endif
                </div>
            </div>
            {{ Form::close() }} 
        </div>
    </div>
</div>
@endsection
<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/hrms_leave_balance_details')
@endsection
<!--Bootstrap Modals Close-->
<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_apply_leave.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->