{% extends '../_layouts/_main.twig' %}
{% block addition %}
	<link rel="stylesheet" href="/css/partials/userspace.css" type="text/css" media="all" />
{% endblock %}
{% block content %}
	<div class="cp-userspace">
		<div class="cp-userspace-topInfo">
			<ul class="cp-userspace-topInfo__list">
				<li title="Speaks Estonian from Estonia"><img src="/images/flag/ee.png" alt="" width="24" height="18">.ee</li>
				<li>ERAKLIENT</li>
				<li class="sep">Сумма кредита (EUR): <strong>350</strong>, дней кредита: <strong>14</strong>.  Свободно кредита: <strong>177.23 eur</strong></li>
			</ul>
		</div>
		<div class="cp-userspace-topInfo">
			<ul class="cp-userspace-topInfo__list">
				<li title="Speaks Estonian from Estonia"><img src="/images/flag/ee.png" alt="" width="24" height="18">.ee</li>
				<li><strong>MЕTCARS OÜ</strong> Фирма -25%</li>
				<li class="sep">Сумма кредита (EUR): <strong>350</strong>, дней кредита: <strong>14</strong>.  Свободно кредита: <strong>177.23 eur</strong></li>
			</ul>
		</div>
		<div class="cp-userspace-topContainer">
			<div class="cp-userspace-vip">VIP</div>
			<div class="cp-userspace-topInfo">
				<ul class="cp-userspace-topInfo__list">
					<li title="Speaks Estonian from Estonia"><img src="/images/flag/ee.png" alt="" width="24" height="18">.ee</li>
					<li><strong>MЕTCARS OÜ</strong> Фирма -25%</li>
					<li class="sep">Сумма кредита (EUR): <strong>350</strong>, дней кредита: <strong>14</strong>.  Свободно кредита: <strong>177.23 eur</strong></li>
				</ul>
			</div>
		</div>

		<br /><br />

		<div class="cp-userspace-tabs">
			<ul class="cp-userspace-tabs__list">
				<li>
					<a href="#">Профиль</a>
				</li>
				<li>
					<a href="#"><i class="fa fa-shopping-cart"></i> Корзина</a>
				</li>
				<li class="active">
					<a href="#">Заказ 1336033</a>
				</li>
				<li>
					<a href="#">Заказы (62)</a>
				</li>
				<li>
					<a href="#">Предложения</a>
				</li>
				<li>
					<a href="#">Кредитные счета</a>
				</li>
				<li>
					<a href="#">Письма</a>
				</li>
				<li>
					<a href="#">История просмотров</a>
				</li>
			</ul>
		</div>

		{#<div class="cp-userspace-pane">
			<div class="cp-userspace-orderType">
				<div class="u-result">
					<div class="u-result__icon">
						<img src="/images/pages/cp-userspace/order-type-phone.png" alt="" />
					</div>
					<div class="u-result__body">
						<div class="text">Заказ сделан по телефону</div>
						<a href="#" class="u-toggle">Изменить</a>
					</div>
					<input type="hidden" name="orderType" value="phone" />
				</div>
				<div class="u-list">
					<div class="u-list__head">
						<div class="u-list__title">
							Выбери метод заказа:
						</div>
						<div class="u-list__closer">
							<a href="#" class="u-toggle"><i></i>Закрыть</a>
						</div>
					</div>
					<ul class="u-list__body">
						<li>
							<a href="#" class="u-list__link active" data-type="phone" data-text="Заказ сделан по телефону">
								<i><img src="/images/pages/cp-userspace/order-type-phone.png" alt="" /></i>
								<span>Телефон</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="email" data-text="Заказ сделан по E-mail">
								<i><img src="/images/pages/cp-userspace/order-type-email.png" alt="" /></i>
								<span>Email</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="skype" data-text="Заказ сделан по Skype">
								<i><img src="/images/pages/cp-userspace/order-type-skype.png" alt="" /></i>
								<span>Чат (Skype, WhatsApp)</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="shop" data-text="Заказ сделан в магазине">
								<i><img src="/images/pages/cp-userspace/order-type-shop.png" alt="" /></i>
								<span>Магазин</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="online" data-text="Заказ сделан на сайте">
								<i><img src="/images/pages/cp-userspace/order-type-online.png" alt="" /></i>
								<span>Online-каталог</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="api" data-text="Заказ сделан по API Script">
								<i><img src="/images/pages/cp-userspace/order-type-api.png" alt="" /></i>
								<span>API script</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="reorder" data-text="Перезаказ товара">
								<i><img src="/images/pages/cp-userspace/order-type-reorder.png" alt="" /></i>
								<span>Перезаказ товара</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="request" data-text="Запрос запчастей">
								<i><img src="/images/pages/cp-userspace/order-type-request.png" alt="" /></i>
								<span>Запрос запчастей</span>
							</a>
						</li>
						<li>
							<a href="#" class="u-list__link" data-type="subscribe" data-text="Подписка на запчасти">
								<i><img src="/images/pages/cp-userspace/order-type-subscribe.png" alt="" /></i>
								<span>Подписка на запчасти</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>#}

		<div class="cp-userspace-pane">
			Content here
		</div>

	</div>
{% endblock %}