@php($title = 'Tambah Sekolah')
<x-layouts.app :title="$title">
    <div class="card">
        <h2 style="margin-top:0;">Tambah Sekolah</h2>
        <form method="POST" action="{{ route('schools.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="field">
                <label>Nama Sekolah</label>
                <input name="name" value="{{ old('name') }}" required>
            </div>
            <div class="field">
                <label>Nama Lembaga/Provinsi/Yayasan</label>
                <input name="authority_name" value="{{ old('authority_name') }}" placeholder="Contoh: Pemerintah Daerah Provinsi Jawa Barat">
            </div>
            <div class="field">
                <label>Alamat</label>
                <input name="address" value="{{ old('address') }}">
            </div>
            <div class="row">
                <div class="field">
                    <label>Desa/Kelurahan</label>
                    <input name="village" value="{{ old('village') }}">
                </div>
                <div class="field">
                    <label>Kecamatan</label>
                    <input name="district" value="{{ old('district') }}">
                </div>
                <div class="field">
                    <label>Kab/Kota</label>
                    <input name="city" value="{{ old('city') }}">
                </div>
                <div class="field">
                    <label>Provinsi</label>
                    <input name="province" value="{{ old('province') }}">
                </div>
            </div>
            <div class="row">
                <div class="field">
                    <label>Telepon</label>
                    <input name="phone" value="{{ old('phone') }}">
                </div>
                <div class="field">
                    <label>Link Gmap</label>
                    <input name="gmap_link" value="{{ old('gmap_link') }}" placeholder="https://maps.google.com/…">
                </div>
                <div class="field">
                    <label>Kepala Sekolah</label>
                    <input name="principal_name" value="{{ old('principal_name') }}">
                </div>
            </div>
            <div class="field">
                <label>Ketentuan Kartu (pisahkan baris per poin)</label>
                <textarea name="rules" rows="4" placeholder="1. ...&#10;2. ...">{{ old('rules') }}</textarea>
            </div>
            <div class="row">
                <div class="field">
                    <label>Logo Sekolah (.png)</label>
                    <input type="file" name="logo" accept="image/png,image/jpeg,image/webp">
                </div>
                <div class="field">
                    <label>Tanda Tangan Kepala Sekolah (.png)</label>
                    <input type="file" name="principal_signature" accept="image/png,image/jpeg,image/webp">
                </div>
            </div>
            <button class="btn btn-primary" type="submit">Simpan</button>
        </form>
    </div>
</x-layouts.app>