extends ../layout-marketing

block content
	main.content.content-alt#main-content
		.container
			.row
				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
					.card.clear-user-sessions
						.page-header
							h1  #{translate("your_sessions")}

						div
							p.small
								| !{translate("clear_sessions_description")}

						form(
							data-ol-async-form
							action='/user/sessions/clear'
							method='POST'
						)
							input(name='_csrf' type='hidden' value=csrfToken)
							div(data-ol-not-sent)
								if sessions.length == 0
									p.text-center
										| #{translate("no_other_sessions")}

									div(ng-if="state.success == true")
										p.text-success.text-center
											| #{translate('clear_sessions_success')}

								if sessions.length > 0
									table.table.table-striped
										thead
											tr
												th #{translate("ip_address")}
												th #{translate("session_created_at")}
										for session in sessions
											tr
												td #{session.ip_address}
												td #{moment(session.session_created).utc().format('Do MMM YYYY, h:mm a')} UTC

									p.actions
										.text-center
											button.btn.btn-lg.btn-primary(
												type="submit"
												data-ol-disable-inflight
											)
												span(data-ol-inflight="idle") #{translate('clear_sessions')}
												span(hidden data-ol-inflight="pending") #{translate("processing")}…

							div(hidden data-ol-sent)
								p.text-center
									| #{translate("no_other_sessions")}

								p.text-success.text-center
									| #{translate('clear_sessions_success')}
