@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>
				<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 width="100px">Replies</th>
					<th width="100px">Views</th>
					<th width="100px">Activity</th>
			</thead>
			<tbody>
			@foreach($data['topics'] as $topic)
				<tr>
					<td>
						<h4><a href="{{ route('web.view_topic', $topic->id) }}">{{ $topic->topic }}</a></h4>
						<small><span class="badge badge-pill badge-info" style="background-color: {{ $topic->cat->color }} !important;">{{ $topic->cat->title }}</span></small>
					</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			@endforeach
			</tbody>
	   </table>
	   <div class="pull-right">
	   @if(count($data['topics']) > 0)
	   {{ $data['topics']->links() }}
		@endif
		</div>
					
		</div>
	</div>
</div>
@endsection