{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_b">
			<li class="active">
				<a href="banner-list.html">Баннеры</a>
			</li>
			<li>
				<a href="infostrip-list.html">Инфополоски</a>
			</li>
		</ul>
		<div class="panel-body">

			<div class="cp-banners">
				<div class="cp-banners-header">
					<div class="pull-md-left">
						<h1>Управление баннерами</h1>
					</div>
					<div class="pull-md-right">
						{#<a href="#modal-cp-banner" class="btn btn-primary" data-toggle="modal">Создать новый баннер</a>#}
						<ul class="list-inline list-inline-4 text-right">
							<li><a href="banner-item.html" class="btn btn-success">Создать новый баннер</a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>

				<div class="cp-banners-filter">
					<div class="cp-banners-filter__row">
						<div class="cp-banners-filter__col min-w-200">
							<div class="form-group">
								<div class="form-label">Найти по названию</div>
								<div class="form-field">
									<input class="form-control" type="text" value="" />
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__col">
							<div class="form-group">
								<div class="form-label">Статус</div>
								<div class="form-field">
									<select class="form-control selectpicker" data-container="body">
										<option>Все</option>
										<option>Активен</option>
										<option>Истёк</option>
										<option>Отключён</option>
										<option>Ожидает</option>
									</select>
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__col">
							<div class="form-group">
								<div class="form-label">Расположение</div>
								<div class="form-field">
									<select class="form-control selectpicker" data-container="body">
										<option>Все</option>
										<option>Хедер</option>
										<option>Футер</option>
									</select>
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__col">
							<div class="form-group">
								<div class="form-label">Языки</div>
								<div class="form-field">
									<select class="form-control selectpicker" multiple data-container="body" title="Все">
										<option>Estonian</option>
										<option>Finnish</option>
										<option>Russian</option>
										<option>English</option>
										<option>Polish</option>
										<option>Lithuanian</option>
										<option>Latvian</option>
										<option>Swedish</option>
										<option>Norwegian</option>
										<option>Germany</option>
										<option>France</option>
									</select>
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__col">
							<div class="form-group">
								<div class="form-label">Домены/хосты</div>
								<div class="form-field">
									<select class="form-control selectpicker" multiple data-container="body" title="Все">
										<option>.ee</option>
										<option>.fi</option>
										<option>.ru</option>
										<option>.com</option>
										<option>.pl</option>
										<option>.se</option>
										<option>.de</option>
										<option>.fr</option>
									</select>
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__col min-w-175">
							<div class="form-group">
								<div class="form-label">Период</div>
								<div class="form-field">
									<input class="form-control datepicker" type="text" value="" data-datepicker-options="format: D.MM.Y;" />
								</div>
							</div>
						</div>
						<div class="cp-banners-filter__btn">
							<button class="btn btn-primary"><i class="fa fa-search"></i> Найти</button>
						</div>
					</div>
				</div>

				<div class="cp-banners-list">
					<table>
						<thead>
						<tr>
							<th class="td-number">#</th>
							<th class="td-image">&nbsp;</th>
							<th class="td-name">Название (eng)</th>
							<th class="td-status">Статус</th>
							<th class="td-position">Расположение</th>
							<th class="td-langs">Языки</th>
							<th class="td-domains">Домены/хосты</th>
							<th class="td-date">Период</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td class="td-number">01</td>
							<td class="td-image">
								<a href="banner-item.html"><img src="/images/examples/b-annr-bg-center-desktop-0008.png" alt="" /></a>
								<div class="mb-4"></div>
								<ul class="list-inline">
									<li><a href="banner-item.html" class="btn btn-primary">Изменить <i class="fa fa-angle-double-right"></i></a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-eye"></i> Превью</a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-clone"></i> Дублировать</a></li>
								</ul>
							</td>
							<td class="td-name">Tallinn Express 2019</td>
							<td class="td-status"><span class="color-success">&#9679;</span> Активен</td>
							<td class="td-position">Над хедером</td>
							<td class="td-langs">
								<ul class="list-inline-flags">
									<li><img src="/images/flag/ee.png" alt="ee" /></li>
									<li><img src="/images/flag/ru.png" alt="ru" /></li>
									<li><img src="/images/flag/fi.png" alt="fi" /></li>
									<li><img src="/images/flag/gb.png" alt="gb" /></li>
								</ul>
							</td>
							<td class="td-domains">
								ee, ru, fi, en
							</td>
							<td class="td-date">
								<strong>31.12.</strong>2018 – <strong>07.01.</strong>2018
								<div class="color-gray">00:00:00 – 23:59:59</div>
							</td>
						</tr>
						<tr>
							<td class="td-number">02</td>
							<td class="td-image">
								<a href="banner-item.html" class="no-image">No image</a>
								<div class="mb-4"></div>
								<ul class="list-inline">
									<li><a href="banner-item.html" class="btn btn-primary">Изменить <i class="fa fa-angle-double-right"></i></a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-eye"></i> Превью</a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-clone"></i> Дублировать</a></li>
								</ul>
							</td>
							<td class="td-name">Black Friday</td>
							<td class="td-status"><span class="color-danger">&#9679;</span> Отключён</td>
							<td class="td-position">Над хедером</td>
							<td class="td-langs">
								<ul class="list-inline-flags">
									<li><img src="/images/flag/ee.png" alt="ee" /></li>
									<li><img src="/images/flag/ru.png" alt="ru" /></li>
									<li><img src="/images/flag/fi.png" alt="fi" /></li>
									<li><img src="/images/flag/gb.png" alt="gb" /></li>
								</ul>
							</td>
							<td class="td-domains">
								ee, ru, fi, en
							</td>
							<td class="td-date">
								<strong>31.12.</strong>2018 – <strong>07.01.</strong>2018
								<div class="color-gray">00:00:00 – 23:59:59</div>
							</td>
						</tr>
						<tr>
							<td class="td-number">01</td>
							<td class="td-image">
								<a href="banner-item.html"><img src="/images/examples/b-annr-bg-center-desktop-0013.jpg" alt="" /></a>
								<div class="mb-4"></div>
								<ul class="list-inline">
									<li><a href="banner-item.html" class="btn btn-primary">Изменить <i class="fa fa-angle-double-right"></i></a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-eye"></i> Превью</a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-clone"></i> Дублировать</a></li>
								</ul>
							</td>
							<td class="td-name">Коврики –20%</td>
							<td class="td-status"><span class="color-warning">&#9679;</span> Ожидает</td>
							<td class="td-position">Над хедером</td>
							<td class="td-langs">
								<ul class="list-inline-flags">
									<li><img src="/images/flag/ee.png" alt="ee" /></li>
									<li><img src="/images/flag/ru.png" alt="ru" /></li>
									<li><img src="/images/flag/fi.png" alt="fi" /></li>
									<li><img src="/images/flag/gb.png" alt="gb" /></li>
									<li><img src="/images/flag/de.png" alt="de" /></li>
									<li><img src="/images/flag/pl.png" alt="pl" /></li>
									<li><img src="/images/flag/lt.png" alt="lt" /></li>
									<li><img src="/images/flag/lv.png" alt="lv" /></li>
								</ul>
							</td>
							<td class="td-domains">
								ee, ru, fi, en
							</td>
							<td class="td-date">
								<strong>31.12.</strong>2018 – <strong>07.01.</strong>2018
								<div class="color-gray">00:00:00 – 23:59:59</div>
							</td>
						</tr>
						<tr>
							<td class="td-number">02</td>
							<td class="td-image">
								<a href="banner-item.html"><img src="/images/examples/b-annr-bg-center-desktop-0019.jpg" alt="" /></a>
								<div class="mb-4"></div>
								<ul class="list-inline">
									<li><a href="banner-item.html" class="btn btn-primary">Изменить <i class="fa fa-angle-double-right"></i></a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-eye"></i> Превью</a></li>
									<li><a href="#" class="blank-link"><i class="fa fa-clone"></i> Дублировать</a></li>
								</ul>
							</td>
							<td class="td-name">Ночная скидка до –5%</td>
							<td class="td-status"><span class="color-gray">&#9679;</span> Истёк</td>
							<td class="td-position">Над хедером</td>
							<td class="td-langs">
								<ul class="list-inline-flags">
									<li><img src="/images/flag/ee.png" alt="ee" /></li>
									<li><img src="/images/flag/ru.png" alt="ru" /></li>
									<li><img src="/images/flag/fi.png" alt="fi" /></li>
									<li><img src="/images/flag/gb.png" alt="gb" /></li>
								</ul>
							</td>
							<td class="td-domains">
								ee, ru, fi, en
							</td>
							<td class="td-date">
								<strong>31.12.</strong>2018 – <strong>07.01.</strong>2018
								<div class="color-gray">00:00:00 – 23:59:59</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div><!--.cp-banners-->

			<div class="mb-32"></div>

			<div class="navigation">
				<ul class="pages">
					<li class="prev"><a href="#"><i class="fa fa-angle-left"></i>&nbsp; Назад</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li class="current"><a href="#">3</a></li>
					<li><span>...</span></li>
					<li><a href="#">20</a></li>
					<li><a href="#">21</a></li>
					<li><a href="#">22</a></li>
					<li><span>...</span></li>
					<li><a href="#">111</a></li>
					<li><a href="#">112</a></li>
					<li><a href="#">113</a></li>
					<li class="next"><a href="#">Вперёд &nbsp;<i class="fa fa-angle-right"></i></a></li>
				</ul>
				<div class="options">
					Показать на странице
					<div class="dropup inline-block">
							<span data-toggle="dropdown">
								10 <i class="fa fa-caret-down"></i>
							</span>
						<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
							<li><a href="#">50</a></li>
							<li><a href="#">100</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div class="mb-16"></div>

		</div>
	</div>
{% endblock %}