@extends('layouts.index')

@push('css')
	<style>
        .w-50{
            border: 1px solid rgb(124, 120, 120) !important;
        }
        a{
            color:rgb(6, 184, 238);
        }
        i{
            font-size: 70px !important;
        }
	</style>
@endpush

@section('content')

<div class="mainContent">
    <div class="d-flex w-75 justify-content-center mx-auto my-3 flex-wrap">
        @if(\Helper::hakAkses('Bidang','View'))
        <a href="{{ route('bidang.index') }}" class="w-50 border-dark">
            <div class="kabag text-center h-10">
                <i class="mdi mdi-flag font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">Data Bidang</h1>
            </div>
        </a>
        @endif
        @if(\Helper::hakAkses('Pimpinan','View'))
        <a href="{{ route('pimpinan.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-account font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">Pimpinan</h1>
            </div>
        </a>
        @endif
        @if(\Helper::hakAkses('PPK','View'))
        <a href="{{ route('ppk.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-account-box-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">PPK</h1>
            </div>
        </a>
        @endif
        @if(\Helper::hakAkses('KPA','View'))
        <a href="{{ route('kpa.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-account-multiple font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">PA/KPA</h1>
            </div>
        </a>
        @endif
        @if(\Helper::hakAkses('PPTK','View'))
        <a href="{{ route('pptk.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-account-multiple font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">PPTK</h1>
            </div>
        </a>
        @endif
    </div>       
</div>

@endsection