{{-- resources/views/siswa/testimoni.blade.php --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-bold text-primary"><i class="bi bi-chat-quote me-2"></i>Testimoni Orang Tua / Wali Siswa</h6>
    </div>
    <div class="card-body p-4">
        <div class="alert alert-info border-0 shadow-sm mb-4" style="font-size: 13px;">
            <i class="bi bi-info-circle-fill me-2"></i> <strong>Informasi:</strong> Testimoni yang Anda inputkan di sini berpeluang untuk ditampilkan di Halaman Publik (Beranda Utama Madrasah).
        </div>

        <form action="{{ route('siswa.update-testimoni') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-4 text-center mb-4 border-end">
                    <label class="form-label fw-bold">Foto Profil Anda <br><small class="text-muted fw-normal">(Opsional)</small></label>
                    <div class="mb-3 mt-2">
                        <img src="{{ isset($testimoni) && $testimoni->foto ? asset('storage/testimoni/'.$testimoni->foto) : 'https://ui-avatars.com/api/?name='.urlencode($siswa->nama_ayah ?? 'Ortu').'&background=random&size=150' }}" 
                             class="rounded-circle object-fit-cover shadow-sm border" 
                             style="width: 140px; height: 140px; border-width: 3px !important;" alt="Foto Ortu">
                    </div>
                    <input type="file" name="foto" class="form-control form-control-sm" accept="image/*">
                    <small class="text-muted d-block mt-2">Format: JPG/PNG. Maks 2MB.</small>
                </div>

                <div class="col-md-8 ps-md-4">
                    <div class="mb-3">
                        <label class="form-label fw-medium">Nama Penulis Testimoni <span class="text-danger">*</span></label>
                        <input type="text" name="nama" class="form-control" value="{{ old('nama', $testimoni->nama ?? $siswa->nama_ayah) }}" required placeholder="Contoh: Bpk. Haryanto">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-medium">Peran / Hubungan dengan Siswa <span class="text-danger">*</span></label>
                        <input type="text" name="peran" class="form-control" value="{{ old('peran', $testimoni->peran ?? 'Orang Tua Siswa') }}" required placeholder="Contoh: Orang Tua Siswa">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-medium">Isi Pesan Testimoni <span class="text-danger">*</span></label>
                        <textarea name="pesan" class="form-control" rows="5" required placeholder="Tuliskan kesan dan pesan Anda selama menyekolahkan anak di madrasah ini...">{{ old('pesan', $testimoni->pesan ?? '') }}</textarea>
                    </div>
                </div>
            </div>
            <hr class="mt-4">
            <div class="text-end">
                <button type="submit" class="btn btn-success fw-bold px-4 shadow-sm"><i class="bi bi-save me-1"></i> Simpan Testimoni Publik</button>
            </div>
        </form>
    </div>
</div>