@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>Category</th>
					<th width="100px">Topics</th>
			</thead>
			<tbody>
			@foreach($data['categories'] as $category)
				<tr  style="border-left: 3px solid red">
					<td>
						<h4><a href="{{ route('web.category_topics', $category->id) }}">{{ $category->title }}</a></h4>
						<small>{{ $category->description }}</small>
					</td>
					<td></td>
				</tr>
			@endforeach
			</tbody>
	   </table>
	   
		</div>
	</div>
</div>
@endsection