@extends('layouts.layout')

@section('content')
<div class="container-fluid" style="min-height:480px">
  <div class="row" style="margin-top:-50px;width:100%">
    <div class="col-md-12">
      <div class="card">

        <div class="col-12">
          <div class="card-body">
            <div class="card-body p-b-0">
              <div class="row">
                <div class="col-md-12">
                 <h3> Add Leave Type</h3>
                  <form onsubmit="return addleavetype()">
                    <br>
                <div class="row">
                  <div class="col-md-3">
                   <input type="text" id="leave_type_name" class="form-control" placeholder="Leave Type Name">
                  </div>
                  <div class="col-md-6">
                    <button class="btn btn-success">Add</button>
                     <button type="reset" class="btn btn-danger">Clear</button>
                  </div>
                </div>
                </form>

           <br><br>

                                         </div>
                                         <div class="col-md-12">
                                         <div class="table-responsive" >
                                                 <table id="myTable" class="myTable data-table table table-bordered table-striped">
                                                   <thead>
                                                       <tr>
                                                       <th>Si.No</th>
                                                       <th>Leave Type Name</th>
                                                       <th>Monthly Credits</th>
                                                       <th>Yearly Credits</th>
                                                       <th>Total Credits</th>
                                                       <th>Action</th>
                                                   </tr>
                                                 </thead>
                                                   @php
                                                   $si=0;
                                                   @endphp
                                                   @if($Leavetypes!="" && count($Leavetypes)>0)
                                                   <tbody>
                                                   @foreach($Leavetypes as $leavetypeslist)
                                                   @php
                                                       $si++;
                                                   @endphp
                                                   <tr>
                                                       <td>{{$si}}</td>
                                                       <td>
                                                         <input type="text" value="{{$leavetypeslist->name}}" class="form-control" placeholder="Leave Type Name" id="leave_type_name_{{$leavetypeslist->id}}">

                                                       </td>
                                                       <td>
                                                       <input type="number" onchange="checktotalcredits('{{$leavetypeslist->id}}')" style="width:40%;{{($leavetypeslist->id!=1)?'display:none':''}}" min="0" value="{{$leavetypeslist->month_credit}}" class="form-control" placeholder="Month Credit" id="leave_type_month_credit_{{$leavetypeslist->id}}">
                                                      </td>
                                                     <td>
                                                       <input type="number" onchange="checktotalcredits('{{$leavetypeslist->id}}')" style="width:40%;{{($leavetypeslist->id!=1)?'display:none':''}}" min="0" value="{{$leavetypeslist->year_credit}}" class="form-control" placeholder="Year Credit" id="leave_type_year_credit_{{$leavetypeslist->id}}">
                                                     </td>
                                                     <td>
                                                        <b style="{{($leavetypeslist->id!=1)?'display:none':''}}" id="total_credit_{{$leavetypeslist->id}}">{{($leavetypeslist->month_credit*12)+$leavetypeslist->year_credit}}</b>
                                                   </td>
                                                       <td>
                                                        <button type="button" onclick="updateleavetype('{{$leavetypeslist->id}}')" class="btn btn-defualt">Update</button>
                                                     </td>
                                                   </tr>
                                                   @endforeach
                                                 </tbody>
                                                   @endif
                                           </table>
                                           </div>
                                         </div>
                                   </div>

            </div>
          </div>


        </div>
      </div>



    </div>
  </div>
</div>



@endsection