@extends('adminsection.layouts.master')

@section('title')
	Blog
	|| @parent
@stop

@section('page-title')
	Blog 
@stop

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('blog.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<form method="get" class="input-group form-group search-block">
							<input type="text" class="form-control" placeholder="Enter title" name="title" value="{{app('request')->input('title')}}">
							<span class="input-group-btn">
								@if(app('request')->input('title'))
									<a class="btn btn-primary" href="{{route('blog.index')}}">Clear Search</a>
								@else
								<button class="btn btn-primary" type="submit">Search</button>
								@endif
							</span>
						</form>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th>#</th>
							<th>Title</th>
							<th>Published At</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($blogs as $blog)
							<tr>
								<th scope="row">{{$loop->iteration}}</th>
								<td>{{$blog->title}}</td>
								<td>{{carbonDate($blog->published_at, 'y-m-d')}}</td>
								<td>
									<a href="{{route('blog.edit', $blog)}}" class="btn btn-info btn-sm">
										Edit
									</a>
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deleteBlog{{$blog->id}}">
										Delete
									</a>
									<a href="{{route('blog.details', $blog)}}" class="btn btn-light btn-sm">
										View
									</a>
								</td>
							</tr>
							<!-- Modal -->
							<div class="modal fade" id="deleteBlog{{$blog->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="{{route('blog.delete', $blog)}}">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title" id="exampleModalLabel">
													Delete
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to delete {{$blog->name}}?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<span class="float-right">
			{{$blogs->links()}}
		</span>
	</div>
</div>
@stop