@extends('layouts.layout')
@section('content')
<section class="py-5" style="margin-top: 100px">
	<div class="container py-5">
		<h4 class="fw-bold col-xxl-8 mb-3">Halaman Blog Artikel</h4>
		
		<div class="d-flex">
			<a href="{{route('dashboard')}}">Home</a>
			<div class="mx-1">/</div>
			<a href="{{route('dashboard')}}">Blog Artikel</a>
		</div>
		<a href="{{ route('blog.create') }}" class="btn btn-primary">Buat Artikel</a>

		@if(session()->has('success'))
			<div class="alert alert-success alert-dismissible fade show" role="alert">
				<strong>Informasi</strong> {{session('success')}}
				<button type="button" class="btn-close" data-bs-dismis="alert" aria-label="Close"></button>
				
			</div>
		@endif
		<div class="table-responsive py-3">
			<table class="table tabel-bordered">
				<thead>
					<tr>
						<th>#</th>
						<th>image</th>
						<th>judul</th>
						<th>aksi</th>
					</tr>
				</thead>
				<tbody>
					@php
						$no = 1;
					@endphp
					@foreach($artikels as $artikel)
					<tr>
						<td>{{$no ++}}</td>
						<td>
							<img src="{{asset('storage/artikel/'. $artikel->image)}}" height="100px">
						</td>
						<td>{{$artikel->judul}}</td>
						<td>
							<a href="{{route('blog.edit', $artikel->id)}}" class="btn btn-warning">Edit</a>
							<form action="{{ route('blog.destroy', $artikel -> id) }}" method="POST" class="d-inline">
								@csrf
								<button type="submit" onclick="alert('apakah yakin akan dihapus?')" class="btn btn-danger">Hapus</button>
							</form>
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>

	</div>
</section>
@endsection