@extends('layouts.admin')

@section('content')

<div class="container-fluid">


    <!-- Judul -->
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2 class="fw-bold text-success">
                Galeri Budaya Mandailing Natal
            </h2>

            <p class="text-muted">
                Kelola dokumentasi foto budaya
            </p>

        </div>


        <a href="{{ route('galeri.create') }}"
           class="btn btn-success">

            <i class="bi bi-plus-circle"></i>
            Tambah Galeri

        </a>


    </div>



    <!-- Pesan sukses -->
    @if(session('success'))

    <div class="alert alert-success">

        {{ session('success') }}

    </div>

    @endif





    <div class="card shadow border-0">

        <div class="card-body">


            <div class="table-responsive">


                <table class="table table-bordered table-striped align-middle">


                    <thead class="table-dark">

                        <tr>

                            <th width="50">
                                No
                            </th>

                            <th>
                                Gambar
                            </th>

                            <th>
                                Judul
                            </th>

                            <th width="150">
                                Aksi
                            </th>

                        </tr>

                    </thead>



                    <tbody>


                    @forelse($galeri as $item)


                        <tr>


                            <td>
                                {{ $loop->iteration }}
                            </td>



                            <td>


                                @if($item->gambar)

                                <img src="{{ asset('storage/'.$item->gambar) }}"
                                     width="100"
                                     height="70"
                                     class="rounded"
                                     style="object-fit:cover">


                                @else

                                <span class="text-muted">
                                    Tidak ada gambar
                                </span>

                                @endif


                            </td>




                            <td>

                                {{ $item->judul }}

                            </td>







                            <td>


                                <a href="{{ route('galeri.edit',$item->id) }}"
                                   class="btn btn-warning btn-sm">

                                    <i class="bi bi-pencil"></i>

                                </a>




                                <form action="{{ route('galeri.destroy',$item->id) }}"
                                      method="POST"
                                      class="d-inline">


                                    @csrf

                                    @method('DELETE')


                                    <button type="submit"
                                            class="btn btn-danger btn-sm"
                                            onclick="return confirm('Yakin ingin menghapus data?')">


                                        <i class="bi bi-trash"></i>


                                    </button>


                                </form>


                            </td>


                        </tr>


                    @empty


                        <tr>

                            <td colspan="5"
                                class="text-center">

                                Belum ada data galeri

                            </td>

                        </tr>


                    @endforelse



                    </tbody>


                </table>


            </div>


        </div>

    </div>


</div>



@endsection