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

@section("title")
    Home
@endsection


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

@section ('content')
<div class="row text-center mb-0">
  @can('master-pasien-index')
    <a href="{{route('dashboard.master.pasien.index')}}" class="col-6 pe-0">
        <div class="card card-style me-2 mb-2">
            <i class="fa fa-notes-medical color-green-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4 mb-4">Rekam Medis</h5>
        </div>
    </a>
  @endcan
  @can('layanan-registrasi-index')
    <a href="{{route('dashboard.layanan.registrasi.index')}}" class="col-6 ps-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-calendar-plus color-green-dark fa-3x mt-5" style="color: #529dc1 !important;"></i>
            <h5 class=" pt-4 mb-4 mb-4">Pendaftaran</h5>
        </div>
    </a>
  @endcan
  @can('layanan-rekam_medis-index')
    <a href="{{route('dashboard.layanan.rekam_medis.index')}}" class="col-6 pe-0">
        <div class="card card-style me-2 mb-3">
            <i class="fa fa-stethoscope color-blue-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Tindakan</h5>
        </div>
    </a>
  @endcan
  @can('keuangan-keuangan-index')
    <a href="{{route('dashboard.keuangan.keuangan.index')}}" class="col-6 ps-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-cash-register color-magenta-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Keuangan</h5>
        </div>
    </a>
    @endcan
    @can('statistik-statistik-index')
    <a href="{{route('dashboard.statistik.index')}}" class="col-6 pe-0">
        <div class="card card-style me-2 mb-3">
            <i class="fa fa-chart-line color-brown-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Statistik</h5>
        </div>
    </a>
    @endcan

    @can('farmasi-obat_master-index')
    <a href="{{route('dashboard.farmasi.obat.index')}}" class="col-6 ps-0">
        <div class="card card-style ms-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('keuangan-kasir-index')
    <a href="{{route('dashboard.keuangan.billing.index')}}" class="col-6 pe-0">
        <div class="card card-style me-2">
            <i class="fa fa-money-bill fa-3x mt-5" style="color: #129992 !important;"></i>
            <h5 class=" pt-4 mb-4">Kasir</h5>
        </div>
    </a>
    @endcan
    @can('layanan-jadwal-index')
    <a href="{{route('dashboard.layanan.jadwal.index')}}" class="col-6 ps-0">
        <div class="card card-style ms-2">
            <i class="fa fa-calendar color-blue-dark fa-3x mt-5"  style="color: #e31616 !important;"></i>
            <h5 class=" pt-4 mb-4">Jadwal</h5>
        </div>
    </a>
    @endcan
    @can('user-user-index')
    <a href="{{route('dashboard.database.index')}}" class="col-6 pe-0">
        <div class="card card-style me-2">
            <i class="fa fa-database color-blue-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Database</h5>
        </div>
    </a>
    @endcan
</div>
@endsection