kehati/Views/Admin/Shared/_Layouts.cshtml

119 lines
5.2 KiB
Plaintext

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>@ViewData["Title"] - Kehati Admin</title>
@* <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /> *@
<link rel="shortcut icon" href="https://adiwiyata.dinaslhdki.id/assets/logo-dinas.ico" type="image/x-icon" />
<link rel="stylesheet" href="~/css/app.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="flex">
<!-- Sidebar -->
<aside class="hidden w-64 flex-col border-r border-border bg-card md:flex">
<div class="flex h-16 items-center gap-2.5 border-b border-border px-5">
<span class="flex h-9 w-9 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm">
<i data-lucide="leaf" class="h-5 w-5"></i>
</span>
<div class="leading-tight">
<div class="font-serif text-base font-semibold">
Kehati Admin
</div>
<div class="text-[10px] uppercase tracking-widest text-muted-foreground">
Dinas LH Jakarta
</div>
</div>
</div>
<nav class="flex-1 space-y-1 p-3">
<a asp-controller="Dashboard"
asp-action="Index"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="layout-dashboard" class="h-4 w-4"></i>
Dashboard
</a>
<a asp-controller="Lokasi"
asp-action="Index"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="map-pinned" class="h-4 w-4"></i>
Lokasi
</a>
<a asp-controller="Flora"
asp-action="Index"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="trees" class="h-4 w-4"></i>
Flora
</a>
<a asp-controller="Fauna"
asp-action="Index"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="bird" class="h-4 w-4"></i>
Fauna
</a>
<a asp-controller="Tumbuhan"
asp-action="Index"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="sprout" class="h-4 w-4"></i>
Tumbuhan
</a>
</nav>
<div class="space-y-1 border-t border-border p-3">
<a asp-controller="Home"
asp-action="Index"
target="_blank"
class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="external-link" class="h-4 w-4"></i>
Lihat Situs
</a>
<form asp-controller="Auth"
asp-action="Logout"
method="post">
<button
type="submit"
class="flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-medium hover:bg-secondary hover:text-foreground">
<i data-lucide="log-out" class="h-4 w-4"></i>
Keluar
</button>
</form>
</div>
</aside>
<!-- Content -->
<div class="flex flex-1 flex-col">
<header class="flex h-16 items-center justify-between border-b border-border bg-card px-4 md:px-8">
<div>
<h1 class="font-serif text-lg text-foreground">
@(ViewData["PageTitle"] ?? "Panel Admin")
</h1>
<p class="text-xs text-muted-foreground">
@User.Identity?.Name
</p>
</div>
<form asp-controller="Auth"
asp-action="Logout"
method="post"
class="md:hidden">
<button
class="inline-flex items-center gap-2 rounded-lg border border-input bg-background px-3 py-1.5 text-xs font-medium">
<i data-lucide="log-out" class="h-3.5 w-3.5"></i>
Keluar
</button>
</form>
</header>
<main class="flex-1 p-4 md:p-8">
@RenderBody()
</main>
</div>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script src="~/js/lucide.js"></script>
<script>
lucide.createIcons();
</script>
@RenderSection("Scripts", required: false)
</body>
</html>