@extends('layouts.admin')

@section('content')
    <section class="py-4">
        <div class="container-fluid px-lg-4">

            {{-- =========================
            JUDUL HALAMAN
        ========================= --}}
            <h4 class="fw-bold mb-3">Edit Profil Sekolah</h4>

            {{-- =========================
            ALERT SUKSES
        ========================= --}}
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            {{-- =========================
            FORM PROFIL SEKOLAH
        ========================= --}}
            <form method="POST" action="/admin/profil" class="card shadow-sm">
                @csrf

                <div class="card-body">

                    {{-- =========================
                    NAMA SEKOLAH
                ========================= --}}
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Nama Sekolah</label>
                        <input type="text" name="nama_sekolah" class="form-control" placeholder="Contoh: SMAN 2 Majujaya"
                            value="{{ $profile->nama_sekolah ?? '' }}" required>
                    </div>

                    {{-- =========================
                    SEJARAH
                ========================= --}}
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Sejarah Sekolah</label>
                        <textarea name="sejarah" rows="4" class="form-control" placeholder="Tuliskan sejarah singkat sekolah">{{ $profile->sejarah ?? '' }}</textarea>
                    </div>

                    {{-- =========================
                    VISI
                ========================= --}}
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Visi Sekolah</label>
                        <textarea name="visi" rows="3" class="form-control" placeholder="Tuliskan visi sekolah">{{ $profile->visi ?? '' }}</textarea>
                    </div>

                    {{-- =========================
                    MISI
                ========================= --}}
                    <div class="mb-4">
                        <label class="form-label fw-semibold">Misi Sekolah</label>
                        <textarea name="misi" rows="5" class="form-control" placeholder="Tuliskan misi sekolah (boleh per baris)">{{ $profile->misi ?? '' }}</textarea>
                    </div>

                    {{-- =========================
                    TOMBOL SIMPAN
                ========================= --}}
                    <div class="text-end">
                        <button class="btn btn-danger px-4">
                            Simpan Perubahan
                        </button>
                    </div>

                </div>
            </form>

        </div>
    </section>
@endsection