{% extends "../base.html" %}

{% block title %}
	{% if mode == "paste" %}
		{{ _("New Paste") }}
	{% elif mode == "upload" %}
		{{ _("Upload File") }}
	{% end %}
{% end block %}

{% block container %}
	<section class="hero is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">Home</a>
						</li>
						<li class="is-active">
							<a href="#" aria-current="page">Nopaste</a>
						</li>
					</ul>
				</nav>
				<h1 class="title">
					{% if mode == "paste" %}
						{{ _("New Paste") }}
					{% elif mode == "upload" %}
						{{ _("Upload File") }}
					{% end %}
				</h1>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="columns">
				<div class="column is-8">
					<form class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
						{% raw xsrf_form_html() %}

						<input type="hidden" name="mode" value="{{ mode }}">

						{% if mode == "paste" %}
							<div class="block">
								<input class="input" type="text" name="subject"
									placeholder="{{ _("Subject") }} ({{ _("optional") }})">
							</div>
						{% end %}

						<div class="block">
							{% if mode == "paste" %}
								<textarea class="textarea" rows="12" name="content"
									placeholder="{{ _("Paste your content here...") }}"></textarea>
							{% elif mode == "upload" %}
								<p class="is-size-4">{{ _("File") }}</p>
								<div class="file has-name is-fullwidth">
									<label class="file-label">
									  	<input class="file-input" type="file" name="file">
									  	<span class="file-cta">
											<span class="file-icon">
										  		<i class="fas fa-upload"></i>
											</span>
											<span class="file-label">
											Choose a file…
											</span>
									  	</span>
									  	<span class="file-name">
											<!-- hier müsste man irgendwie den filenamen anzeigen-->
									  	</span>
									</label>
								</div>

								{% if max_size %}
									<p class="is-size-6">
										{{ _("You may upload up to %s") % format_size(max_size) }}
									</p>
								{% end %}
							{% end %}
						</div>

						<div class="block">
							<p class="is-size-5">Expires</p>

							<div class="select" name="expires">
								<select>
									<option value="0">{{ _("never") }}</option>
									<option value="600">{{ _("after ten minutes") }}</option>
									<option value="3600">{{ _("after one hour") }}</option>
									<option value="{{ 24 * 3600 }}">{{ _("after one day") }}</option>
									<option value="{{ 7 * 24 * 3600 }}">{{ _("after one week") }}</option>
									<option value="{{ 30 * 24 * 3600 }}" selected>{{ _("after one month") }}</option>
								</select>
							</div>
						</div>

						<div class="block">
							<button type="submit" class="button is-primary has-text-weight-bold">
								<i class="fa-solid fa-upload"></i>{{ _("Upload") }}
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
{% end block %}