@extends('layouts.mainlayout')
@section('title', 'Leave Balance')
    @section('main')
    <!-- Form validation -->
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title icon-calculator font-weight-bold"> Leave Balance </h5>
        </div>
        <div class="card-body">
       
        <fieldset class="mb-6">
      
      <div class="form-group row">
         <label class="col-form-label col-lg-3 font-weight-semibold">Leave Type
         </label>
         <div class="col-lg-9">
            <div class="form-check">
               <label class="form-check-label font-weight-semibold">Balance</label>
            </div>
         </div>
      </div>

      @foreach ($leaveBalances as $leaveBalance)
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">{{ $leaveBalance['abbr'] }} :
            </label>
            <div class="col-lg-9">
               <div class="form-check">
                  <label class="form-check-label">
                  {{ $leaveBalance['leave_balance'] }}
                  </label>
               </div>
            </div>
         </div>
      @endforeach

   </fieldset>
        </div>
    </div>
<!-- /form validation -->
@endsection