@extends('layouts.app')

@section('page-title', 'Detail RW')
@section('page-subtitle', 'Data Wilayah')

@section('content')
    <a href="{{ route('rw.index') }}" class="back-link">
        <i data-lucide="arrow-left"></i>
        <span>Kembali ke daftar RW</span>
    </a>

    <x-page-header eyebrow="Wilayah" :title="'RW ' . $rw->nomor">
        <x-slot:actions>
            <a href="{{ route('rw.edit', $rw) }}" class="btn btn--ghost">
                <i data-lucide="pencil"></i>
                <span>Edit</span>
            </a>
        </x-slot:actions>
    </x-page-header>

    <div class="panel">
        <div class="panel__body">
            <div class="detail-list">
                <div>
                    <div class="detail-item__label">Kelurahan</div>
                    <div class="detail-item__value">{{ $rw->kelurahan->nama ?? '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Kecamatan</div>
                    <div class="detail-item__value">{{ $rw->kelurahan->kecamatan->nama ?? '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Ketua RW</div>
                    <div class="detail-item__value">{{ $rw->ketua_rw ?: '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Telepon</div>
                    <div class="detail-item__value mono">{{ $rw->telepon ?: '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Status</div>
                    <div class="detail-item__value">
                        @if ($rw->status === 'Aktif')
                            <x-badge variant="success">Aktif</x-badge>
                        @else
                            <x-badge variant="neutral">Nonaktif</x-badge>
                        @endif
                    </div>
                </div>
                <div>
                    <div class="detail-item__label">Jumlah RT</div>
                    <div class="detail-item__value">{{ $rw->rt->count() }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel__head"><h3>Daftar RT</h3></div>
        <div class="table-wrap">
            <table class="data-table">
                <thead><tr><th>RT</th><th>Ketua RT</th><th>Telepon</th><th>Status</th></tr></thead>
                <tbody>
                    @forelse ($rw->rt as $rt)
                        <tr>
                            <td class="cell-title">RT {{ $rt->nomor }}</td>
                            <td>{{ $rt->ketua_rt ?: '-' }}</td>
                            <td class="mono">{{ $rt->telepon ?: '-' }}</td>
                            <td>
                                @if ($rt->status === 'Aktif')
                                    <x-badge variant="success">Aktif</x-badge>
                                @else
                                    <x-badge variant="neutral">Nonaktif</x-badge>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="table-empty">Belum ada RT di RW ini.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection