@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>Success Stories</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">Success Stories</h2>
			<div class="col-sm-1 text-right">
					<a href="{{ route('stories.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>Descripción</th> --}}
					<th>Tools</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($stories as $key => $story)
					<tr data-item-id="{{ $key + 1 }}">
						<td>{{ $story->id_historias }}</td>
						@if (isset($story->foto))
							<td> <img src="{{ asset('uploads/'. $story->foto)  }}" alt="thumbnails" width="200" height="100"> </td>
						@else
							<td>¯\_(ツ)_/¯</td>
						@endif
						<td>{!! $story->titulo !!}</td>
						{{-- <td>{!! $story->descripcion !!}</td> --}}
						<td class="actions">
							<a href="{{ route('stories.edit', $story->id_historias) }}" class="edit-post"><i class="fa fa-pencil"></i></a>
							<form action="{{ route('stories.destroy', $story->id_historias)}}" 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