@extends('layouts.cmsapp')

@section('cms_content')
	<!-- Main content -->
	<div class="main-content">
		<div class="row">
			<div class="col-lg-8">
				<h1 class="page-title">News & Events</h1>
				<!-- Breadcrumb -->
				<ol class="breadcrumb breadcrumb-2">
					<li><a href="{{route('home')}}"><i class="fa fa-home"></i>Home</a></li>
					<li class="active"><strong>News & Events</strong></li>
				</ol>
			</div>
			<div class="col-lg-4 ">
				<a href="{{ route('news.create') }}" class="btn btn-success pull-right">
					Add News & Events
				</a>
			</div>
		</div>
		<div class="line-dashed"></div>

		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">

					<div class="panel-body">
						<div class="table-responsive">
							<table class="table table-striped table-bordered table-hover dataTables-example">
								<thead>
									<tr>
										<th width="2%">S.No.</th>
										<th>Title</th>
										<th>Type</th>
										<th width="20%">Action</th>
									</tr>
								</thead>
								<tbody>
									
	@foreach ($news_data as $news) 
	<tr>
										<td>{{ $loop->iteration }}</td>
										<td>{{ $news->title ?? '' }}</td>
										<td>
    @if ($news->news_type === 'news')
        <span class="label label-info">News</span>
    @elseif ($news->news_type === 'event')
        <span class="label label-success">Event</span>
    @else
        <span class="label label-default">{{ $news->news_type }}</span>
    @endif
</td>

										<td>

											<form action="{{ route('news.destroy', $news->id) }}" method="POST">
												@csrf
												@method('DELETE')
												<input name="_method" type="hidden" value="DELETE">
												<a href="{{ route('news.edit', $news->id) }}"
													class="btn btn-success btn-sm">
													Edit
												</a>
												<button class="btn btn-danger btn-sm" type="submit">Delete</button>
											</form>

										</td>
									</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

@endsection