@extends('layouts.layout') @section('content')
<div class="container-fluid" style="min-height:420px">

    <div class="row">
        <div class="col-lg-12">
        <div class="card">

                <form onsubmit="return addregularization()">
                  <div class="row" >
                      <div class="col-md-4">
                  <div class="table-responsive" style="max-height:500px; overflow-y: scroll;">
                                    <table  class="myTable table table-hover ">
                                        <thead>
                                            <tr>
                                                <th>Si</th>
                                                <th>Emp ID</th>
                                                <th>Employee name</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                          @php
                                          $siemp=0;
                                          @endphp
                                          @if($myteam!="" && count($myteam)>0)
                                          @foreach($myteam as $myteamlist)
                                          @php
                                          $siemp++;
                                          @endphp
                                          <tr>
                                            <td><label>{{$siemp}} <input type="checkbox" name="employeecode" value="{{$myteamlist->id}}"></label></td>
                                            <td>{{$myteamlist->username}}</td>
                                            <td>{{$myteamlist->name}}</td>
                                          </tr>
                                          @endforeach
                                          @endif

                                        </tbody>
                                    </table>
                                </div>
                                </div>
<div class="col-md-8">

  <div class="row" >
      <div class="col-md-6">
      <div class="form-group">
      <label>From date</label>
      <input  style="width:100%" type="text"   autocomplete="off" id="fromdt" class="form-control regdatepicker" placeholder="From Date" value="">
      </div>
      </div>
      <div class="col-md-6">
      <label>In Time * (hh:mm am)</label>
      <div class="form-group bootstrap-timepicker timepicker">
                <input  style="width:100%"  id="fromtime" type="text" placeholder="HH:MM AM" class="form-control">
        </div>
      <!-- <div class="form-group">
      <input  style="width:100%"  type="time"   id="fromtime" class="form-control" placeholder="In time" value="">
      </div> -->
      </div>
   </div>

  <div class="row" >
      <div class="col-md-6">
      <label>To date *</label>
      <div class="form-group">
      <input  style="width:100%" type="text"   autocomplete="off" id="todt" class="form-control regdatepicker" placeholder="To Date" value="">
      </div>
      </div>
      <div class="col-md-6">
      <label>Out Time * (hh:mm pm)</label>
      <div class="form-group bootstrap-timepicker timepicker">
                <input  style="width:100%"  id="totime" type="text" placeholder="HH:MM PM" class="form-control">
        </div>
      <!-- <div class="form-group">
      <input  style="width:100%"  type="time"   id="totime" class="form-control" placeholder="Out time" value="">
      </div> -->
      </div>
  </div>

<div class="row" >
      <div class="col-md-6">
      <div class="form-group" id="reasonselect">
      <select class="form-control" style="width:100%" id="reason" onchange="reasonchange()">
      <option value=""> Select reason</option>
      @if($reasondata!="" && count($reasondata)>0)
      @foreach($reasondata as $reasonlist)
      <option value="{{$reasonlist}}">{{$reasonlist}}</option>
      @endforeach
      @endif
      <option value="others">others </option>
      </select>
  </div>
      </div>
      <div class="col-md-4 otherreason" style="display:none">
      <div class="form-group">
      <input  style="width:100%"  type="text"   id="other_reason" class="form-control" placeholder="Other reason" value="">
      </div>
      </div>
      <div class="col-md-2 otherreason" style="display:none">
      <img id="loaderimage" src="{{asset('images/loader.gif')}}" style="margin-top:-2px;width:60px;display:none">
      <div class="form-group" id="loaderbutton">
      <button type="button" class="btn btn-success" onclick="addreason()"><i class="fa fa-plus"></i> </button>
      </div>
      </div>
</div>




<button type="submit" class="btn btn-default">Regularise</button>
</div>

                                </div>

        </form>

        </div>
    </div>
</div>
<br>
<br>
<br>
<br>
</div>
@endsection