@extends('dashboard.layouts.app')

@section('title', 'Detail Data Taman')

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">Detail Data Taman</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-info-circle me-2"></i>Informasi Dasar</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-primary mb-3"><i class="bi bi-tree me-2"></i>Identitas Taman</h6>
                                <p class="mb-2">Nama Lokasi: <span class="fw-bold">{{ $taman->lokasi ?? '-' }}</span></p>
                                <p class="mb-2">Nama: <span class="fw-bold">{{ $taman->nama_taman }}</span></p>
                                <p class="mb-2">Luas: <span class="fw-bold">{{ number_format($taman->luas_taman, 0, ',', '.') }} m²</span></p>
                                <p class="mb-0">Kondisi: <span class="badge bg-{{ $taman->kondisi == 'Baik' ? 'success' : ($taman->kondisi == 'Sedang' ? 'warning' : 'danger') }}">{{ ucfirst($taman->kondisi) }}</span></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-primary mb-3"><i class="bi bi-person-badge me-2"></i>Pengelola & Status</h6>
                                <p class="mb-2">Pengelola: <span class="fw-bold">{{ $taman->pengelola }}</span></p>
                                <p class="mb-2">Kepemilikan: <span class="badge bg-{{ $taman->status_kepemilikan == 'Pemerintah' ? 'primary' : 'info' }}">{{ ucfirst($taman->status_kepemilikan) }}</span></p>
                                <p class="mb-0">Operasional: <span class="badge bg-{{ $taman->status_operasional == 'Aktif' ? 'success' : 'secondary' }}">{{ ucfirst($taman->status_operasional) }}</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="bi bi-geo-alt me-2"></i>Lokasi & Tanggal</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-success mb-3"><i class="bi bi-pin-map me-2"></i>Lokasi</h6>
                                <p class="mb-2">Kecamatan: <span class="fw-bold">{{ $taman->kecamatan->nama_kecamatan }}</span></p>
                                <p class="mb-2">Desa: <span class="fw-bold">{{ $taman->desa->nama_desa }}</span></p>
                                @if($taman->latitude && $taman->longitude)
                                    <p class="mb-0">Koordinat: <span class="fw-bold">{{ $taman->latitude }}, {{ $taman->longitude }}</span></p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-success mb-3"><i class="bi bi-calendar-event me-2"></i>Tanggal</h6>
                                <p class="mb-2">Dibangun: <span class="fw-bold">{{ \Carbon\Carbon::parse($taman->tanggal_dibangun)->format('d M Y') }}</span></p>
                                @if($taman->tanggal_diresmikan)
                                    <p class="mb-0">Diresmikan: <span class="fw-bold">{{ \Carbon\Carbon::parse($taman->tanggal_diresmikan)->format('d M Y') }}</span></p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="bi bi-lightbulb me-2"></i>Perencanaan & Program</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-secondary mb-3"><i class="bi bi-journal-text me-2"></i>Strategi & Kegiatan</h6>
                                <p class="mb-2">Strategi:</p>
                                <p class="mb-3">{{ $taman->strategi ? $taman->strategi : 'Tidak ada data' }}</p>
                                <p class="mb-2">Kegiatan:</p>
                                <p class="mb-3">{{ $taman->kegiatan ? $taman->kegiatan : 'Tidak ada data' }}</p>
                                <p class="mb-2">Subjek Kegiatan:</p>
                                <p class="mb-0">{{ $taman->subjek_kegiatan ? $taman->subjek_kegiatan : 'Tidak ada data' }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-secondary mb-3"><i class="bi bi-clipboard-check me-2"></i>Rencana Pelaksanaan</h6>
                                <p class="mb-2">Tahun: <span class="fw-bold">{{ $taman->tahun ?? '-' }}</span></p>
                                <p class="mb-2">Jangka: <span class="fw-bold">{{ $taman->jangka ?? '-' }}</span></p>
                                <p class="mb-2">Durasi: <span class="fw-bold">{{ $taman->durasi ?? '-' }}</span></p>
                                <p class="mb-2">Program: <span class="fw-bold">{{ $taman->program ?? '-' }}</span></p>
                                <p class="mb-0">Sumber Dana: <span class="fw-bold">{{ $taman->sumber_dana ?? '-' }}</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-currency-dollar me-2"></i>Biaya & Deskripsi</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        @if($taman->biaya_pembangunan)
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-info mb-3"><i class="bi bi-cash-stack me-2"></i>Biaya Pembangunan</h6>
                                <p class="mb-0">Rp <span class="fw-bold">{{ number_format($taman->biaya_pembangunan, 0, ',', '.') }}</span></p>
                            </div>
                        </div>
                        @endif
                        @if($taman->deskripsi)
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-info mb-3"><i class="bi bi-file-text me-2"></i>Deskripsi</h6>
                                <p class="mb-0">{{ $taman->deskripsi }}</p>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0"><i class="bi bi-file-earmark-text me-2"></i>Dokumen & Media</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-warning mb-3"><i class="bi bi-file-earmark-text me-2"></i>Dokumen</h6>
                                @if($taman->geojson_file)
                                    <a href="{{ asset('storage/geojson/taman/' . $taman->geojson_file) }}"
                                        class="btn btn-sm btn-outline-primary" target="_blank">
                                        <i class="bi bi-download me-1"></i>Download GeoJSON
                                    </a>
                                @else
                                    <p class="text-muted mb-0">Tidak ada file GeoJSON</p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-warning mb-3"><i class="bi bi-image me-2"></i>Foto</h6>
                                @if($taman->foto)
                                    <img src="{{ asset('storage/foto/taman/' . $taman->foto) }}" alt="Foto {{ $taman->nama_taman }}"
                                        class="img-fluid rounded shadow-sm">
                                @else
                                    <p class="text-muted mb-0">Tidak ada foto</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-between mt-4">
            <a href="{{ route('taman.index') }}" class="btn btn-secondary">Kembali</a>
            <div>
                <a href="{{ route('taman.edit', $taman) }}" class="btn btn-warning me-2">Edit</a>
                <form method="POST" action="{{ route('taman.destroy', $taman) }}"
                    style="display: inline;"
                    onsubmit="return confirm('Apakah Anda yakin ingin menghapus data ini?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Hapus</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection