@extends('simaju.layouts.main')

@section('title', 'Edit 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-edit me-2"></i>Edit Profil Sekolah
        </h1>
        <a href="{{ route('simaju.profil-sekolah.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>Kembali
        </a>
    </div>

    <form action="{{ route('simaju.profil-sekolah.update') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <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 Visual</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <!-- Logo Sekolah -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Logo Sekolah</label>
                                @if($pengaturan->logo_sekolah)
                                    <div class="mb-2 text-center">
                                        <img src="{{ asset('storage/' . $pengaturan->logo_sekolah) }}" 
                                             alt="Logo Sekolah" 
                                             class="img-fluid rounded shadow-sm mb-2"
                                             style="max-height: 150px; object-fit: contain;">
                                        <div>
                                            <button type="button" class="btn btn-sm btn-danger" onclick="deleteLogo('sekolah')">
                                                <i class="fas fa-trash"></i> Hapus Logo
                                            </button>
                                        </div>
                                    </div>
                                @endif
                                <input type="file" class="form-control @error('logo_sekolah') is-invalid @enderror" 
                                       name="logo_sekolah" accept="image/jpeg,image/png,image/jpg">
                                <small class="text-muted">Format: JPG, PNG. Max: 2MB</small>
                                @error('logo_sekolah')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Logo Yayasan -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Logo Yayasan</label>
                                @if($pengaturan->logo_yayasan)
                                    <div class="mb-2 text-center">
                                        <img src="{{ asset('storage/' . $pengaturan->logo_yayasan) }}" 
                                             alt="Logo Yayasan" 
                                             class="img-fluid rounded shadow-sm mb-2"
                                             style="max-height: 150px; object-fit: contain;">
                                        <div>
                                            <button type="button" class="btn btn-sm btn-danger" onclick="deleteLogo('yayasan')">
                                                <i class="fas fa-trash"></i> Hapus Logo
                                            </button>
                                        </div>
                                    </div>
                                @endif
                                <input type="file" class="form-control @error('logo_yayasan') is-invalid @enderror" 
                                       name="logo_yayasan" accept="image/jpeg,image/png,image/jpg">
                                <small class="text-muted">Format: JPG, PNG. Max: 2MB</small>
                                @error('logo_yayasan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Logo Dinas -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Logo Dinas</label>
                                @if($pengaturan->logo_dinas)
                                    <div class="mb-2 text-center">
                                        <img src="{{ asset('storage/' . $pengaturan->logo_dinas) }}" 
                                             alt="Logo Dinas" 
                                             class="img-fluid rounded shadow-sm mb-2"
                                             style="max-height: 150px; object-fit: contain;">
                                        <div>
                                            <button type="button" class="btn btn-sm btn-danger" onclick="deleteLogo('dinas')">
                                                <i class="fas fa-trash"></i> Hapus Logo
                                            </button>
                                        </div>
                                    </div>
                                @endif
                                <input type="file" class="form-control @error('logo_dinas') is-invalid @enderror" 
                                       name="logo_dinas" accept="image/jpeg,image/png,image/jpg">
                                <small class="text-muted">Format: JPG, PNG. Max: 2MB</small>
                                @error('logo_dinas')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </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">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Nama Sekolah <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('nama_sekolah') is-invalid @enderror" 
                                   name="nama_sekolah" value="{{ old('nama_sekolah', $pengaturan->nama_sekolah) }}" required>
                            @error('nama_sekolah')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Nama Yayasan</label>
                            <input type="text" class="form-control @error('nama_yayasan') is-invalid @enderror" 
                                   name="nama_yayasan" value="{{ old('nama_yayasan', $pengaturan->nama_yayasan) }}">
                            @error('nama_yayasan')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Nama Dinas</label>
                            <input type="text" class="form-control @error('nama_dinas') is-invalid @enderror" 
                                   name="nama_dinas" value="{{ old('nama_dinas', $pengaturan->nama_dinas) }}">
                            @error('nama_dinas')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">NSS</label>
                                <input type="text" class="form-control @error('nss') is-invalid @enderror" 
                                       name="nss" value="{{ old('nss', $pengaturan->nss) }}">
                                @error('nss')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">NPSN</label>
                                <input type="text" class="form-control @error('npsn') is-invalid @enderror" 
                                       name="npsn" value="{{ old('npsn', $pengaturan->npsn) }}">
                                @error('npsn')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </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">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Alamat</label>
                            <textarea class="form-control @error('alamat') is-invalid @enderror" 
                                      name="alamat" rows="2">{{ old('alamat', $pengaturan->alamat) }}</textarea>
                            @error('alamat')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Desa/Kelurahan</label>
                                <input type="text" class="form-control @error('desa_kelurahan') is-invalid @enderror" 
                                       name="desa_kelurahan" value="{{ old('desa_kelurahan', $pengaturan->desa_kelurahan) }}">
                                @error('desa_kelurahan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Kecamatan</label>
                                <input type="text" class="form-control @error('kecamatan') is-invalid @enderror" 
                                       name="kecamatan" value="{{ old('kecamatan', $pengaturan->kecamatan) }}">
                                @error('kecamatan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Kabupaten/Kota</label>
                                <input type="text" class="form-control @error('kabupaten_kota') is-invalid @enderror" 
                                       name="kabupaten_kota" value="{{ old('kabupaten_kota', $pengaturan->kabupaten_kota) }}">
                                @error('kabupaten_kota')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Provinsi</label>
                                <input type="text" class="form-control @error('provinsi') is-invalid @enderror" 
                                       name="provinsi" value="{{ old('provinsi', $pengaturan->provinsi) }}">
                                @error('provinsi')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Kode Pos</label>
                            <input type="text" class="form-control @error('kode_pos') is-invalid @enderror" 
                                   name="kode_pos" value="{{ old('kode_pos', $pengaturan->kode_pos) }}">
                            @error('kode_pos')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">No. Telepon</label>
                            <input type="text" class="form-control @error('no_telepon') is-invalid @enderror" 
                                   name="no_telepon" value="{{ old('no_telepon', $pengaturan->no_telepon) }}">
                            @error('no_telepon')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Email</label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                   name="email" value="{{ old('email', $pengaturan->email) }}">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Website</label>
                            <input type="url" class="form-control @error('website') is-invalid @enderror" 
                                   name="website" value="{{ old('website', $pengaturan->website) }}" 
                                   placeholder="https://www.example.com">
                            @error('website')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <!-- Visi & Misi -->
            <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-bullseye me-2"></i>Visi & Misi</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Visi</label>
                            <textarea class="form-control @error('visi') is-invalid @enderror" 
                                      name="visi" rows="4" placeholder="Masukkan visi sekolah...">{{ old('visi', $pengaturan->visi) }}</textarea>
                            @error('visi')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Misi</label>
                            <textarea class="form-control @error('misi') is-invalid @enderror" 
                                      name="misi" rows="6" placeholder="Masukkan misi sekolah (pisahkan dengan enter untuk setiap poin)...">{{ old('misi', $pengaturan->misi) }}</textarea>
                            @error('misi')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit Button -->
            <div class="col-lg-12">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <a href="{{ route('simaju.profil-sekolah.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times me-1"></i>Batal
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-1"></i>Simpan Perubahan
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

@push('scripts')
<script>
function deleteLogo(type) {
    if (confirm('Apakah Anda yakin ingin menghapus logo ini?')) {
        fetch(`{{ route('simaju.profil-sekolah.index') }}/delete-logo/${type}`, {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('Logo berhasil dihapus');
                location.reload();
            } else {
                alert('Gagal menghapus logo');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Terjadi kesalahan');
        });
    }
}
</script>
@endpush
@endsection