@extends('AdminLte.template')

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

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

@section('Content')
<style>

    .panel-body {
        background-color : whitesmoke; 
    }
</style>
<br/>
<div class="table-responsive">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading fontsize16 borderBottomGray">
                Assign Leave</div>
            <div  class="panel-body borderBottomGray">

                <br/>
                {{ Form::open(['action' => 'LeaveAssignController@create','id' => 'leaveForm','autocomplete' => 'off']) }}
                <input type="hidden"  name="id" class="id">



                <div class="col-md-2 txtRight ">
                    <span class="fontsize10 required">✱</span>
                    <label class="inputType"> Employee Name :</label></div>
                <div  class="col-md-3 txtLeft"><input type="text" size="23" id="empname" name="empname" required> </div>
                <input type= "hidden"  name="employeeId" id="employeeId"/>
                


                {{-- <div class="col-md-2 txtRight ">
                    <span class="fontsize10 required">✱</span>
                    <label class="inputType">Leave Type : </label></div>
                <div  class="col-md-3 txtLeft" id="leave">

                    <select name="leavetype" id="leavetype" class="form-control input-sm" required>
                        <option  value="">--Select--</option>
                    </select>



                </div>
                <br><br>
                <div class="col-md-2 txtRight ">
                    <label class="inputType">Leave Balance : </label></div>
                <div  class="col-md-3 txtLeft hover "><input type= text name=balance id=balance readonly>  </label></div>
                <button type="button" class="btn btn-primary btn-sm fontsize13 noPaddingTopBottom btnview"><span class="glyphicon glyphicon-edit fontsize15"></span>View Details</button>
                <br/> <br/>
                <div id="holidayList">
                    <div class="col-md-2 txtRight"><label id="holi" class="inputType">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>   
                <br><br>   
                <div class="col-md-2 txtRight ">
                    <label class="inputType">From Date : </label></div>
                <div  class="col-md-3 txtLeft "><input type="date" id="fromdate" name="fromdate" value="{{date('Y-m-d')}}" required > </div>

                <br/><br/>
                <div class="col-md-2 txtRight ">
                    <label class="inputType">To Date : </label></div>
                <div  class="col-md-3 txtLeft "><input type="date" id="todate" name="todate" value="{{date('Y-m-d')}}" required> </div>

                <br/><br/>
                <div class="col-md-2 txtRight"><label class="txtRight inputType">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>
                <br/><br/>
                <div class="col-md-2 txtRight"><label class="txtRight is_half_day inputType" name="is_half_day"> Half Day : </label></div>
                <div class="row">
                    <div class="col-md-3" 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>
                <br>

                <div class="col-md-2 txtRight ">
                    <label class="inputType">Comment : </label></div>
                <div  class="col-md-3 txtLeft "><textarea maxlength="30" rows="3" size="30" id="comment" name="comment"> </textarea> </div> --}}


                <br/><br/><br/>
                <div class="borderBottomGray">
                    <span class="fontsize10 required">✱</span>
                    <span class="fontsize12"> Required field</span>
                </div>
                <br/>
                <div class="col-sm-6 txtCenter">
                    <input type="button" value="Submit" id="btnSubmit" class="btn btn-success btn-sm"></div>
                {{ Form::close() }}
                <br/><br/>
                <div class="col-md-4 col-md-offset-3">
                    @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>
        </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_leave_assign.js?$releaseVersion") }}"></script>
@endsection