@extends('layouts.app')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
		<h1 style="text-align:center">
			<span style="font-weight:normal">This is a Forum package</span>
		</h1>
		<a href="{{ route('forum.add') }}" class="btn btn-info btn-sm pull-right">Add Topic</a>
		<a href="{{ route('category.add') }}" class="btn btn-info btn-sm pull-right" style="margin-right: 5px">Add Category</a>
				<div style="padding: 0px 0px 0px 0px; width: 450px;">
					<form action="/search/contractors" method="POST" role="search" target="_self">
						{{ csrf_field() }}
						<div class="input-group">
							<input type="text" class="form-control" name="q"
								placeholder="search..." /> 
							<span class="input-group-btn">
								<button type="submit" class="btn btn-success">
									<span class="fa fa-search"></span>
								</button>
							</span>
						</div>
					</form>
				</div>
		<table class="table table-bordered table-hover table-sm table-light">
			<thead class="thead-light">
					<th>Topic</th>
					<th>Description</th>
					<th>Category</th>
					<th>Status</th>
					<th>Created</th>
					<th width="120px">Action</th>
			</thead>
			<tbody>
			@foreach($data['topics'] as $topic)
				<tr>
					<td>{{ $topic->topic }}</td>
					<td>{{ $topic->description }}</td>
					<td><span class="badge badge-pill badge-info" style="background-color: {{ $topic->cat->color }} !important;">{{ $topic->cat->title }}</span></td>
					<td><span class="badge badge-pill  badge-{{ ($topic->status)?'success':'danger' }}">{{ $topic->status?'Active':'Inactive' }}</span></td>
					<td>{{ $topic->created_at }}</td>
					<td>
						<a href="{{ URL::to('edit_topic',$topic->id) }}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i></a>
						<a href="{{ URL::to('view_topic',$topic->id) }}" class="btn btn-info btn-sm"><i class="fa fa-eye"></i></a>
						<a onclick="view_audit('{{ $topic->id }}')" class="btn btn-light btn-sm"><i class="fa fa-list"></i></a>
					</td>
				</tr>
			@endforeach
			</tbody>
	   </table>
	   <div class="pull-right">
	   @if(count($data['topics']) > 0)
	   {{ $data['topics']->links() }}
		@endif
		</div>
					
		</div>
	</div>
</div>
@endsection