@extends('layouts.layouts')

@section('content')
<section style="margin-top:120px" class="section-profil">
    <div class="container col-lg-9">

        {{-- Judul --}}
        <div class="text-center mb-5">
            <h2 class="fw-bold">{{ $profile->nama_sekolah ?? 'Nama Sekolah' }}</h2>
            <p class="text-muted">Profil Resmi Sekolah</p>
            <hr class="mx-auto" style="width:120px">
        </div>

        {{-- SEJARAH --}}
        <div class="card shadow-sm border-0 rounded-4 mb-4">
            <div class="card-body p-4">
                <h4 class="fw-bold mb-3">
                    📜 Sejarah Sekolah
                </h4>
                <p class="text-muted lh-lg">
                    {!! nl2br(e($profile->sejarah ?? 'Sejarah sekolah belum diisi')) !!}
                </p>
            </div>
        </div>

        {{-- VISI --}}
        <div class="card shadow-sm border-0 rounded-4 mb-4">
            <div class="card-body p-4">
                <h4 class="fw-bold mb-3">
                    🎯 Visi
                </h4>
                <p class="text-muted lh-lg">
                    {!! nl2br(e($profile->visi ?? 'Visi sekolah belum diisi')) !!}
                </p>
            </div>
        </div>

        {{-- MISI --}}
        <div class="card shadow-sm border-0 rounded-4 mb-5">
            <div class="card-body p-4">
                <h4 class="fw-bold mb-3">
                    🚀 Misi
                </h4>
                <p class="text-muted lh-lg">
                    {!! nl2br(e($profile->misi ?? 'Misi sekolah belum diisi')) !!}
                </p>
            </div>
        </div>

    </div>
</section>
@endsection