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

@section("title")
    Keuangan
@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('keuangan-pemasukan-index')
    <a href="{{route('dashboard.keuangan.billing.index-keuangan')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-wallet color-green-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4 mb-4">Pemasukan</h5>
        </div>
    </a>
  @endcan
  @can('keuangan-pengeluaran-index')
    <a href="{{route('dashboard.keuangan.pengeluaran.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-3">
            <i class="fa fa-money-bill color-orange-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Pengeluaran</h5>
        </div>
    </a>
  @endcan
  @can('keuangan-piutang-index')
    <a href="{{route('dashboard.keuangan.piutang.index')}}" class="col-md-6 col-6 mr-2 p-0">
        <div class="card card-style ms-2 mb-2">
            <i class="fa fa-credit-card color-magenta-dark fa-3x mt-5"></i>
            <h5 class=" pt-4 mb-4">Piutang</h5>
        </div>
    </a>
  @endcan

  @can('keuangan-gaji-index')
    <a href="{{route('dashboard.keuangan.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"></i>
            <h5 class=" pt-4 mb-4">Gaji</h5>
        </div>
    </a>
  @endcan


</div>
@endsection