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

{% block extracss %}
  {{ parent() }}
  <style>
	small em {
		color: #808080;
	}
  </style>
{% endblock extracss %}

{% block content %}
	<div class="content">
		<div class="row">
			<div class="col-sm-6">
				<div class="card">
					<div class="card-header">
						<h4>Food Categories for {{ place.name }}</h4>
						<small><em>Categories help you group your food menu items making it easier for users to find specific items on Cravvings e.g. breakfast, grill, sides etc. It is not optional (but recommended) to use categories.</em></small>
					</div>
					<div class="card-body">
						<table class="table table-default">
							<thead>
								<tr>
									<th>Name</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								{% for item in place.category %}
									<tr>
										<td>{{ item }}</td>
										<td><a class="btn btn-danger" href="{{ path('deleteCategory', {'name': item, 'place_slug': place.slug }) }}">Delete</a></td>
									</tr>
								{% endfor %}
								{% if not place.category %}
									<tr style="text-align: center;">
										<td colspan="2">No categories</td>
									</tr>
								{% endif %}
							</tbody>
						</table>
						<a href="{{ path('items', {'place_slug': place.slug})}}" class="btn btn-default" style="margin-top: 15px;">Add Food Menu</a>
					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="card">
					<div class="card-header"><h4>Add New Category</h4></div>
					<div class="card-body">
						<form action="{{ path('addCategory', {'place_slug': place.slug}) }}" method="POST" name="edit">
							<div class="form-group">
								<input type="text" name="name" class="form-control" placeholder="Category Name (breakfast, grill, rice dishes, etc)">
							</div>
							<input type="submit" name="submit" value="Save" class="btn btn-primary">
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

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