{% if not user %}

	<div class="account-container">
		<div class="row">
			<div class="col-sm-6 col-md-4 col-md-offset-4">
				{% if input('recovery') == 'true' %}
				<div class="account-signin-container">
					<h1 class="text-center login-title">{{ 'pixel.shop::component.user.recovery'|trans }}</h1>
					<div class="account-wall">
						<img class="profile-img" src="{{ '/plugins/pixel/shop/assets/img/photo.png'|app }}" alt="">
						<form class="form-signin" data-request="onRecovery" accept-charset="UTF-8" data-request-success="Profile.onFinishLogin(data)" novalidate data-request-flash data-request-validate>
							<p class="form-errors">
								<small class="invalid-feedback text-danger" data-validate-for="username"></small>
							</p>

							<input name="email" type="text" class="form-control" placeholder="{{ 'pixel.shop::component.default.email'|trans }}" required autofocus>

							<br>
                            
                            <input type="hidden" name="redirect" value="{{ input('origin') }}">

							<button class="btn btn-lg btn-primary btn-block" type="submit">
								{{ 'pixel.shop::component.user.recovery_button'|trans }}
							</button>
						</form>
					</div>
					<a href="?recovery=false" class="text-center new-account">{{ 'pixel.shop::component.user.sign_in'|trans }}</a>
				</div>
				{% else %}
				<div class="account-signin-container">
					<h1 class="text-center login-title">{{ 'pixel.shop::component.user.sign_in'|trans }}</h1>
					<div class="account-wall">
						<img class="profile-img" src="{{ '/plugins/pixel/shop/assets/img/photo.png'|app }}" alt="">
						<form class="form-signin" data-request="onSignin" accept-charset="UTF-8" data-request-success="Profile.onFinishLogin(data)" novalidate data-request-flash data-request-validate>
							<p class="form-errors">
								<small class="invalid-feedback text-danger" data-validate-for="username"></small>
								<small class="invalid-feedback text-danger" data-validate-for="password"></small>
							</p>

							<input name="username" type="text" class="form-control first" placeholder="{{ 'pixel.shop::component.default.email'|trans }}" required autofocus>
                            <input name="password" type="password" class="form-control last" placeholder="{{ 'pixel.shop::component.default.password'|trans }}" required>
                            
                            <input type="hidden" name="redirect" value="{{ input('origin') }}">

							<button class="btn btn-lg btn-primary btn-block" type="submit">
								{{ 'pixel.shop::component.user.sign_in_button'|trans }}
							</button>

							<br>

							<a href="?recovery=true" class="text-center" style="display: block;">{{ 'pixel.shop::component.user.recovery_password'|trans }}</a>
						</form>
					</div>
					<a href="#" class="text-center new-account">{{ 'pixel.shop::component.user.register'|trans }}</a>
				</div>

				<div class="account-register-container" style="display: none">
					<h1 class="text-center login-title">{{ 'pixel.shop::component.user.register'|trans }}</h1>
					<div class="account-wall">
						<img class="profile-img" src="{{ '/plugins/pixel/shop/assets/img/photo.png'|app }}" alt="">
						<form class="form-signin" data-request="onRegister" accept-charset="UTF-8" data-request-success="Profile.onFinishLogin(data)" novalidate data-request-flash data-request-validate>
							<p class="form-errors">
								<small class="invalid-feedback text-danger" data-validate-for="name"></small>
								<small class="invalid-feedback text-danger" data-validate-for="username"></small>
								<small class="invalid-feedback text-danger" data-validate-for="password"></small>
							</p>

							<input name="name" type="text" class="form-control first" placeholder="{{ 'pixel.shop::component.default.name'|trans }}" required autofocus>
							<input name="email" type="text" class="form-control last" placeholder="{{ 'pixel.shop::component.default.email'|trans }}" required>

							<input name="password" type="password" class="form-control first" placeholder="{{ 'pixel.shop::component.default.password'|trans }}" required>
							<input name="password_confirmation" type="password" class="form-control last" placeholder="{{ 'pixel.shop::component.default.password_confirmation'|trans }}" required>
                            
                            <input type="hidden" name="redirect" value="{{ input('origin') }}">

							<button class="btn btn-lg btn-primary btn-block" type="submit">
								{{ 'pixel.shop::component.user.register_button'|trans }}
							</button>
						</form>
					</div>
					<a href="#" class="text-center returning-account">{{ 'pixel.shop::component.user.sign_in'|trans }}</a>
				</div>
				{% endif %}
			</div>
		</div>
	</div>

{% else %}

	<div class="account-container">
		{% if not user.is_activated %}

		<h3>{{ 'pixel.shop::component.user.is_activated'|trans }}</h3>
		<p>{{ 'pixel.shop::component.user.is_activated_comment'|trans }}</p>

		{% endif %}


		<ul class="nav nav-tabs">            
            {% for tab in __SELF__.tabs %}
            <li {% if loop.first %}class="active"{% endif %}>
                <a data-toggle="tab" href="#{{ tab.id }}">{{ tab.title|trans }}</a>
            </li>
            {% endfor %}

			<li class="pull-right"><a href="#" data-request="onLogOut" data-request-success="location.reload()">{{ 'pixel.shop::component.user.logout'|trans }}</a></li>			
		</ul>

		<div class="tab-content">
            {% for tab in __SELF__.tabs %}
            <div id="{{ tab.id }}" class="tab-pane fade {% if loop.first %}in active{% endif %}">
                <h3>{{ tab.title|trans }}</h3>
                <hr>
                <div id="{{ tab.id }}-content">
                    {{ tab.content|raw }}
                </div>
            </div>
            {% endfor %}
		</div>
	</div>

{% endif %}