@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>Eventos</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">Publicaciones</h2>
			<div class="col-sm-1 text-right">
				<a href="{{ route('eventos.create') }}" class="btn btn-primary">Publicar <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('eventos.create') }}" class="btn btn-primary">Publicar <i class="fa fa-plus"></i></a>
				</div>
			</div>
		</div>
		<table class="table table-bordered table-striped" id="datatable-tabletools5">
			<thead>
				<tr>
					<th>#</th>
					<th>Evento</th>
					<th>Sede</th>
					<th>Responsable</th>
					<th>Fecha</th>
					<th>Herramientas</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($eventos as $key => $evento)
					<tr data-item-id="{{ $key + 1 }}">
						<td>{{ $evento->eventoid }}</td>
						<td>{!! $evento->evento !!}</td>
						<td>{!! $evento->sede !!}</td>
						<td>{!! $evento->responsable !!}</td>
						<td>{{ date_format(date_create($evento->fecha), 'd M, Y') }}</td>
						<td class="actions">
							<a href="{{ route('eventos.edit', $evento->eventoid) }}" class="edit-post"><i class="fa fa-pencil"></i></a>
							<form action="{{ route('eventos.destroy', $evento->eventoid) }}" method="post">
								@csrf
								@method('DELETE')
								<button class="remove-post" onclick="return confirm('¿Estas seguro?')" type="submit"><i class="fa fa-trash-o"></i></button>
							</form>
						</td>
					</tr>
				@endforeach
			</tbody>
		</table>
	</div>
</section>
@endsection