@extends('layouts.admin')
@section('content-title')
	{{ __('articles.Articles managements') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.articles')}}
@endsection
@section('css')
<style>
	#article-img{
		height: 100px;
		width: 130px;
	}
</style>
@section('content')
<div class="card-box tilebox-one noradius">
	<section>
		<h2 class="page-header">{{ __('articles.List of Articles')}}</h2>
		<div class="row mb-3">
			<div class="col-sm-12 col-md-2">
				<div class="pull-left">
					<a href="{{ route('admin.article.create')}}" class="btn btn-success">{{ __('articles.New Article') }}</a>
				</div>
			</div>
		</div>

		@if(session()->has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{ session()->get('success') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		@if(session()->has('deleted'))
		<div class="alert alert-warning alert-dismissible fade show" role="alert">
			{{ session()->get('deleted') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		<table class="table table-responsive-xl table-bordered table-striped">
			<thead>
				<tr>
					<th scope="col" width="10">#</th>
					<th scope="col">{{ __('articles.Image') }}</th>
					<th scope="col">{{ __('articles.Name') }}</th>
					<th scope="col">{{ __('articles.shortDecs') }}</th>
					<th scope="col" width="220"></th>
				</tr>
			</thead>
			<tbody>
								@foreach($articles as $article)
				<tr>
				<th scope="row">{{ $i++ }}</th>
				<td><img id='article-img' src="{{ '/uploads/articles/thumbnails/'.$article->thumb }}"></td>
				<td>{{ $article->title }}</td>
				<td>{{ $article->shortDecs }}</td>
				<td>
					<a href="{{ route('admin.articles.edit',['id'=>$article->id])}}" class="btn btn-primary">{{ __('admin.Edit') }}</a>
					{!!Form::open()->locale('admin')->post()->route('admin.article.delete')->attrs(['style'=>'display:inline'])!!}
					{!!Form::hidden('id')->value($article->id)!!}
					{!!Form::submit(__('Delete'))->color("danger")!!}
					{!!Form::close()!!}
				</td>
				</tr>
				</li>
				@endforeach
			</tbody>
		</table>
		{{ $articles->links() }}
		</ul>
	</section>
</div>
@endsection