56 lines
2.1 KiB
PHP
56 lines
2.1 KiB
PHP
|
@extends('public.layout')
|
||
|
|
|
||
|
|
@section('title', 'Beranda')
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
|
||
|
|
{{-- Hero --}}
|
||
|
|
<div class="text-center py-16 bg-green-700 text-white rounded-2xl mb-12 px-6">
|
||
|
|
<h1 class="text-4xl font-bold mb-3">Persegi</h1>
|
||
|
|
<p class="text-lg opacity-90">Organisasi Pemuda Desa Karangdadap</p>
|
||
|
|
<p class="text-sm opacity-75 mt-1">Kecamatan Kalibagor, Kabupaten Banyumas</p>
|
||
|
|
<a href="{{ route('tentang') }}" class="mt-6 inline-block bg-white text-green-700 font-semibold px-6 py-2 rounded-full hover:bg-green-50">
|
||
|
|
Kenali Kami
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{-- Stats --}}
|
||
|
|
<div class="grid grid-cols-2 md:grid-cols-3 gap-6 mb-12 text-center">
|
||
|
|
<div class="bg-white rounded-xl shadow p-6">
|
||
|
|
<div class="text-3xl font-bold text-green-700">{{ $totalAnggota }}</div>
|
||
|
|
<div class="text-sm text-gray-500 mt-1">Anggota Aktif</div>
|
||
|
|
</div>
|
||
|
|
<div class="bg-white rounded-xl shadow p-6">
|
||
|
|
<div class="text-3xl font-bold text-green-700">{{ $totalDivisi }}</div>
|
||
|
|
<div class="text-sm text-gray-500 mt-1">Divisi</div>
|
||
|
|
</div>
|
||
|
|
<div class="bg-white rounded-xl shadow p-6 col-span-2 md:col-span-1">
|
||
|
|
<div class="text-3xl font-bold text-green-700">{{ $kegiatan->count() }}</div>
|
||
|
|
<div class="text-sm text-gray-500 mt-1">Kegiatan Terbaru</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{-- Kegiatan Terbaru --}}
|
||
|
|
<h2 class="text-2xl font-bold mb-6">Kegiatan Terbaru</h2>
|
||
|
|
<div class="grid md:grid-cols-3 gap-6">
|
||
|
|
@forelse($kegiatan as $item)
|
||
|
|
<a href="{{ route('kegiatan.detail', $item) }}" class="bg-white rounded-xl shadow hover:shadow-md transition p-5 block">
|
||
|
|
<div class="text-xs text-green-600 font-semibold mb-1">
|
||
|
|
{{ $item->start_date->format('d M Y') }}
|
||
|
|
</div>
|
||
|
|
<h3 class="font-bold text-gray-800 mb-2">{{ $item->title }}</h3>
|
||
|
|
<p class="text-sm text-gray-500 line-clamp-3">{{ $item->description }}</p>
|
||
|
|
</a>
|
||
|
|
@empty
|
||
|
|
<p class="text-gray-400 col-span-3">Belum ada kegiatan.</p>
|
||
|
|
@endforelse
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@if($kegiatan->count())
|
||
|
|
<div class="text-center mt-8">
|
||
|
|
<a href="{{ route('kegiatan') }}" class="text-green-700 font-semibold hover:underline">Lihat semua kegiatan →</a>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
@endsection
|