@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">
        <a href="{{ route('gradepd.index') }}" class="w-50 border-dark">
            <div class="kabag text-center h-10">
                <i class="mdi mdi-alphabetical font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">grade Per PD</h1>
            </div>
        </a>
        <a href="{{ route('pad.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">PAD</h1>
            </div>
        </a>
        <a href="{{ route('bankeu.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">Bankeu</h1>
            </div>
        </a>
        <a href="{{ route('did.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">DID</h1>
            </div>
        </a>
        <a href="{{ route('dak.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">DAK</h1>
            </div>
        </a>
        <a href="{{ route('dau.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">DAU</h1>
            </div>
        </a>
        <a href="{{ route('rekappd.index') }}" class="w-50">
            <div class="kabag text-center border h-10">
                <i class="mdi mdi-file-document-outline font-size-64 align-middle me-2 text-info"></i>
                <h1 class="p-2">REKAP REALISASI PD</h1>
            </div>
        </a>
        <a href="{{ route('rekaprealisasi.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">REKAP REALISASI PA/KPA/PPTK</h1>
            </div>
        </a>
    </div>       
</div>

@endsection