@extends('layouts.admin')
@section('title', 'Edit Profil Desa')
@section('page-title', 'Profil Desa')

@section('content')
<div class="max-w-4xl">
    <form method="POST" action="{{ route('admin.village-profile.update') }}" enctype="multipart/form-data" class="space-y-6">
        @csrf @method('PUT')

        {{-- Identitas --}}
        <div class="card-admin">
            <h2 class="font-semibold text-primary mb-4">Identitas Desa</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div><label class="form-label">Nama Desa *</label><input name="nama_desa" value="{{ old('nama_desa', $profile->nama_desa) }}" class="form-input @error('nama_desa') border-red-400 @enderror" required></div>
                <div><label class="form-label">Kecamatan *</label><input name="kecamatan" value="{{ old('kecamatan', $profile->kecamatan) }}" class="form-input" required></div>
                <div><label class="form-label">Kabupaten *</label><input name="kabupaten" value="{{ old('kabupaten', $profile->kabupaten) }}" class="form-input" required></div>
                <div><label class="form-label">Provinsi *</label><input name="provinsi" value="{{ old('provinsi', $profile->provinsi) }}" class="form-input" required></div>
                <div class="md:col-span-2"><label class="form-label">Slogan</label><input name="slogan" value="{{ old('slogan', $profile->slogan) }}" class="form-input" placeholder="Desa Maju, Sejahtera, dan Berdaya"></div>
                <div class="md:col-span-2"><label class="form-label">Motto</label><input name="motto" value="{{ old('motto', $profile->motto) }}" class="form-input"></div>
            </div>
        </div>

        {{-- Foto --}}
        <div class="card-admin">
            <h2 class="font-semibold text-primary mb-4">Foto</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="form-label">Foto Utama (Hero Beranda)</label>
                    @if($profile->foto_utama_url)<img src="{{ $profile->foto_utama_url }}" class="w-full h-32 object-cover rounded-lg mb-2">@endif
                    <input type="file" name="foto_utama" accept="image/*" class="form-input">
                    <p class="text-xs text-gray-400 mt-1">JPG/PNG/WebP, maks 2MB</p>
                </div>
                <div>
                    <label class="form-label">Foto Kepala Desa</label>
                    @if($profile->foto_kepala_dasa_url)<img src="{{ $profile->foto_kepala_dasa_url }}" class="w-24 h-24 object-cover rounded-full mb-2">@endif
                    <input type="file" name="foto_kepala_desa" accept="image/*" class="form-input">
                    <p class="text-xs text-gray-400 mt-1">JPG/PNG/WebP, maks 2MB</p>
                </div>
            </div>
        </div>

        {{-- Sambutan & Sejarah --}}
        <div class="card-admin">
            <h2 class="font-semibold text-primary mb-4">Sambutan & Sejarah</h2>
            <div class="space-y-4">
                <div><label class="form-label">Sambutan Kepala Desa</label><textarea name="sambutan_kepala_desa" rows="4" class="form-textarea">{{ old('sambutan_kepala_desa', $profile->sambutan_kepala_desa) }}</textarea></div>
                <div><label class="form-label">Sejarah Singkat</label><textarea name="sejarah_singkat" rows="4" class="form-textarea">{{ old('sejarah_singkat', $profile->sejarah_singkat) }}</textarea></div>
                <div><label class="form-label">Asal-usul Nama Desa</label><textarea name="asal_usul" rows="3" class="form-textarea">{{ old('asal_usul', $profile->asal_usul) }}</textarea></div>
            </div>
        </div>

        {{-- Visi & Misi --}}
        <div class="card-admin">
            <h2 class="font-semibold text-primary mb-4">Visi & Misi</h2>
            <div class="space-y-4">
                <div><label class="form-label">Visi</label><textarea name="visi" rows="3" class="form-textarea">{{ old('visi', $profile->visi) }}</textarea></div>
                <div><label class="form-label">Misi (satu baris per poin)</label><textarea name="misi" rows="6" class="form-textarea">{{ old('misi', $profile->misi) }}</textarea></div>
            </div>
        </div>

        {{-- Geografis --}}
        <div class="card-admin">
            <h2 class="font-semibold text-primary mb-4">Kondisi Geografis</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div><label class="form-label">Luas Wilayah</label><input name="luas_wilayah" value="{{ old('luas_wilayah', $profile->luas_wilayah) }}" class="form-input" placeholder="contoh: 1.200 Ha"></div>
                <div><label class="form-label">Ketinggian</label><input name="ketinggian" value="{{ old('ketinggian', $profile->ketinggian) }}" class="form-input" placeholder="contoh: 150 mdpl"></div>
                <div class="md:col-span-2"><label class="form-label">Letak Geografis</label><textarea name="letak_geografis" rows="3" class="form-textarea">{{ old('letak_geografis', $profile->letak_geografis) }}</textarea></div>
                <div class="md:col-span-2"><label class="form-label">Batas Wilayah</label><textarea name="batas_wilayah" rows="4" class="form-textarea" placeholder="Utara: ...\nSelatan: ...">{{ old('batas_wilayah', $profile->batas_wilayah) }}</textarea></div>
                <div class="md:col-span-2"><label class="form-label">Kondisi Umum Wilayah</label><textarea name="kondisi_umum_wilayah" rows="3" class="form-textarea">{{ old('kondisi_umum_wilayah', $profile->kondisi_umum_wilayah) }}</textarea></div>
            </div>
        </div>

        <div class="flex gap-3">
            <button type="submit" class="btn-primary">💾 Simpan Perubahan</button>
        </div>
    </form>
</div>
@endsection
