{% extends "admin/layout.html.twig" %}

{% block content %}
	{% verbatim %}
		<div id="app">
			<h3>Filter By Category</h3>
			<select v-model="category">
				<option value="Accessories">Accessories</option>
				<option value="Laptop">Laptop</option>
				<option value="Stationary">Stationary</option>
			</select>
			<ul>
				<li v-for="product in filterProductsByCategory">Product Name :
					{{product.name}}
					- Price :
					{{product.price}}
					({{product.category}})</li>
			</ul>
		</div>
	{% endverbatim %}

{% endblock %}