@extends('layouts.app')

@section('subtitle', 'Edit Sejarah Desa')

@section('content_body')
    <!-- Header & Breadcrumbs -->
    <x-page-header 
        title="Edit Sejarah Desa" 
        subtitle="Ubah sejarah asal-usul pembentukan desa untuk ditampilkan pada portal."
        :breadcrumbs="[
            'Dashboard' => route('dashboard'),
            'Informasi Desa' => route('informasi-desa.index'),
            'Sejarah Desa' => route('informasi-desa.edit-sejarah')
        ]"
    >
        <x-slot name="buttons">
            <a href="{{ route('informasi-desa.index') }}" class="btn btn-light border mr-2">
                <i class="fas fa-arrow-left mr-1"></i> Batal
            </a>
        </x-slot>
    </x-page-header>

    <div class="card border-0 shadow-sm rounded-xl mb-4" style="border-radius: 12px; background: #ffffff;">
        <div class="card-body p-4">
            <form action="{{ route('informasi-desa.update-sejarah') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="form-group mb-4">
                    <label for="sejarah" class="font-weight-bold text-secondary text-sm">Sejarah Desa <span class="text-danger">*</span></label>
                    <textarea name="sejarah" id="sejarah" rows="12" class="form-control @error('sejarah') is-invalid @enderror" placeholder="Tuliskan sejarah desa secara mendalam..." required style="border-radius: 8px; resize: vertical;">{{ old('sejarah', $informasi->sejarah) }}</textarea>
                    @error('sejarah')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <hr class="my-4" style="border-top: 1px solid #f1f5f9;">

                <!-- Submit Buttons -->
                <div class="text-right">
                    <a href="{{ route('informasi-desa.index') }}" class="btn btn-light border mr-2">Batal</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save mr-1"></i> Simpan Perubahan
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection