@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>Videos</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">Videos</h2>
			<div class="col-sm-1 text-right">
				<a href="{{ route('videos.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>Title</th>
					<th>URL</th>
					<th>Tools</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($videos as $key => $video)
					<tr data-item-id="{{ $key + 1 }}">
						<td>{{ $video->video_id }}</td>
						<td>{!! $video->title !!}</td>
						<td>{!! $video->url !!}</td>
						<td class="actions">
							<a href="{{ route('videos.edit', $video->video_id) }}" class="edit-post"><i class="fa fa-pencil"></i></a>
							<form action="{{ route('videos.destroy', $video->video_id)}}" 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