@extends('template')
 @section('title', 'Edit Galeri')
 @section('konten')
     <div class="main-panel">
         <div class="content">
             <div class="page-inner">
                 <div class="page-header">
                     <h4 class="page-title">Data Galeri</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 Galeri
                         </li>
                     </ul>
                 </div>
                 <div class="row">
                     <div class="col-md-12">
                         <div class="card">
                             <div class="card-header">
                                 <div class="card-title">Edit Galeri</div>
                             </div>
                             <div class="card-body">
                                <form action="{{ route('galeri.update', $galeri->id_galeri) }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <input id="id_galeri" name="id_galeri" value="{{$galeri->id_galeri}}" type="hidden" class="form-control">
                                                <div class="form-group">
                                                    <label>Judul</label>
                                                    <input id="judul_galeri" name="judul_galeri" value="{{$galeri->judul_galeri}}" type="text" class="form-control" placeholder="Judul Galeri" required>
                                                </div>
                                                <div class="form-group">
                                                    <label>Keterangan</label>
                                                    <textarea class="form-control" name="keterangan_galeri" id="keterangan_galeri" placeholder="Keterangan Galeri" required value="{{$galeri->keterangan_galeri}}">{{$galeri->keterangan_galeri}}</textarea>
                                                </div>
                                                <div class="form-group">
                                                    <label>Foto Baru (opsional)</label>
                                                    <input name="foto[]" type="file" class="form-control @error('foto') is-invalid @enderror" multiple>
                                                    <small class="form-text text-muted">Kosongi jika tidak ingin merubah foto</small>
                                                    <div class="text-danger" style="font-size: 12px">
                                                        @error('foto')
                                                            {{ $message }}
                                                        @enderror
                                                    </div>
                                                </div>
                                                
                                                @if ($detail && count($detail) > 0)
                                                    <label>Foto Lama:</label>
                                                    <div class="row">
                                                        @foreach ($detail as $foto)
                                                            <div class="col-md-3 mb-3">
                                                                <img src="{{ asset('foto galeri/' . $foto->gambar_galeri) }}" alt="Foto Galeri" class="img-thumbnail" style="width: 100%; height: 200px; object-fit: cover;">
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                @endif
                                                
                                            </div>
                                        </div>
                                    
                                    </div>
                                    <hr>
                                    <div class="modal-footer no-bd">
                                        <button type="submit" class="btn btn-primary btn-round">Simpan</button>
                                        <a href="/data_galeri" 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