<div id="filter-bar" class="clearfix">
	<section class="row">
		<div class="col-sm-3">
			<select name="genres" class="form-control" data-bind="value: genre">
				<option value=""><?php echo trans('dash.genres'); ?></option>
					
					<?php foreach ($options->getGenres() as $genre): ?>
						<option value="<?php echo strtolower($genre); ?>"><?php echo $genre; ?></option>
					<?php endforeach; ?>
			</select>

			<ul id="selected-genres" data-bind="foreach: params.genres" class="list-unstyled list-inline">
				<li data-bind="click: $root.removeGenre"><i class="fa fa-times"></i> <span data-bind="text: app.utils.ucFirst($data)"></span></li>
			</ul>
		</div>
		<div class="col-sm-3">
			<input type="text" name="search" class="form-control" placeholder="<?php echo trans('dash.searchByTitle'); ?>" data-bind="value: params.query, valueUpdate: 'keyup'">
		</div>
		<div class="col-sm-3">
			<select name="sort" class="form-control" data-bind="value: params.order">
				<option value=""><?php echo trans('dash.orderBy'); ?></option>
				<option value="release_dateDesc"><?php echo trans('dash.relDateDesc'); ?></option>
				<option value="release_dateAsc"><?php echo trans('dash.relDateAsc'); ?></option>
				<option value="mc_user_scoreDesc"><?php echo trans('dash.rateDesc'); ?></option>
				<option value="mc_user_scoreAsc"><?php echo trans('dash.rateAsc'); ?></option>
				<option value="mc_num_of_votesDesc"><?php echo trans('dash.rateNumDesc'); ?></option>
				<option value="mc_num_of_votesAsc"><?php echo trans('dash.rateNumAsc'); ?></option>
				<option value="titleAsc"><?php echo trans('dash.titleAsc'); ?></option>
				<option value="titleDesc"><?php echo trans('dash.titleDesc'); ?></option>
			</select>
		</div>
		<div class="col-sm-3">
			<input type="text" name="cast" class="form-control" placeholder="<?php echo trans('dash.haveActor'); ?>" data-bind="value: params.cast, valueUpdate: 'keyup'">
		</div>
	</section>

	<section class="row">
		<div class="col-sm-3">
			<input class="form-control date-picker" placeholder="<?php echo trans('dash.relBefore'); ?>" data-bind="value: params.before, picker: 'before'">
		</div>
		<div class="col-sm-3">
			<input class="form-control date-picker" placeholder="<?php echo trans('dash.relAfter'); ?>"  data-bind="value: params.after, picker: 'after'">
		</div>

		<div class="col-sm-3">
			<select name="minRating" class="form-control" data-bind="value: params.minRating">
				<option value=""><?php echo trans('dash.minRating'); ?></option>
				<?php foreach(range(1, 10) as $num): ?>
					<option value="<?php echo $num; ?>"><?php echo $num; ?></option>
				<?php endforeach; ?>
			</select>
		</div>
		<div class="col-sm-3">
			<select name="maxRating" class="form-control" data-bind="value: params.maxRating">
				<option value=""><?php echo trans('dash.maxRating'); ?></option>
				<?php foreach(range(1, 10) as $num): ?>
					<option value="<?php echo $num; ?>"><?php echo $num; ?></option>
				<?php endforeach; ?>
			</select>
		</div>
	</section>
</div>