64 lines
3.0 KiB
PHP
64 lines
3.0 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<div class="header-container-css">
|
|
<span class="icon-pulse-css">🤝</span>
|
|
<h2 class="title-grad-css">Manajemen Komunitas & Media Sosial</h2>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<!-- Panggil CSS yang sama dengan halaman User -->
|
|
<style>
|
|
/* (Gunakan CSS <style> yang sama seperti di halaman users.blade.php) */
|
|
</style>
|
|
|
|
<div class="gt-wrapper-css">
|
|
<div class="blob-css blob-1"></div>
|
|
<div class="blob-css blob-2"></div>
|
|
|
|
<div class="gt-container-css">
|
|
|
|
<!-- 1. TABEL KOMUNITAS -->
|
|
<div class="gt-hero-card">
|
|
<h3>Daftar Komunitas</h3>
|
|
<table style="width: 100%; border-collapse: collapse;">
|
|
<thead>
|
|
<tr style="text-align: left; border-bottom: 2px solid var(--light-ice);">
|
|
<th style="padding: 15px; color: var(--text-muted); font-size: 11px; text-transform: uppercase;">Nama Komunitas</th>
|
|
<th style="padding: 15px; color: var(--text-muted); font-size: 11px; text-transform: uppercase;">Lokasi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($communities as $community)
|
|
<tr style="border-bottom: 1px solid var(--border-soft);">
|
|
<td style="padding: 15px; font-weight: 800; color: var(--text-main);">{{ $community->nama_komunitas }}</td>
|
|
<td style="padding: 15px; color: var(--text-muted);">{{ $community->lokasi }}</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- 2. TABEL SOSIAL MEDIA -->
|
|
<div class="gt-hero-card">
|
|
<h3>Tautan Media Sosial</h3>
|
|
<table style="width: 100%; border-collapse: collapse;">
|
|
<thead>
|
|
<tr style="text-align: left; border-bottom: 2px solid var(--light-ice);">
|
|
<th style="padding: 15px; color: var(--text-muted); font-size: 11px; text-transform: uppercase;">Platform</th>
|
|
<th style="padding: 15px; color: var(--text-muted); font-size: 11px; text-transform: uppercase;">Username/Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($socials as $social)
|
|
<tr style="border-bottom: 1px solid var(--border-soft);">
|
|
<td style="padding: 15px; font-weight: 800; color: var(--text-main);">{{ $social->platform }}</td>
|
|
<td style="padding: 15px; color: var(--primary-blue);">{{ $social->link }}</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</x-app-layout> |