project-ta/.history/resources/views/admin/penghuni/edit.blade_20260331175338.php

132 lines
3.8 KiB
PHP

@extends('layouts.app')
@section('content')
<div class="container">
@php
$isEditPenghuni = isset($penghuni) && $penghuni && isset($penghuni->id);
$isEditRumah = isset($rumah) && is_object($rumah);
@endphp
{{-- JUDUL --}}
@if($isEditPenghuni)
<h3>Edit Data Penghuni</h3>
@elseif($isEditRumah)
<h3>Edit Data Rumah</h3>
@endif
{{-- ERROR --}}
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
{{-- FORM --}}
@if($isEditPenghuni)
<form action="{{ route('penghuni.update', $penghuni->id) }}" method="POST">
@elseif($isEditRumah)
<form action="{{ route('rumah.update', $rumah->id) }}" method="POST">
@endif
@csrf
@method('PUT')
{{-- ========================= --}}
{{-- PENGHUNI --}}
{{-- ========================= --}}
@if($isEditPenghuni)
<input type="text" name="nama" class="form-control mb-2"
value="{{ old('nama', $penghuni->nama) }}" placeholder="Nama">
<input type="text" name="no_ktp" class="form-control mb-2"
value="{{ old('no_ktp', $penghuni->no_ktp) }}" placeholder="KTP">
<input type="email" name="email" class="form-control mb-2"
value="{{ old('email', $penghuni->email) }}" placeholder="Email">
<input type="text" name="alamat" class="form-control mb-2"
value="{{ old('alamat', $penghuni->alamat) }}" placeholder="Alamat">
{{-- PILIH RUMAH --}}
<select name="rumah_id" class="form-control mb-2">
<option value="">-- Pilih Rumah --</option>
@foreach($rumahList as $r)
<option value="{{ $r->id }}"
{{ $penghuni->rumah_id == $r->id ? 'selected' : '' }}>
{{ $r->blok }} - {{ $r->no_rumah }}
</option>
@endforeach
</select>
{{-- ========================= --}}
{{-- RUMAH --}}
{{-- ========================= --}}
@elseif($isEditRumah)
<form action="{{ route('admin.rumah.update', $rumah->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<input type="text" name="blok" class="form-control mb-2"
value="{{ old('blok', $rumah->blok) }}" placeholder="Blok">
<input type="text" name="no_rumah" class="form-control mb-2"
value="{{ old('no_rumah', $rumah->no_rumah) }}" placeholder="No Rumah">
<select name="status" class="form-control mb-2">
<option value="Kosong" {{ $rumah->status == 'Kosong' ? 'selected' : '' }}>Kosong</option>
<option value="Terisi" {{ $rumah->status == 'Terisi' ? 'selected' : '' }}>Terisi</option>
</select>
{{-- 🔥 FOTO LAMA --}}
<div class="mb-2">
<label>Foto Saat Ini</label><br>
@if($rumah->foto)
<img src="{{ url('foto_rumah/'.$rumah->foto) }}"
style="max-height:120px;" class="rounded mb-2">
@else
<p class="text-muted">Belum ada foto</p>
@endif
</div>
{{-- 🔥 INPUT FOTO BARU --}}
<div class="mb-2">
<label>Ganti Foto</label>
<input type="file" name="foto" class="form-control" id="fotoEdit">
</div>
{{-- 🔥 PREVIEW FOTO BARU --}}
<div class="text-center">
<img id="previewEdit" style="max-height:120px; display:none;" class="rounded">
</div>
<button class="btn btn-success mt-3">Update</button>
<a href="{{ route('penghuni.index') }}" class="btn btn-secondary mt-3">Kembali</a>
</form>
@endif
</form>
</div>
@endsection
<script>
document.getElementById('fotoEdit').addEventListener('change', function(e) {
const file = e.target.files[0];
const preview = document.getElementById('previewEdit');
if (file) {
preview.src = URL.createObjectURL(file);
preview.style.display = 'block';
}
});
</script>