{{-- Form Section Component for School Profile Modal (spm) --}}

@props([
    'icon',
    'title'
])

<div class="card border-0 shadow-sm mb-3">
    <div class="card-header bg-light">
        <h6 class="mb-0 fw-bold text-primary">
            {{-- Skeleton --}}
            <div class="skeleton skeleton-text" style="width: 180px; height: 20px;"></div>
            {{-- Actual Content --}}
            <span class="actual-content">
                <i class="fas fa-{{ $icon }} me-2"></i>{{ $title }}
            </span>
        </h6>
    </div>
    <div class="card-body">
        <div class="row g-3">
            {{ $slot }}
        </div>
    </div>
</div>