<form action="{{ action }}" class="signal-form form form-material-labels" data-validate method="post">
	<div class="inputs">

		<div class="frow">
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="text" name="first_name" rv-value="form.first_name" required>
					<label>{{__ 'Prenume'}}</label>
				</div>
			</div>
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="text" name="last_name" rv-value="form.last_name" required>
					<label>{{__ 'Nume'}}</label>
				</div>
			</div>
		</div>
		<div class="frow">
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="email" name="email" required rv-value="form.email">
					<label>{{__ 'Adresa de email'}}</label>
				</div>
			</div>
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="text" name="phone" rv-value="form.phone">
					<label>{{__ 'Alte date de contact (ex: Telefon)'}}</label>
				</div>
			</div>
		</div>
		<div class="frow">
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="number" name="age" rv-value="form.age" min="1" max="132">
					<label>{{__ 'Vârsta'}}</label>
				</div>
			</div>
			<div class="col-sm-6 col-xs-12">
				<div class="form-group">
					<input type="text" name="profession" rv-value="form.profession">
					<label>{{__ 'Ocupația sau profesia'}}</label>
				</div>
			</div>
		</div>
		<div class="frow mt-1">
			<div class="col-xs-12">
				<div class="form-group">
					<textarea name="message" required rows="3" rv-value="form.message"></textarea>
					<label>{{__ 'Mesaj'}}</label>
				</div>
			</div>
		</div>
		<div class="social mt-1">
			<p class="ta-c fw-7 tt--uppercase">{{__ 'autentificare prin rețele sociale'}}</p>
			<div class="social-icons social-icons--with-bg ta-c">
				<a href="/auth/facebook" class="icon--facebook">
					<i class="fa fa-facebook-square"></i>
				</a>
				<a href="/auth/twitter" class="icon--twitter">
					<i class="fa fa-twitter"></i>
				</a>
				<a href="/auth/google" class="icon--google">
					<i class="fa fa-google-plus"></i>
				</a>
				<a href="/auth/odnoklassniki" class="icon--odnoklassniki">
					<i class="fa fa-odnoklassniki"></i>
				</a>
				<a href="/auth/vk" class="icon--vk">
					<i class="fa fa-vk"></i>
				</a>
			</div>
		</div>

		<div class="file-input mt-1">
			<input type="file" multiple name="files[]">
			<button class="btn btn--file-input" type="button">{{__ 'Atașează fișiere'}}</button>
			<ul class="files-list">
				<li rv-each-file="form.files">
					<div class="file-icon" rv-if="file.isImage" rv-style-background-image="file.background"></div>
					<div class="file-details done">
						<span class="name">{file.name}</span>
						<div class="file-progress">
							<span class="percent"></span>
							<span class="bar"><span class="inner"></span></span>
							<span class="check"></span>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div class="mt-1">
			<div class="g-recaptcha" data-sitekey="6LdiDj4UAAAAAJqCjCMjZNfKsWSHKSAhbFEq_8T8"></div>
		</div>

	</div>

	<div class="bottom-content">
		<a href="/{{ __exposed.currentLanguage }}" class="btn btn--cancel">{{__ 'Anulează'}}</a>
		<button class="btn btn--accent btn--submit btn--rounded" type="submit">{{__ 'Trimite'}}</button>
	</div>
</form>

<script type="text/html" id="file-item">
	<li>
		<div class="file-icon"></div>
		<div class="file-details done">
			<span class="name"></span>
			<div class="file-progress">
				<span class="percent"></span>
				<span class="bar"><span class="inner"></span></span>
				<span class="check"></span>
			</div>
		</div>
	</li>
</script>
