@extends('adminlte::page')

@section('title', 'Edit ' . ucfirst($post->type))

@section('content_header')
    <div class="d-flex justify-content-between">
        <h1>Edit {{ ucfirst($post->type) }}</h1>
        <a href="{{ route('sekolah.website.posts.index', ['type' => $post->type]) }}" class="btn btn-default btn-sm">
            <i class="fas fa-arrow-left"></i> Kembali
        </a>
    </div>
@stop

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card card-outline card-primary shadow-sm">
            <div class="card-body">
                {{-- Pastikan enctype ada agar file terkirim --}}
                <form action="{{ route('sekolah.website.posts.update', $post->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        {{-- Kolom Kiri: Konten Utama --}}
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="title">Judul / Headline <span class="text-danger">*</span></label>
                                <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror" 
                                       value="{{ old('title', $post->title) }}" placeholder="Masukkan judul..." required>
                                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="form-group">
                                <label for="summernote">Isi Konten <span class="text-danger">*</span></label>
                                <textarea id="summernote" name="content" required>{{ old('content', $post->content) }}</textarea>
                                @error('content') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                        </div>

                        {{-- Kolom Kanan: Pengaturan & Meta --}}
                        <div class="col-md-4">
                            <div class="card card-gray-dark card-outline">
                                <div class="card-header"><h3 class="card-title">Media & Atribut</h3></div>
                                <div class="card-body">
                                    {{-- Preview Gambar --}}
                                    <div class="form-group text-center">
                                        <label class="d-block text-left">Gambar Sampul</label>
                                        <div class="mb-3">
                                            @php 
                                                // Logika pemanggilan gambar sesuai setup public/storage Anda
                                                $imagePath = $post->thumbnail ? asset('storage/'.$post->thumbnail) : asset('images/no-image.png');
                                            @endphp
                                            <img id="img-preview" src="{{ $imagePath }}" 
                                                 class="img-fluid rounded shadow-sm border" 
                                                 style="max-height: 200px; width: 100%; object-fit: cover;">
                                        </div>
                                        <div class="custom-file">
                                            {{-- Nama input HARUS 'thumbnail' agar sinkron dengan Controller --}}
                                            <input type="file" class="custom-file-input" id="thumbnailInput" name="thumbnail" accept="image/*">
                                            <label class="custom-file-label" for="thumbnailInput">Pilih file...</label>
                                        </div>
                                        <small class="text-muted mt-2 d-block text-left">
                                            Biarkan kosong jika tidak ingin mengubah gambar.
                                        </small>
                                    </div>

                                    <hr>

                                    @if($post->type == 'agenda')
                                    <div class="form-group">
                                        <label>Tanggal Kegiatan <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                            </div>
                                            <input type="date" name="event_date" class="form-control" 
                                                   value="{{ old('event_date', $post->event_date ? \Carbon\Carbon::parse($post->event_date)->format('Y-m-d') : '') }}" required>
                                        </div>
                                    </div>
                                    @endif

                                    <div class="form-group">
                                        <label>Status Publikasi</label>
                                        <select name="status" class="form-control shadow-none">
                                            <option value="published" {{ $post->status == 'published' ? 'selected' : '' }}>Terbitkan (Online)</option>
                                            <option value="draft" {{ $post->status == 'draft' ? 'selected' : '' }}>Draft (Arsip)</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="card-footer bg-white border-top-0">
                                    <button type="submit" class="btn btn-primary btn-block shadow">
                                        <i class="fas fa-save mr-1"></i> Simpan Perubahan
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
<style>
    .note-editor.note-frame { border: 1px solid #ced4da; box-shadow: none; border-radius: 4px; }
    .custom-file-label::after { content: "Cari"; }
</style>
@stop

@section('js')
<script>
    $(document).ready(function() {
        // Initialize Summernote
        $('#summernote').summernote({
            height: 400,
            placeholder: 'Tuliskan isi berita sekolah di sini...',
            lang: 'id-ID',
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'italic', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['insert', ['link', 'picture', 'video']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ],
            callbacks: {
                onImageUpload: function(files) {
                    // Fitur tambahan untuk handling upload gambar di dalam editor bisa ditambahkan di sini
                }
            }
        });

        // Initialize Custom File Input (AdminLTE standard)
        bsCustomFileInput.init();

        // Live Preview Image Logic
        $('#thumbnailInput').change(function() {
            const file = this.files[0];
            if (file) {
                let reader = new FileReader();
                reader.onload = function(event) {
                    $('#img-preview').attr('src', event.target.result);
                }
                reader.readAsDataURL(file);
            }
        });
    });
</script>
@stop