<!doctype html><html lang="id"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>{{ $unit->name }} | NUTUGU.ORG</title><meta name="description" content="{{ data_get($unit->settings,'tagline',$unit->name) }}"><link rel="stylesheet" href="{{ asset('assets/css/app.css') }}"></head><body class="public-body">
<header class="public-nav"><a class="public-brand" href="{{ route('home') }}"><div class="brand-mark">NU</div><div><b>{{ $unit->acronym ?: $unit->name }}</b><small>MWCNU TUGU</small></div></a><nav><a href="#profil">Profil</a><a href="#pengurus">Pengurus</a><a href="#program">Program</a><a href="#agenda">Agenda</a><a href="#berita">Berita</a><a href="{{ route('home') }}">MWCNU</a></nav></header>
<section class="unit-hero" style="--brand:{{ $unit->theme_color }}"><div><span class="eyebrow">{{ strtoupper($unit->type) }}</span><h1>{{ $unit->acronym ?: $unit->name }}</h1><p>{{ data_get($unit->settings,'tagline',$unit->name) }}</p></div></section>
<main class="public-main">
@if(data_get($unit->settings,'demo_content'))<div class="demo-public-notice"><b>Konten awal/demo</b><span>{{ data_get($unit->settings,'content_notice') }}</span></div>@endif
<section id="profil"><div class="public-section-head"><div><span class="eyebrow">PROFIL</span><h2>{{ $unit->name }}</h2></div></div><div class="profile-grid"><div class="card"><h3>Tentang Organisasi</h3><p>{{ data_get($unit->settings,'profile_intro','Profil organisasi dapat dilengkapi melalui dashboard admin.') }}</p><p><b>Alamat:</b> {{ $unit->address ?: 'Belum diisi' }}<br><b>Email:</b> {{ $unit->email ?: 'Belum diisi' }}<br><b>Website:</b> nutugu.org/{{ $unit->type==='ranting'?'ranting/':'' }}{{ $unit->slug }}</p></div><div class="card"><h3>Visi</h3><p>{{ data_get($unit->settings,'vision','Silakan lengkapi visi organisasi.') }}</p><h3>Misi</h3><ol class="mission-list">@foreach((array)data_get($unit->settings,'missions',[]) as $mission)<li>{{ $mission }}</li>@endforeach</ol></div></div>
<div class="service-grid">@foreach((array)data_get($unit->settings,'services',[]) as $service)<div><span>✓</span><b>{{ $service }}</b><small>Dikelola melalui dashboard {{ $unit->acronym }}</small></div>@endforeach</div></section>
<section id="pengurus"><div class="public-section-head"><div><span class="eyebrow">STRUKTUR</span><h2>Pengurus</h2></div></div><div class="member-public-grid">@forelse($members as $m)<div class="member-public"><div class="member-avatar">{{ strtoupper(substr($m->nickname ?: $m->full_name,0,1)) }}</div><b>{{ $m->full_name }}</b><span>{{ $m->position }}</span><small>{{ $m->nickname }}</small></div>@empty<div class="empty">Belum ada data pengurus.</div>@endforelse</div></section>
<section id="program"><div class="public-section-head"><div><span class="eyebrow">PROGRAM</span><h2>Program Kerja</h2></div></div><div class="program-public-grid">@forelse($programs as $p)<div class="card"><span class="pill">{{ $p->progress }}%</span><h3>{{ $p->name }}</h3><p>{{ $p->target }}</p><div class="progress"><i style="width:{{ $p->progress }}%"></i></div><small>{{ ucfirst(str_replace('_',' ',$p->status)) }}</small></div>@empty<div class="empty">Belum ada program publik.</div>@endforelse</div></section>
<section id="agenda"><div class="public-section-head"><div><span class="eyebrow">AGENDA</span><h2>Kegiatan</h2></div></div><div class="agenda-public-grid">@forelse($activities as $a)<div class="card"><span class="pill">{{ $a->status }}</span><h3>{{ $a->title }}</h3><p>{{ $a->description }}</p><p><b>{{ $a->start_at?->format('d M Y H:i') }}</b><br>{{ $a->location }}</p></div>@empty<div class="empty">Belum ada kegiatan.</div>@endforelse</div></section>
<section id="berita"><div class="public-section-head"><div><span class="eyebrow">PUBLIKASI</span><h2>Berita</h2></div><a href="{{ route('public.news') }}">Semua berita →</a></div><div class="news-grid">@forelse($news as $n)<a class="news-card" href="{{ route('public.article',$n->slug) }}"><div class="news-image">@if($n->featured_image)<img src="{{ asset('storage/'.$n->featured_image) }}" loading="lazy">@else<span>{{ $unit->acronym }}</span>@endif</div><div class="news-body"><span class="pill">{{ $n->category }}</span><h3>{{ $n->title }}</h3><p>{{ $n->excerpt }}</p><small>{{ $n->published_at?->format('d M Y') }} · {{ number_format($n->views) }} dilihat</small></div></a>@empty<div class="empty">Belum ada berita.</div>@endforelse</div></section>
</main><footer class="public-footer"><div><b>{{ $unit->name }}</b><p>{{ data_get($unit->settings,'tagline') }}</p></div><div><a href="{{ route('home') }}">← Kembali ke NUTUGU.ORG</a></div></footer></body></html>
