@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Dashboard</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">

          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <!-- Small boxes (Stat box) -->
      <div class="row">
        <div class="col-lg-3 col-6">
          <div class="small-box bg-info">
            <div class="inner">
              <h4>Employee</h4>
              <p><a href="{{ url('add-employee') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-users"></i>
            </div>
            <a href="{{ url('all-employee') }}" class="small-box-footer">Manage Employee <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-success">
            <div class="inner">
              <h4>Qualification</h4>
              <p><a href="{{ url('add-qualification') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-certificate"></i>
            </div>
            <a href="" class="small-box-footer">Manage Qualification <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-warning">
            <div class="inner">
              <h4>Job Detail</h4>
              <p><a href="{{ url('previous-job-detail') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-building"></i>
            </div>
            <a href="{{ url('previous-job-detail-list') }}" class="small-box-footer">Manage Job Detail <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-danger">
            <div class="inner">
              <h4>Family Detail</h4>
              <p><a href="javascript:void(0);" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-users"></i>
            </div>
            <a href="javascript:void(0);" class="small-box-footer">Manage Family Detail <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
      </div>
      <!-- Main row -->

      <div class="row">
        <div class="col-lg-3 col-6">
          <div class="small-box bg-success">
            <div class="inner">
              <h4>Training Detail</h4>
              <p><a href="{{ url('add-training-detail') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-chalkboard-teacher"></i>
            </div>
            <a href="{{ url('training-detail-list') }}" class="small-box-footer">Manage Training Detail <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-primary">
            <div class="inner">
              <h4>Foreign Visit</h4>
              <p><a href="{{ url('add-foreign-visit') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-plane"></i>
            </div>
            <a href="{{ url('foreign-visit-list') }}" class="small-box-footer">Manage Foreign Visit <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-danger">
            <div class="inner">
              <h4>Award Detail</h4>
              <p><a href="javascript:void(0);" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-award"></i>
            </div>
            <a href="javascript:void(0);" class="small-box-footer">Manage Award <i
                class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="small-box bg-dark">
            <div class="inner">
              <h4>Disciplinary Action</h4>
              <p><a href="{{ url('add-disciplinary-action') }}" style="text-decoration: none; color:#fff;">Add New <i
                    class="fas fa-arrow-circle-right"></i></a></p>
            </div>
            <div class="icon">
              <i class="fas fa-ban"></i>
            </div>
            <a href="{{ url('disciplinary-action-detail-list') }}" class="small-box-footer">Manage Disciplinary Action
              <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        @if(Session::get('UserType') != 'USER')
        <div class="col-lg-3 col-6">
          <div class="small-box bg-warning">
            <div class="inner">
              <h3><span id="PendingApproval"></span></h3>
              <p><a href="{{ url('servicebook-approval-list') }}" style="text-decoration: none; color:#fff;">Pending ServiceBook Approval</a></p>
            </div>
            <div class="icon">
              <i class="fas fa-check"></i>
            </div>
            <a href="{{ url('servicebook-approval-list') }}" class="small-box-footer">Manage Approval
              <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        
        <div class="col-lg-3 col-6">
          <div class="small-box bg-info">
            <div class="inner">
              @foreach($TotalLeaves as $Leave)
              <h3><span>{{$Leave->TotalPendingLeave}}</span></h3>
              @endforeach
              <p><a href="{{ url('approval-list') }}" style="text-decoration: none; color:#fff;">Pending Leave
                  Approval</a></p>
            </div>
            <div class="icon">
              <i class="fas fa-check"></i>
            </div>
            <a href="{{ url('approval-list') }}" class="small-box-footer">Manage Leave Approval
              <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        @endif
      </div>
      <!-- Main row -->
      <div class="row mb-2">
        <div class="col-sm-12">
          <div class="card card-success">
            <div class="card-header">
              <h3 class="card-title">Upcoming Retirement</h3>
              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <table id="empRetirementTable" class="table table-bordered table-striped table-sm">
                <thead class="thead-success">
                  <tr>
                    <th>S.No.</th>
                    <th>Employee Code</th>
                    <th>Employee Name</th>
                    <th>Department</th>
                    <th>Designation</th>
                    <th>Retirement Date</th>
                  </tr>
                </thead>

                <tbody>
                  @foreach ($GetEmpRetirementList as $RetirementList)
                  <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td><a href="{{ url('view-employee', $RetirementList->EmployeeId) }}"
                        target="blank">{{ $RetirementList->EmployeeCode }}</a></td>
                    <td>{{ $RetirementList->EmployeeName }}</td>
                    <td>{{ $RetirementList->Department }}</td>
                    <td>{{ $RetirementList->Designation }}</td>
                    <td>{{ date('d-M-Y', strtotime($RetirementList->RetirementDate)) }}</td>
                  </tr>
                  @endforeach
                </tbody>
                <caption><em>Above information is displayed on the basis of joining date, age and designation.</em>
                </caption>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div><!-- /.col -->
      </div><!-- /.row -->

      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>
  $(function() {
            $("#empRetirementTable").DataTable({
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                "lengthMenu": [10, 20, 50, 100, 250, 500],
                "buttons": ["csv", "excel", "pdf", "print", "colvis"]
            }).buttons().container().appendTo('#empRetirementTable_wrapper .col-md-6:eq(0)');
        });
</script>
@endsection