@php($title = 'Sekolah')
<x-layouts.app :title="$title">
    <div class="card">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;">
            <h2 style="margin:0; font-size:18px;">Daftar Sekolah</h2>
            <a class="btn btn-primary" href="{{ route('schools.create') }}">Tambah Sekolah</a>
        </div>
        <table>
            <thead>
                <tr>
                    <th>Nama</th>
                    <th>Alamat</th>
                    <th>Telepon</th>
                    <th>Kepala Sekolah</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($schools as $school)
                    <tr>
                        <td>{{ $school->name }}</td>
                        <td>{{ $school->address }}</td>
                        <td>{{ $school->phone }}</td>
                        <td>{{ $school->principal_name }}</td>
                        <td>
                            <a href="{{ route('schools.edit', $school) }}">Edit</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5">Belum ada data.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-layouts.app>