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

@section("title")
    Database
@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('master-tindakan-index')
    <a href="{{route('dashboard.master.tindakan.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-hands color-green-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4 mb-4">Tindakan</h5>
        </div>
    </a>
  @endcan
  @can('farmasi-obat_master-index')
  <a href="{{route('dashboard.farmasi.obat.index')}}" class="col-md-6 col-6 mr-2 p-0">
      <div class="card card-style ms-2 mb-2">
          <i class="fa fa-pills fa-3x mt-5" style="color: #dc9b4a !important;"></i>
          <h5 class=" pt-4 mb-4">Obat</h5>
      </div>
  </a>
  @endcan
  @can('master-dokter-index')
    <a href="{{route('dashboard.master.dokter.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-user-tie color-blue-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Dokter</h5>
        </div>
    </a>
  @endcan
  @can('master-diagnosa-index')
    <a href="{{route('dashboard.master.diagnosa.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-stethoscope color-magenta-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Diagnosis</h5>
        </div>
    </a>
    @endcan
    @can('master-gaji-index')
      <a href="{{route('dashboard.master.gaji.index')}}" class="col-md-6 col-6 mr-2 p-0">
          <div class="card card-style ms-2 mb-2">
              <i class="fa fa-dollar-sign color-brown-dark fa-3x mt-5" style="color: #129992 !important;"></i>
              <h5 class=" pt-4 mb-4">Gaji</h5>
          </div>
      </a>
    @endcan
    @can('master-odontology-index')
    <a href="{{route('dashboard.master.odontology.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-tooth color-brown-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Odontogram</h5>
        </div>
    </a>
    @endcan

    @can('master-klinik-index')
    <a href="{{route('dashboard.master.klinik.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-hospital color-grey-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Klinik</h5>
        </div>
    </a>
    @endcan

    @can('master-product-index')
    <a href="{{route('dashboard.master.product.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-cart-shopping color-grey-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Product</h5>
        </div>
    </a>
    @endcan

    @can('master-loyalti-index')
    <a href="{{route('dashboard.master.loyalti.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-tag color-grey-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Loyalti</h5>
        </div>
    </a>
    @endcan

    @can('master-voucher-index')
    <a href="{{route('dashboard.master.voucher.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-tag color-grey-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Voucher</h5>
        </div>
    </a>
    @endcan

    @can('user-user-index')
    <a href="{{route('user.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-users color-orange-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Admin</h5>
        </div>
    </a>
    @endcan

    @can('user-log-index')
    <a href="{{route('user.logs.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-clock-rotate-left fa-3x mt-5" style="color: #446a12!important;"></i>
            <h5 class=" pt-4 mb-4">Logs</h5>
        </div>
    </a>
    @endcan

    @can('user-user_group-index')
    <a href="{{route('user-group.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-user-shield color-grey-dark fa-3x mt-5" style="color: #129992 !important;"></i>
            <h5 class=" pt-4 mb-4">Admin Group</h5>
        </div>
    </a>
    @endcan

</div>
@endsection