@extends('layouts.admin')

@section('content')

<div class="container-fluid">


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

<div>

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

<p class="text-muted">
Kelola data budaya daerah
</p>

</div>


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

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

</a>


</div>



@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>
Nama Budaya
</th>

<th>
Jenis Budaya
</th>

<th>
Asal Daerah
</th>

<th>
Deskripsi
</th>

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

</tr>

</thead>



<tbody>


@forelse($dataBudaya as $item)


<tr>


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



<td>


@if($item->gambar)


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


@else

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

@endif


</td>



<td>
{{ $item->nama_budaya }}
</td>



<td>
{{ $item->jenis_budaya }}
</td>



<td>
{{ $item->asal_daerah }}
</td>



<td>

{{ Str::limit($item->deskripsi,80) }}

</td>



<td>


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

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

</a>



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


@csrf

@method('DELETE')


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


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


</button>


</form>


</td>


</tr>



@empty


<tr>

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

Belum ada data budaya

</td>

</tr>


@endforelse



</tbody>


</table>


</div>


</div>


</div>


</div>


@endsection