@extends('dashboard.layouts.app')

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

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">Detail Data Sekolah</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-building me-2"></i>Identitas Sekolah</h6>
                                <p class="mb-2">NPSN: <span class="fw-bold">{{ $sekolah->npsn }}</span></p>
                                <p class="mb-2">Nama: <span class="fw-bold">{{ $sekolah->nama_sekolah }}</span></p>
                                <p class="mb-0">Jenjang: <span class="badge bg-info">{{ ucfirst($sekolah->jenjang) }}</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-tag me-2"></i>Status & Akreditasi</h6>
                                <p class="mb-2">Status: <span class="badge bg-{{ $sekolah->status == 'Negeri' ? 'success' : 'warning' }}">{{ ucfirst($sekolah->status) }}</span></p>
                                <p class="mb-0">Akreditasi: <span class="badge bg-{{ $sekolah->akreditasi == 'a' ? 'success' : ($sekolah->akreditasi == 'b' ? 'info' : ($sekolah->akreditasi == 'c' ? 'warning' : 'danger')) }}">{{ strtoupper($sekolah->akreditasi) }}</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 & Kontak</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>Alamat</h6>
                                <p class="mb-2">{{ $sekolah->alamat }}</p>
                                <p class="mb-2">Kecamatan: <span class="fw-bold">{{ $sekolah->kecamatan->nama_kecamatan }}</span></p>
                                <p class="mb-0">Desa: <span class="fw-bold">{{ $sekolah->desa->nama_desa }}</span></p>
                            </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-telephone me-2"></i>Kontak</h6>
                                <p class="mb-2">Telepon: <span class="fw-bold">{{ $sekolah->telepon ?: '-' }}</span></p>
                                <p class="mb-2">Email: <span class="fw-bold">{{ $sekolah->email ?: '-' }}</span></p>
                                <p class="mb-0">Website: <span class="fw-bold">{{ $sekolah->website ?: '-' }}</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-file-earmark-text me-2"></i>Informasi Tambahan</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-info mb-3"><i class="bi bi-calendar-event me-2"></i>Sejarah</h6>
                                <p class="mb-0">Tahun Berdiri: <span class="fw-bold">{{ $sekolah->tahun_berdiri }}</span></p>
                            </div>
                        </div>
                        <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-person-badge me-2"></i>Kepala Sekolah</h6>
                                <p class="mb-0">{{ $sekolah->kepala_sekolah }}</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="border rounded p-3 h-100 bg-light">
                                <h6 class="text-info mb-3"><i class="bi bi-file-earmark-text me-2"></i>Dokumen</h6>
                                @if($sekolah->geojson_file)
                                    <a href="{{ asset('storage/geojson/sekolah/' . $sekolah->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>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-between mt-4">
            <a href="{{ route('sekolah.index') }}" class="btn btn-secondary">Kembali</a>
            <div>
                <a href="{{ route('sekolah.edit', $sekolah) }}" class="btn btn-warning me-2">Edit</a>
                <form method="POST" action="{{ route('sekolah.destroy', $sekolah) }}"
                    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