@extends('admin.layouts.admin_app')
@section('dashboard_content')
	@if (Session::get('success'))
		<div class="alert alert-success alert-dismissible">
		  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
		  <strong>{!! Session::get('success')  !!}</strong>
		</div>
	@endif
	@if (Session::get('danger'))
		<div class="alert alert-danger alert-dismissible">
		  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
		  <strong>{!! Session::get('danger')  !!}</strong>
		</div>
	@endif
<header class="page-header">
	<h2>Articles</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">Articles</h2>
			<div class="col-sm-1 text-right">
				<a href="{{ route('articulo.create') }}" class="btn btn-primary">Publish <i class="fa fa-plus"></i></a>
			</div>
		</div>
	</header>
	<div class="panel-body">
		<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 ($articulos as $key => $articulo)
					<tr data-item-id="{{ $key + 1 }}">
						<td>{{ $articulo->id_articulo }}</td>
						@if (isset($articulo->thumbnail))
							<td> <img src="{{ asset('uploads/'. $articulo->thumbnail)  }}" alt="thumbnails" width="200" height="100"> </td>
						@else
							<td>¯\_(ツ)_/¯</td>
						@endif
						<td>{!!$articulo->titulo !!}</td>
						<td>{!! $articulo->descripcion !!}</td>
						<td class="actions">
							<a href="{{ route('articulo.edit', $articulo->id_articulo) }}" class="edit-post"><i class="fa fa-pencil"></i></a>
							<form action="{{ route('articulo.destroy', $articulo->id_articulo)}}" 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