@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
	<div class="side-app">
		<div class="page-header">
			<h4 class="page-title">Article Management Lists</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{route('admin.article',base64_encode($video_details->id))}}">Article Management</a></li>
				<li class="breadcrumb-item active" aria-current="page">Article Management Lists</li>
			</ol>

        </div>
     
		<div class="row">
            
			<div class="col-md-12">
               
				<div class="card">
                   
					@if(Session::has('success'))

						<div class="alert alert-primary">
							<p>{{ Session::get('success') }}</p>
						</div>

					@endif

					@if(Session::has('errors'))

						<div class="alert alert-danger">
							<p>{{ Session::get('errors') }}</p>
						</div>

                    @endif
                    
                    
					
					<div class="card-header">
						<h3 class="card-title">Article Lists ->{{$video_details->title}}</h3>
						<div class="col-xl-2 col-lg-2 col-md-2 ml-auto">
							<a href="{{route('admin.articleCreate',base64_encode($video_details->id)) }}"><button type="button" class="btn btn-primary">Add New Article</button></a>
						</div>
					</div>

                {{-- <a href="{{route('admin.articleCreate') }}" class="btn btn-dark btn-add text-white" data-toggle="tooltip">Add</a> --}}
					<div class="card-body">
					  <div class="table-responsive" id="vueapp">
						<table id="tables" class="table card-table table-vcenter text-nowrap">
							<thead>
								<tr>
									<th style="text-align: center;">#</th>
									<th style="text-align: center;">Title</th>
                                    <th style="text-align: center;">Description</th>
                                    <th style="text-align: center;">Image</th>
                                    <!-- <th style="text-align: center;">video url type</th> -->
									<th style="text-align: center;">status</th>
									<th style="text-align: center;"></th>
								</tr>
							</thead>
							<tbody>
							
							@foreach($articleList as $key=>$val)
							  <tr>
									<td style="text-align: center;">{{$key+1}}</td>
									<td style="text-align: center;">{{$val->title}}</td>
                                    <td style="text-align: center;">{{str_limit(strip_tags($val->description), $limit = 15, $end = '...')}}</td>
									<td><img src="{{(($val->image != '') ? url('storage/articles/images/'.$val->image) : url('storage/articles/images/no_image.png'))}}"  width="50"></td>
                                    <!-- <td style="text-align: center;">{{(($val->video_type == 1) ? "Embeded" : "Url")}}</td> -->
									<td style="text-align: center;">{{(($val->status == 1) ? "Active" : "Inactive")}}</td>
									
									<td style="text-align: center;">
										<a class="icon" href="javascript:void(0)"></a>
										@if($val->status==2)
											<a href="{{route('admin.aricleStatus',base64_encode($val->id))}}" data-toggle="tooltip" data-original-title="For UnBlock" class="btn btn-warning btn-sm text-white" onclick="return confirm('Are You Sure To Unblock This Article?')"><i class="fa fa-check"></i></a>
										@elseif($val->status==1)
											<a href="{{route('admin.aricleStatus',base64_encode($val->id))}}" data-toggle="tooltip" data-original-title="For Block" class="btn btn-warning btn-sm text-white" onclick="return confirm('Are You Sure To Block This Article?')"><i class="fa fa-lock"></i></a>
										@endif
										
										<a class="btn btn-dark btn-sm text-white" data-toggle="tooltip" data-original-title="Edit" href="{{route('admin.articleEdit', base64_encode($val->id))}}"><i class="fa fa-pencil"></i></a>

										<a class="icon" href="javascript:void(0)"></a>
											<a href="{{route('admin.articleDelete',base64_encode($val->id))}}" data-toggle="tooltip" data-original-title="For Delete" class="btn btn-warning btn-sm text-white" onclick="return confirm('Are You Sure To Delete This Article?')"><i class="fa fa-trash"></i></a>
									</td>
								</tr>
							@endforeach							
							</tbody>
						</table>
						
					  </div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
	$(document).ready(function() {
    		$('#tables').DataTable();
	});	
</script>
@endsection

<style>
    #tables_filter label{margin-right: 136px;}
    .btn-add{width: 120px;display: block;position: absolute; right: 22px;top: 75px;z-index: 999;}

</style>