@extends('tickets.layouts.layout')

@section('title', 'Complete Your Account - Loyaltiya Tickets')

@section('content')
	<div class="form-wrapper">
		<div class="app-form">
			<div class="app-form-sidebar">
				<div class="sidebar-sign-logo">
					<img src="{{ asset('web/assets/img/logo-white.png') }}" alt="Loyaltiya Logo">
				</div>
				<div class="sign_sidebar_text">
					<h1>Almost there</h1>
				</div>
			</div>
			<div class="app-form-content">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-xl-5 col-lg-6 col-md-7">
							<div class="registration">
								@if ($errors->any())
									<div class="alert alert-danger">
										<ul class="mb-0">
											@foreach ($errors->all() as $error)
												<li>{{ $error }}</li>
											@endforeach
										</ul>
									</div>
								@endif

								<h2 class="registration-title">Just a couple more details, {{ $name }}</h2>
								<p class="text-muted mt-2">
									@if ($needsEmail)
										We need an email to send your tickets to.
									@else
										Add a mobile number in case an organiser needs to reach you.
									@endif
								</p>

								<form method="POST" action="{{ route('account.complete_registration.store') }}">
									@csrf

									@if ($needsEmail)
										<div class="form-group mt-4">
											<label class="form-label">Email*</label>
											<input class="form-control h_50" type="email" name="email" placeholder="Enter your email" value="{{ old('email', $email) }}" required>
										</div>
									@endif

									<div class="form-group mt-4">
										<label class="form-label">Mobile Number</label>
										<input class="form-control h_50" type="text" name="phone" placeholder="Optional" value="{{ old('phone') }}">
									</div>

									<button class="main-btn btn-hover w-100 mt-4" type="submit">Continue <i class="fas fa-arrow-right ms-2"></i></button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection