@extends('layouts.app')
@section('title', 'Kepala Sekolah – SD Negeri Swasta')

@section('content')

{{-- Page Hero --}}
<div
class="sd-page-hero"

style="
background:
linear-gradient(
90deg,
rgba(0,0,0,.65),
rgba(0,0,0,.30),
rgba(0,0,0,.05)
),

url('{{ (isset($heroImages['kepala-sekolah']) ? $heroImages['kepala-sekolah']->url : asset('images/buatkepsek.jpeg')) }}');

background-size:cover;

background-position:center;
"

>

<div class="sd-page-hero-inner">

<p class="sd-page-breadcrumb">

<a href="{{ route('home') }}">
Beranda
</a>

&nbsp;/&nbsp;

<a href="#">
Profil Sekolah
</a>

&nbsp;/&nbsp;

<span>
Kepala Sekolah
</span>

</p>

<h1 class="sd-page-title">
Kepala Sekolah
</h1>

<p class="sd-page-subtitle">
Sambutan dan profil kepala sekolah SD Negeri Swasta
</p>

<div class="sd-page-accent"></div>

</div>

</div>

{{-- Content --}}
<div class="sd-page-body">

    <div class="sd-kepala-wrap sd-reveal">

        {{-- Foto --}}
        <div>
            <img
                src="{{ !empty($profil->foto) ? (str_starts_with($profil->foto,'http') ? $profil->foto : asset($profil->foto)) : asset('images/kepala-sekolah.jpg') }}"
                alt="Foto Kepala Sekolah"
                class="sd-kepala-foto"
                onerror="this.style.background='#eaeaea';this.src='https://ui-avatars.com/api/?name=Kepala+Sekolah&size=400&background=161b66&color=fff&font-size=0.35&bold=true'"
            >
        </div>

        {{-- Info --}}
        <div>
            <h2 class="sd-kepala-nama">{{ $profil->nama ?? 'Drs. Ahmad Fauzi, M.Pd.' }}</h2>
            <p class="sd-kepala-jabatan">Kepala Sekolah SD Negeri 4 Keling</p>

            <p class="sd-kepala-bio">
                Beliau adalah Kepala SD Negeri 4 Keling yang memimpin dan mengarahkan seluruh 
                kegiatan sekolah dengan penuh dedikasi dan tanggung jawab. Melalui kepemimpinan beliau, 
                sekolah terus berupaya meningkatkan kualitas pendidikan, membentuk karakter peserta didik, 
                serta menciptakan lingkungan belajar yang nyaman, aman, dan berprestasi.
            </p>
            <p class="sd-kepala-bio">
                Dengan semangat kebersamaan dan kerja sama antara guru, tenaga kependidikan, orang tua, 
                serta masyarakat, beliau berkomitmen untuk mewujudkan SD Negeri 4 Keling sebagai sekolah 
                yang unggul, berkarakter, dan mampu mencetak generasi yang cerdas, disiplin, serta berakhlak mulia.
            </p>

            <div class="sd-kepala-info-list">
                <div class="sd-kepala-info-item">
                    <i class="bi bi-mortarboard-fill"></i>
                    <span><strong>Pendidikan:</strong><br>
                    S1 Pendidikan Guru Sekolah Dasar - Universitas Terbuka (2008)<br>
                    S2 Universitas Muria Kudus (UMK) 2026</span>
                </div>
                <div class="sd-kepala-info-item">
                    <i class="bi bi-briefcase-fill"></i>
                    <span><strong>Pengalaman:</strong><br>
                    Guru Kelas SDN Keling 04<br>
                    Wakil Kepala Sekolah SDN Keling 04<br>
                    Kepala Sekolah SD Negeri 4 Keling</span>
                </div>
                <div class="sd-kepala-info-item">
                    <i class="bi bi-envelope-fill"></i>
                    <span>sdn4kelingdapoldik@gmail.com</span>
                </div>
                <div class="sd-kepala-info-item">
                    <i class="bi bi-telephone-fill"></i>
                    <span>081229107755</span>
                </div>
            </div>
        </div>

    </div>

    {{-- Pesan Kepala Sekolah --}}
    <div class="sd-inner-card sd-reveal" style="margin-top:36px;border-left:4px solid var(--biru);padding-left:28px">
        <h3 class="sd-inner-section-title">Pesan Kepala Sekolah</h3>
        <p style="font-style:italic;font-size:.92rem;line-height:2;color:var(--teks)">
            "{{ $profil->sambutan ?? 'Pendidikan bukan sekadar transfer pengetahuan, melainkan proses pembentukan karakter dan kepribadian yang akan membawa anak-anak kita menuju masa depan yang cerah. Di SD Negeri 4 Keling, kami berkomitmen untuk menjadi mitra terpercaya bagi setiap keluarga dalam mendidik putra-putri mereka menjadi generasi yang beriman, berilmu, dan berakhlak mulia.' }}"
        </p>
        <p style="margin-top:14px;font-weight:600;font-size:.88rem;color:var(--biru)">
            — {{ $profil->nama ?? 'Drs. Ahmad Fauzi, M.Pd.' }}
        </p>
    </div>

</div>

@endsection