@extends("backend.layout-sticky.master")

@section("title")
    Absensi
@endsection


@push('css')
<style>
.header-clear-medium {
  padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
}
</style>
@endpush

@section ('back')
<a href="#" data-back-button="" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
<!-- <a href="{{route('dashboard')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a> -->
@endsection

@section ('content')
<div class="row text-center mb-0 p-4" style="background-color: #f7fbfb; border-radius: 30px; z-index: 2; position: relative;">
  @can('absensi-absensi-index')
    <a href="{{route('dashboard.absensi.absensi.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-briefcase color-green-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4 mb-4">Data Absensi</h5>
        </div>
    </a>
  @endcan
  @can('absensi-absensi-masuk')
    <a href="{{route('dashboard.absensi.absensi.masuk')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-fingerprint color-orange-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Absensi Masuk</h5>
        </div>
    </a>
  @endcan
  @can('absensi-absensi-keluar')
    <a href="{{route('dashboard.absensi.absensi.keluar')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-hand-spock color-magenta-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Absensi Keluar</h5>
        </div>
    </a>
  @endcan


</div>
@endsection