@extends('admin.layouts.admin_app')
@section('dashboard_content')
	@if (Session::get('message'))
		<div class="alert alert-success alert-dismissible">
		  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
		  <strong>{!! Session::get('message')  !!}</strong>
		</div>
	@endif
<header class="page-header">
	<h2>Blog</h2>
</header>
<!-- start: page -->
<section class="panel">
	<header class="panel-heading">
		<div class="row" style="padding-left: 3rem; padding-right: 3rem; display: flex;  align-items: center;">
			<h2 class="panel-title col-sm-11">Publications</h2>
			<div class="col-sm-1 text-right">
				<a href="{{ route('blog.create') }}" class="btn btn-primary">Publish <i class="fa fa-plus"></i></a>
			</div>
		</div>
		
	</header>
	<div class="panel-body">
		<div class="row">
			<div class="col-sm-6">
				<div class="mb-md">
					<a href="{{ route('blog.create') }}" class="btn btn-primary">Publish <i class="fa fa-plus"></i></a>
				</div>
			</div>
		</div>
		<table class="table table-bordered table-striped" id="datatable-tabletools">
			<thead>
				<tr>
					<th>#</th>
					<th>Image</th>
					<th>Title</th>
					<th>Description</th>
					<th>Tools</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($blogs as $key => $blog)
					<tr data-item-id="{{ $key + 1 }}">
						<td>{{ $blog->id_blog }}</td>
						@if (isset($blog->thumbnail))
							<td> <img src="{{ asset('uploads/'. $blog->thumbnail)  }}" alt="thumbnails" width="200" height="100"> </td>
						@else
							<td>¯\_(ツ)_/¯</td>
						@endif
						<td>{{ $blog->titulo }}</td>
						<td>{!! $blog->descripcion !!}</td>
						<td class="actions">
							<a href="{{ route('blog.edit', $blog->id_blog) }}" class="edit-post"><i class="fa fa-pencil"></i></a>
							<form action="{{ route('blog.destroy', $blog->id_blog)}}" method="post">
								@csrf
								@method('DELETE')
								<button class="remove-post" onclick="return confirm('¿Are you sure?')" type="submit"><i class="fa fa-trash-o"></i></button>
							</form>
						</td>
					</tr>
				@endforeach
			</tbody>
		</table>
	</div>
</section>
@endsection