dikplhd/resources/views/dashboard.blade.php

116 lines
5.0 KiB
PHP

@extends('layouts.master')
@section('content')
<!-- Page Title Start -->
<div class="flex justify-between items-center mb-6">
<h4 class="text-slate-900 dark:text-slate-200 text-lg font-medium">Dashboard</h4>
</div>
<!-- Page Title End -->
<div class="grid xl:grid-cols-4 lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
<div class="card">
<div class="p-6">
<div class="flex flex-col items-center">
<div class="w-full">
<div class="flex justify-between">
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Biro</h5></div>
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
</div>
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
</div>
<div class="w-full">
<div class="">
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya&nbsp;<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</div> <!-- end row-->
</div> <!-- end p-6 -->
</div> <!-- end card -->
<div class="card">
<div class="p-6">
<div class="flex flex-col items-center">
<div class="w-full">
<div class="flex justify-between">
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Badan</h5></div>
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
</div>
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
</div>
<div class="w-full">
<div class="">
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya&nbsp;<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</div> <!-- end row-->
</div> <!-- end p-6 -->
</div> <!-- end card -->
<div class="card">
<div class="p-6">
<div class="flex flex-col items-center">
<div class="w-full">
<div class="flex justify-between">
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Deputi</h5></div>
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
</div>
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
</div>
<div class="w-full">
<div class="">
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya&nbsp;<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</div> <!-- end row-->
</div> <!-- end p-6 -->
</div> <!-- end card -->
<div class="card">
<div class="p-6">
<div class="flex flex-col items-center">
<div class="w-full">
<div class="flex justify-between">
<div><h5 class="uppercase text-sm font-bold mt-0 truncate">Data Dinas</h5></div>
<div class="p-1 bg-primary text-white rounded text-xs">{{date('Y')}}</div>
</div>
<h2 class="text-3xl bold my-3 py-0.5">825</h2>
</div>
<div class="w-full">
<div class="">
<a href="{{url('dashboard/dataset/')}}" class="text-primary">Lihat Selengkapnya&nbsp;<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</div> <!-- end row-->
</div> <!-- end p-6 -->
</div> <!-- end card -->
</div>
<div class="grid xl:grid-cols-1 lg:grid-cols-1 grid-cols-1 gap-6 mb-6">
<div class="card">
<div class="p-6">
<div class="flex flex-row">
<h5 class="font-bold">Data Update Terakhir</h5>
</div>
<div>
<table class="table">
<tr>
<th>No</th>
<th>OPD</th>
</tr>
</table>
</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum ipsum amet recusandae animi atque? Dolore doloremque maiores libero, laborum error incidunt neque dolorem recusandae provident quam obcaecati corporis necessitatibus odio?</p>
</div>
</div>
</div>
<!-- end row -->
@endsection
@section('js')
<script src="{{asset('assets/js/pages/dashboard-analytics.js')}}"></script>
<!-- Apex Charts js -->
<script src="{{asset('assets/libs/apexcharts/apexcharts.min.js')}}"></script>
<!-- Vector Map Js -->
<script src="{{asset('assets/libs/jsvectormap/js/jsvectormap.min.js')}}"></script>
<script src="{{asset('assets/libs/jsvectormap/maps/world-merc.js')}}"></script>
<script src="{{asset('assets/libs/jsvectormap/maps/world.js')}}"></script>
@endsection