@extends('simaju.layouts.main')

@section('title', 'Profil Sekolah')

@section('content')
<div class="container-fluid px-4">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-school me-2"></i>Profil Sekolah
        </h1>
        <a href="{{ route('simaju.profil-sekolah.edit') }}" class="btn btn-primary">
            <i class="fas fa-edit me-1"></i>Edit Profil
        </a>
    </div>

    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    <div class="row">
        <!-- Logo Section -->
        <div class="col-lg-12 mb-4">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-images me-2"></i>Logo & Identitas</h5>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <!-- Logo Sekolah -->
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted mb-3">Logo Sekolah</h6>
                            @if($pengaturan->logo_sekolah)
                                <img src="{{ asset('storage/' . $pengaturan->logo_sekolah) }}" 
                                     alt="Logo Sekolah" 
                                     class="img-fluid rounded shadow-sm"
                                     style="max-height: 150px; object-fit: contain;">
                            @else
                                <div class="bg-light rounded p-4">
                                    <i class="fas fa-school fa-4x text-muted"></i>
                                    <p class="text-muted mt-2 mb-0">Belum ada logo</p>
                                </div>
                            @endif
                        </div>

                        <!-- Logo Yayasan -->
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted mb-3">Logo Yayasan</h6>
                            @if($pengaturan->logo_yayasan)
                                <img src="{{ asset('storage/' . $pengaturan->logo_yayasan) }}" 
                                     alt="Logo Yayasan" 
                                     class="img-fluid rounded shadow-sm"
                                     style="max-height: 150px; object-fit: contain;">
                            @else
                                <div class="bg-light rounded p-4">
                                    <i class="fas fa-building fa-4x text-muted"></i>
                                    <p class="text-muted mt-2 mb-0">Belum ada logo</p>
                                </div>
                            @endif
                        </div>

                        <!-- Logo Dinas -->
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted mb-3">Logo Dinas</h6>
                            @if($pengaturan->logo_dinas)
                                <img src="{{ asset('storage/' . $pengaturan->logo_dinas) }}" 
                                     alt="Logo Dinas" 
                                     class="img-fluid rounded shadow-sm"
                                     style="max-height: 150px; object-fit: contain;">
                            @else
                                <div class="bg-light rounded p-4">
                                    <i class="fas fa-landmark fa-4x text-muted"></i>
                                    <p class="text-muted mt-2 mb-0">Belum ada logo</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Informasi Umum -->
        <div class="col-lg-6 mb-4">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="fas fa-info-circle me-2"></i>Informasi Umum</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <td class="fw-bold" style="width: 40%;">Nama Sekolah</td>
                            <td>:</td>
                            <td>{{ $pengaturan->nama_sekolah ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Nama Yayasan</td>
                            <td>:</td>
                            <td>{{ $pengaturan->nama_yayasan ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Nama Dinas</td>
                            <td>:</td>
                            <td>{{ $pengaturan->nama_dinas ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">NSS</td>
                            <td>:</td>
                            <td>{{ $pengaturan->nss ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">NPSN</td>
                            <td>:</td>
                            <td>{{ $pengaturan->npsn ?? '-' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Kontak & Alamat -->
        <div class="col-lg-6 mb-4">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="fas fa-address-card me-2"></i>Kontak & Alamat</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <td class="fw-bold" style="width: 40%;">Alamat</td>
                            <td>:</td>
                            <td>{{ $pengaturan->alamat ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Desa/Kelurahan</td>
                            <td>:</td>
                            <td>{{ $pengaturan->desa_kelurahan ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Kecamatan</td>
                            <td>:</td>
                            <td>{{ $pengaturan->kecamatan ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Kabupaten/Kota</td>
                            <td>:</td>
                            <td>{{ $pengaturan->kabupaten_kota ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Provinsi</td>
                            <td>:</td>
                            <td>{{ $pengaturan->provinsi ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Kode Pos</td>
                            <td>:</td>
                            <td>{{ $pengaturan->kode_pos ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">No. Telepon</td>
                            <td>:</td>
                            <td>{{ $pengaturan->no_telepon ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Email</td>
                            <td>:</td>
                            <td>{{ $pengaturan->email ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Website</td>
                            <td>:</td>
                            <td>
                                @if($pengaturan->website)
                                    <a href="{{ $pengaturan->website }}" target="_blank" class="text-decoration-none">
                                        {{ $pengaturan->website }} <i class="fas fa-external-link-alt fa-xs"></i>
                                    </a>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Visi -->
        @if($pengaturan->visi)
        <div class="col-lg-12 mb-4">
            <div class="card shadow-sm">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0"><i class="fas fa-eye me-2"></i>Visi</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0" style="white-space: pre-line;">{{ $pengaturan->visi }}</p>
                </div>
            </div>
        </div>
        @endif

        <!-- Misi -->
        @if($pengaturan->misi)
        <div class="col-lg-12 mb-4">
            <div class="card shadow-sm">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0"><i class="fas fa-bullseye me-2"></i>Misi</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0" style="white-space: pre-line;">{{ $pengaturan->misi }}</p>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection