@extends('admin.layouts.master')
@section('styles')
@endsection
@section('contents')
 <div class="content-wrapper">
    <div class="page-header">
      <h3 class="page-title">Leave Manage</h3>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active" aria-current="page"> Leave Manage</li>
        </ol>
      </nav>
    </div>
    <div class="row">
      
      <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Leave Manage </h4>
            
            <div class="table-responsive" style="margin-top: 10px;">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Sno</th>
                    <th>Employee</th>
                    <th>Leave Type</th>
                    <th>From Date & Session </th>
                    <th>From Date & Session </th>
                    <th>Total Days</th>
                    <th>Reason</th>
                    <th>Remark</th>
                    <th>Status</th>
                  </tr>
                </thead>
                <tbody>
                  @if(count($leave)>0)
                  @foreach($leave as $key=>$value)
                    <tr>
	                    <td>{{$key+1}}</td>
                      <td>{{employeeDetail($value->employee_id)->name}}</td>
                      <td>{{$value->leave_type}}</td>
                      <td>{{$value->date_from}} - {{$value->from_session}}</td>
                      <td>{{$value->date_to}} - {{$value->to_session}}</td>
                      <td>{{$value->days}}</td>
                      <td>{{$value->reason}}</td>
                      <td>@if(!empty($value->remark)){{$value->remark}}@else NA @endif</td>
                      <td>
                          <button class="btn btn-info btn-icon-text" onclick="getLeaveStatus('{{$value->id}}','{{session('AdminDetail')->id}}','{{$value->status}}')">Pending</button>  
                      </td>
            		</tr>
                  @endforeach
                  @else
                  <tr>
	              	<td colspan="7" style="text-align:center;">Data not Found</td>
	              </tr>  
	              @endif
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
     
    </div>
  </div>
<div class="modal modal-add fade show" id="modal-default" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Approve/Reject Leave</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				 <span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="approve-form"  action="{{route('approve-status')}}" method="post" enctype="multipart/form-data">
					@csrf
					<div class="form-group">
						<input type="hidden" value="" name="id" id="id">
            <input type="hidden" value="" name="employee_id" id="employee_id">
            <span class="" id="change-status"></span>
					</div>
					
					<div class="form-group">
						<label for="recipient-name" class="control-label mb-10">Status *:</label>
						<select class="form-control " name="status" id="status" required>
              <option value="">Plese select Status</option>
              <option value="3">Approve</option>
              <option value="2">Reject</option>
            </select>
					</div>
		      <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Remark :</label>
            <input type="text" class="form-control all-clean" id="remark" name="remark" value="{{old('remark')}}" placeholder="Please Enter Remark" >
          </div>
    		</form>
				
			</div>
			<div class="modal-footer justify-content-between">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary" onclick="checkForm()"><spam id="title-button">Approve/Reject</spam></button>
			</div>
		</div>
	</div>
</div>       	
@endsection
@section('scripts')
<script>
  function checkForm() {
    if($('#status option:selected').val() =='')
    {  
      $("#status").addClass('is-invalid');
      // $("#status").append('<option value="">Plese select Status</option><option value="3">Approve</option><option value="2">Reject</option>');      
    }
    else
    {
      $("#status").removeClass('is-invalid');
      $('#approve-form').submit();
    }
  }

	function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if ((charCode < 48 || charCode > 57))
        return false;

    return true;
 }
 function getLeaveStatus(id,employee_id,status) {
    $('#id').val(id);
    $('#employee_id').val(employee_id);
    $('.modal-add').modal('toggle');
 }
</script>

@endsection