@extends('simaju.layouts.main')
@section('title', 'Edit Aset')
@section('page-title', 'Edit Aset')
@section('page-subtitle', 'Edit data aset')

@section('content')
<div class="max-w-4xl">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100">
        <div class="p-6 border-b border-gray-100">
            <h2 class="text-xl font-heading font-bold text-gray-800">Form Edit Aset</h2>
        </div>

        <form action="{{ route('simaju.aset.update', $aset) }}" method="POST" enctype="multipart/form-data" class="p-6">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Kode Aset -->
                <div>
                    <label for="kode_aset" class="block text-sm font-medium text-gray-700 mb-2">Kode Aset <span class="text-red-500">*</span></label>
                    <input type="text" name="kode_aset" id="kode_aset" value="{{ old('kode_aset', $aset->kode_aset) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('kode_aset') border-red-500 @enderror" 
                           placeholder="Contoh: AST-001" required>
                    @error('kode_aset')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Nama Aset -->
                <div>
                    <label for="nama_aset" class="block text-sm font-medium text-gray-700 mb-2">Nama Aset <span class="text-red-500">*</span></label>
                    <input type="text" name="nama_aset" id="nama_aset" value="{{ old('nama_aset', $aset->nama_aset) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('nama_aset') border-red-500 @enderror" 
                           placeholder="Masukkan nama aset" required>
                    @error('nama_aset')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Kategori Aset -->
                <div>
                    <label for="kategori_aset" class="block text-sm font-medium text-gray-700 mb-2">Kategori Aset <span class="text-red-500">*</span></label>
                    <select name="kategori_aset" id="kategori_aset" 
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('kategori_aset') border-red-500 @enderror" required>
                        <option value="">Pilih Kategori</option>
                        <option value="peralatan" {{ old('kategori_aset', $aset->kategori_aset) == 'peralatan' ? 'selected' : '' }}>Peralatan</option>
                        <option value="kendaraan" {{ old('kategori_aset', $aset->kategori_aset) == 'kendaraan' ? 'selected' : '' }}>Kendaraan</option>
                        <option value="gedung" {{ old('kategori_aset', $aset->kategori_aset) == 'gedung' ? 'selected' : '' }}>Gedung</option>
                        <option value="tanah" {{ old('kategori_aset', $aset->kategori_aset) == 'tanah' ? 'selected' : '' }}>Tanah</option>
                        <option value="elektronik" {{ old('kategori_aset', $aset->kategori_aset) == 'elektronik' ? 'selected' : '' }}>Elektronik</option>
                        <option value="furniture" {{ old('kategori_aset', $aset->kategori_aset) == 'furniture' ? 'selected' : '' }}>Furniture</option>
                        <option value="lainnya" {{ old('kategori_aset', $aset->kategori_aset) == 'lainnya' ? 'selected' : '' }}>Lainnya</option>
                    </select>
                    @error('kategori_aset')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Nilai Perolehan -->
                <div>
                    <label for="nilai_perolehan" class="block text-sm font-medium text-gray-700 mb-2">Nilai Perolehan (Rp) <span class="text-red-500">*</span></label>
                    <input type="number" name="nilai_perolehan" id="nilai_perolehan" value="{{ old('nilai_perolehan', $aset->nilai_perolehan) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('nilai_perolehan') border-red-500 @enderror" 
                           placeholder="0" min="0" step="0.01" required>
                    @error('nilai_perolehan')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Tanggal Perolehan -->
                <div>
                    <label for="tanggal_perolehan" class="block text-sm font-medium text-gray-700 mb-2">Tanggal Perolehan <span class="text-red-500">*</span></label>
                    <input type="date" name="tanggal_perolehan" id="tanggal_perolehan" value="{{ old('tanggal_perolehan', $aset->tanggal_perolehan->format('Y-m-d')) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('tanggal_perolehan') border-red-500 @enderror" required>
                    @error('tanggal_perolehan')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Kondisi -->
                <div>
                    <label for="kondisi" class="block text-sm font-medium text-gray-700 mb-2">Kondisi <span class="text-red-500">*</span></label>
                    <select name="kondisi" id="kondisi" 
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('kondisi') border-red-500 @enderror" required>
                        <option value="baik" {{ old('kondisi', $aset->kondisi) == 'baik' ? 'selected' : '' }}>Baik</option>
                        <option value="rusak_ringan" {{ old('kondisi', $aset->kondisi) == 'rusak_ringan' ? 'selected' : '' }}>Rusak Ringan</option>
                        <option value="rusak_berat" {{ old('kondisi', $aset->kondisi) == 'rusak_berat' ? 'selected' : '' }}>Rusak Berat</option>
                        <option value="hilang" {{ old('kondisi', $aset->kondisi) == 'hilang' ? 'selected' : '' }}>Hilang</option>
                    </select>
                    @error('kondisi')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Lokasi -->
                <div>
                    <label for="lokasi" class="block text-sm font-medium text-gray-700 mb-2">Lokasi</label>
                    <input type="text" name="lokasi" id="lokasi" value="{{ old('lokasi', $aset->lokasi) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('lokasi') border-red-500 @enderror" 
                           placeholder="Contoh: Ruang Lab Komputer">
                    @error('lokasi')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Penanggung Jawab -->
                <div>
                    <label for="penanggung_jawab" class="block text-sm font-medium text-gray-700 mb-2">Penanggung Jawab</label>
                    <input type="text" name="penanggung_jawab" id="penanggung_jawab" value="{{ old('penanggung_jawab', $aset->penanggung_jawab) }}" 
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('penanggung_jawab') border-red-500 @enderror" 
                           placeholder="Nama penanggung jawab">
                    @error('penanggung_jawab')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Status -->
                <div>
                    <label for="status" class="block text-sm font-medium text-gray-700 mb-2">Status <span class="text-red-500">*</span></label>
                    <select name="status" id="status" 
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('status') border-red-500 @enderror" required>
                        <option value="aktif" {{ old('status', $aset->status) == 'aktif' ? 'selected' : '' }}>Aktif</option>
                        <option value="nonaktif" {{ old('status', $aset->status) == 'nonaktif' ? 'selected' : '' }}>Non-Aktif</option>
                        <option value="dalam_perbaikan" {{ old('status', $aset->status) == 'dalam_perbaikan' ? 'selected' : '' }}>Dalam Perbaikan</option>
                        <option value="dijual" {{ old('status', $aset->status) == 'dijual' ? 'selected' : '' }}>Dijual</option>
                    </select>
                    @error('status')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Foto -->
                <div>
                    <label for="foto" class="block text-sm font-medium text-gray-700 mb-2">Foto Aset</label>
                    @if($aset->foto)
                        <img src="{{ asset('storage/' . $aset->foto) }}" alt="{{ $aset->nama_aset }}" class="mb-2 w-32 h-32 object-cover rounded-lg">
                    @endif
                    <input type="file" name="foto" id="foto" accept="image/jpeg,image/png,image/jpg"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('foto') border-red-500 @enderror">
                    <p class="mt-1 text-xs text-gray-500">Format: JPG, PNG (Max: 2MB). Kosongkan jika tidak ingin mengubah foto.</p>
                    @error('foto')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Deskripsi -->
                <div class="md:col-span-2">
                    <label for="deskripsi" class="block text-sm font-medium text-gray-700 mb-2">Deskripsi</label>
                    <textarea name="deskripsi" id="deskripsi" rows="3" 
                              class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('deskripsi') border-red-500 @enderror" 
                              placeholder="Deskripsi detail aset">{{ old('deskripsi', $aset->deskripsi) }}</textarea>
                    @error('deskripsi')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Keterangan -->
                <div class="md:col-span-2">
                    <label for="keterangan" class="block text-sm font-medium text-gray-700 mb-2">Keterangan</label>
                    <textarea name="keterangan" id="keterangan" rows="2" 
                              class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent @error('keterangan') border-red-500 @enderror" 
                              placeholder="Keterangan tambahan">{{ old('keterangan', $aset->keterangan) }}</textarea>
                    @error('keterangan')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <div class="flex gap-3 mt-6 pt-6 border-t border-gray-100">
                <button type="submit" class="px-6 py-2 bg-primary text-white rounded-lg hover:bg-blue-700 transition-colors">
                    <i class="fas fa-save mr-2"></i>Update
                </button>
                <a href="{{ route('simaju.aset.index') }}" class="px-6 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors">
                    <i class="fas fa-times mr-2"></i>Batal
                </a>
            </div>
        </form>
    </div>
</div>
@endsection