@extends('template')
 @section('title', 'Dashboard')
 @section('konten')
<div class="main-panel">
			<div class="content">
				<div class="panel-header bg-info">
					<div class="page-inner py-5">
						<div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
							<div>
								<h2 class="text-white pb-2 fw-bold">Dashboard</h2>
							</div>
						</div>
					</div>
				</div>
				<div class="page-inner mt--5">
					<div class="row"> 
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data Berita</h1>
									<h5 class="op-8">Total Berita</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmlberita}}</h3>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data Galeri</h1>
									<h5 class="op-8">Total Galeri</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmlgaleri}}</h3>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data Gangguan</h1>
									<h5 class="op-8">Total Gangguan</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmlgangguan}}</h3>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data User</h1>
									<h5 class="op-8">Total User</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmluser}}</h3>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data Pesan</h1>
									<h5 class="op-8">Total Pesan</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmlpesan}}</h3>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-dark bg-primary-gradient">
								<div class="card-body bubble-shadow">
									<h1>Data Aduan</h1>
									<h5 class="op-8">Total Aduan Menunggu</h5>
									<div class="pull-right">
										<h3 class="fw-bold op-8">{{$jmladuan}}</h3>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<footer class="footer">
				<div class="container-fluid">
					<nav class="pull-left">
						<ul class="nav">
							
						</ul>
					</nav>
					<div class="copyright ml-auto">
						&copycopyright 2026 -Perumda Air Minum Tirta Bahari
					</div>				
				</div>
			</footer>
		</div>
        @endsection