@extends('template')
 @section('title', 'Edit Gangguan')
 @section('konten')
     <div class="main-panel">
         <div class="content">
             <div class="page-inner">
                 <div class="page-header">
                     <h4 class="page-title">Data Gangguan</h4>
                     <ul class="breadcrumbs">
                         <li class="nav-home">
                             <a href="/dashboard">
                                 <i class="flaticon-home"></i>
                             </a>
                         </li>
                         <li class="separator">
                             <i class="flaticon-right-arrow"></i>
                         </li>
                         <li class="nav-item">
                             Data Gangguan
                         </li>
                     </ul>
                 </div>
                 <div class="row">
                     <div class="col-md-12">
                         <div class="card">
                             <div class="card-header">
                                 <div class="card-title">Edit Gangguan</div>
                             </div>
                             <div class="card-body">
                                 <form method="POST" action="/update_gangguan" enctype="multipart/form-data">
                                     @csrf
                                     <div class="modal-body">
                                         <div class="row">
                                             <div class="col-sm-12">
                                                 <input name="id_gangguan" id="id_gangguan" type="hidden" class="form-control"
                                                     placeholder="nama guru" value="{{$datagangguan->id_gangguan}}">
                                                 <div class="form-group">
                                                     <label>Judul</label>
                                                     <input name="judul_gangguan" id="judul_gangguan" type="text"
                                                         class="form-control" placeholder="Judul Gangguan" value="{{$datagangguan->judul_gangguan}}" required>
                                                 </div>
												 <div class="form-group">
                                                     <label>Isi Gangguan</label>
                                                     <textarea class="form-control description" name="isi_gangguan" value="{{$datagangguan->keterangan_gangguan}}">{{$datagangguan->keterangan_gangguan}}</textarea>
                                                 </div>
                                                 <div class="form-group">
                                                    <label>Foto</label>
                                                    <input name="foto_gangguan" type="file" class="form-control @error('foto_gangguan') is-invalid @enderror" placeholder="fill name">
                                                    <span>kosongi jika tidak ingin merubah foto</span>
                                                    
                                                    {{-- Tampilkan foto sebelumnya --}}
                                                    @if($datagangguan->gambar_gangguan)
                                                        <div class="mt-2">
                                                            <img src="{{ asset('foto gangguan/' . $datagangguan->gambar_gangguan) }}" alt="Foto Gangguan Sebelumnya" style="max-height: 150px; border: 1px solid #ccc; padding: 4px;">
                                                        </div>
                                                    @endif
                                                
                                                    <div class="text-danger" style="font-size: 12px">
                                                        @error('foto_gangguan')
                                                            {{ $message }}
                                                        @enderror
                                                    </div>
                                                </div>                                                
                                                 <div class="row form-group">
                                                    <label >Tanggal &amp; Jam Publish</label>

                                                    <div class="col-md-2">
                                                    <input id="party" type="datetime-local" name="tanggal_post" value="{{$datagangguan->tanggal_post}}" required/>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label>Status</label>
                                                    <select name="status" class="form-control" required>
                                                        <option value="Proses Perbaikan" {{ $datagangguan->status == 'Proses Perbaikan' ? 'selected' : '' }}>Proses Perbaikan</option>
                                                        <option value="Selesai" {{ $datagangguan->status == 'Selesai' ? 'selected' : '' }}>Selesai</option>
                                                    </select>
                                                </div>
                                             </div>
                                         </div>

                                     </div>
                                     <hr>
                                     <div class="modal-footer no-bd">
                                         <button type="submit" class="btn btn-primary btn-round">Simpan</button>
                                         <a href="/data_gangguan" class="btn btn-danger btn-round"
                                             data-dismiss="modal">Kembali</a>
                                     </div>
                                 </form>
                             </div>
                         </div>
                     </div>


                 </div>
             </div>
         </div>
         <footer class="footer">
             <div class="container-fluid">
                 <nav class="pull-left">
                     <ul class="nav">

                     </ul>
                 </nav>
                 <div class="copyright ml-auto">
                     &copycopyright 2026 - Perumda Air Minum Tirta Bahari
                 </div>
             </div>
         </footer>
     </div>
     <script src="{{ asset('assetsadmin') }}/js/tinymce.min.js"></script>
     <script>
         tinymce.init({
             selector: 'textarea.description',
             height: 300
         });
     </script>
 @endsection