{% extends 'base1.html.twig' %}

{% block content %}
	<div class="content">
		<div class="row">
			<div class="col-sm-10">
				<div class="card">
					<div class="card-header" style="display: flex; justify-content: space-between; align-items: center;">
						<h3>Places</h3>
						<form action="{{ path('businesses') }}">
							<div class="form-group" style="display: flex; justify-content: space-between; align-items: center;">
								<input type="text" name="search" class="form-control" style="height: inherit !important;">
								<button class="btn btn-other"><i class="fa fa-search"></i></button>
							</div>
						</form>
					</div>
					<div class="card-body">
						<table class="table table-default">
							<thead>
								<tr>
									<th>Name</th>
									<th>Owner</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								{% for item in places_paginated %}
									<tr>
										<td>{{ item.name }}</td>
										<td>{{ item.owner }}</td>
										<td><a class="btn btn-success" href="{{ path('register', {'slug': item.slug}) }}">Claim</a></td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
                        <div class="navigation">
                            {{ knp_pagination_render(places_paginated) }}
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script>
		
	</script>
{% endblock %}