@extends('layouts.app')

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

@section('content_body')
    <!-- Header & Breadcrumbs -->
    <x-page-header 
        title="Edit Tentang Desa" 
        subtitle="Ubah informasi profil umum desa, alamat kantor, dan foto desa."
        :breadcrumbs="[
            'Dashboard' => route('dashboard'),
            'Informasi Desa' => route('informasi-desa.index'),
            'Tentang Desa' => route('informasi-desa.edit-tentang')
        ]"
    >
        <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-tentang') }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="row">
                    <!-- Column: Form Fields (Full Width) -->
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-8 form-group mb-3">
                                <label for="tentang_nama_desa" class="font-weight-bold text-secondary text-sm">Nama Resmi Desa <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_nama_desa" id="tentang_nama_desa" class="form-control @error('tentang_nama_desa') is-invalid @enderror" value="{{ old('tentang_nama_desa', $informasi->tentang_nama_desa) }}" placeholder="Contoh: Desa Siofa Banua" required style="border-radius: 8px;">
                                @error('tentang_nama_desa')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4 form-group mb-3">
                                <label for="tentang_kode_pos" class="font-weight-bold text-secondary text-sm">Kode Pos <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_kode_pos" id="tentang_kode_pos" class="form-control @error('tentang_kode_pos') is-invalid @enderror" value="{{ old('tentang_kode_pos', $informasi->tentang_kode_pos) }}" placeholder="Contoh: 22854" required style="border-radius: 8px;">
                                @error('tentang_kode_pos')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group mb-3">
                            <label for="tentang_deskripsi" class="font-weight-bold text-secondary text-sm">Profil, Gambaran Umum, & Sejarah Singkat Desa <span class="text-danger">*</span></label>
                            <textarea name="tentang_deskripsi" id="tentang_deskripsi" rows="6" class="form-control @error('tentang_deskripsi') is-invalid @enderror" placeholder="Tuliskan profil desa, gambaran umum, serta sejarah singkat desa..." required style="border-radius: 8px; resize: vertical;">{{ old('tentang_deskripsi', $informasi->tentang_deskripsi) }}</textarea>
                            <small class="form-text text-muted">Tuliskan ringkasan profil, gambaran umum, dan sejarah singkat desa di dalam satu editor ini.</small>
                            @error('tentang_deskripsi')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6 form-group mb-3">
                                <label for="tentang_alamat" class="font-weight-bold text-secondary text-sm">Alamat Kantor <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_alamat" id="tentang_alamat" class="form-control @error('tentang_alamat') is-invalid @enderror" value="{{ old('tentang_alamat', $informasi->tentang_alamat) }}" placeholder="Contoh: Jl. Raya Tuhemberua KM 12" required style="border-radius: 8px;">
                                @error('tentang_alamat')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="tentang_kecamatan" class="font-weight-bold text-secondary text-sm">Kecamatan <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_kecamatan" id="tentang_kecamatan" class="form-control @error('tentang_kecamatan') is-invalid @enderror" value="{{ old('tentang_kecamatan', $informasi->tentang_kecamatan) }}" placeholder="Contoh: Tuhemberua" required style="border-radius: 8px;">
                                @error('tentang_kecamatan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="tentang_kabupaten" class="font-weight-bold text-secondary text-sm">Kabupaten <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_kabupaten" id="tentang_kabupaten" class="form-control @error('tentang_kabupaten') is-invalid @enderror" value="{{ old('tentang_kabupaten', $informasi->tentang_kabupaten) }}" placeholder="Contoh: Nias Utara" required style="border-radius: 8px;">
                                @error('tentang_kabupaten')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="tentang_provinsi" class="font-weight-bold text-secondary text-sm">Provinsi <span class="text-danger">*</span></label>
                                <input type="text" name="tentang_provinsi" id="tentang_provinsi" class="form-control @error('tentang_provinsi') is-invalid @enderror" value="{{ old('tentang_provinsi', $informasi->tentang_provinsi) }}" placeholder="Contoh: Sumatera Utara" required style="border-radius: 8px;">
                                @error('tentang_provinsi')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </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