@extends('auth.auth_template')
@section('content')
<!-- <style>.login-page, .register-page {
    background: url(/images/backgroundregi.jpg) !important;
    background-size: cover !important;
    background-position: center center;
}
#form-total .actions {
    display: none;
}
</style> -->

<style>
    .card{
        background: transparent !important;
        box-shadow:none !important;
    }
    .signtx{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px!important;
        color: #fff;
    }
    .form-control {
        border: none !important;
    }
</style>

<div class="login-box clientsider col-lg-5 col-xl-4" id="regiClient">	
<div class="card-header bor0">
            <a href="{{url('/')}}" class="logo"><img style="margin-bottom:15px;" src="{{ asset('/images/logo.png') }}" alt="Logo" /></a>            
			<h3 class="signtx">Sign up for Demo Account</h3>	
        </div>
	<div class="register-box-body">
			
		
		<div style="padding:20px;" class="card wizard-form">
			<form class="form-register" id="form-register" action="{{url('storedemo')}}" method="post">
				{{ csrf_field() }}
				<div class="flash-message mrgn-top15">
					@foreach (['danger', 'warning', 'success', 'info'] as $msg)
					@if(Session::has('alert-' . $msg))
					<div class="alert alert-{{ $msg }} alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><h4>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</h4> {{ Session::get('alert-' . $msg) }}</div>
					@endif
					@endforeach
				</div> 
				<div id="form-total">
					<!-- SECTION 1 -->
					
					<section>
						<div class="inner">
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group has-feedback {{ $errors->has('name') ? 'has-error' : '' }}">
										<label style="color:#ffffff;">Name *</label>
										<input type="text" name="name" id="name" class="form-control" placeholder="Full name" value="{{ old('name') }}" autofocus required>
										
										@if ($errors->has('name'))
										<span class="help-block">
											<strong>{{ $errors->first('name') }}</strong>
										</span>
										@endif
									</div>
									
									
									<div class="form-group has-feedback {{ $errors->has('phone') ? 'has-error' : '' }}">
										<label style="color:#ffffff;">Phone *</label>
										<input type="number" name="phone" id="phone" class="form-control" placeholder="Phone" required>
										@if ($errors->has('phone'))
										<span class="help-block">
											<strong>{{ $errors->first('phone') }}</strong>
										</span>
										@endif
									</div>
									
									<div class="form-group">
										<label style="color:#ffffff;"> Deposit Amount *</label>
										<select name="amount" id="amount" class="form-control" >
											<option>100</option>
											<option>500</option>
											<option>1000</option>
											<option>5000</option>
											<option>10000</option>
										</select>
									</div>
									
									
									
								</div>
								<div class="col-sm-6">
									<div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}">
										<label style="color:#ffffff;">Email *</label>
										<input type="email" name="email" id="email" class="form-control" placeholder="Email" value="{{ old('email') }}" required>
										
										@if ($errors->has('email'))
										<span class="help-block">
											<strong>{{ $errors->first('email') }}</strong>
										</span>
										@endif
									</div>
									<div class="form-group has-feedback {{ $errors->has('address') ? 'has-error' : '' }}">
										<label style="color:#ffffff;">Address *</label>
										
										<input type="text" name="address" id="address" class="form-control" placeholder="Address" required>
										@if ($errors->has('address'))
										<span class="help-block">
											<strong>{{ $errors->first('address') }}</strong>
										</span>
										@endif
									</div>
									
									<div class="form-group has-feedback ">
										<label style="color:#ffffff;">Country *</label>
										<select name="country" class="form-control">
											@foreach($countrylist as $country)
											<option value='{{ $country->name }}'>{{ $country->name }}</option>
											@endforeach
										</select>
									</div>
									
								
									
								</div>
								
							</div>
						</div>
						<button style="margin-top:20px;" type="submit" class="btn btn-primary btn-block btn-flat">Register</button>
					</section>
				</div>
			</form>
		</div>		
	</div>
</div>
<div class="d-none d-sm-block col-lg-7 col-xl-8 p-0 bg-img-login bg-dark h-100" style="background-image: url(/images/test2.png); background-position: center right; background-size: contain;background-repeat:no-repeat;">
<div class="">
		<div class="titel p-4 p-md-5">
			<div class="ms-lg-5 mt-4">
				<h1 class="whiteclr">Get Started.</h1>
				<p class="whiteclr">Create an account to experience our<br>powerful CRM tool.</p>
			</div>
		  </div>
		</div>
</div>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
<link rel="stylesheet" type="text/css" href="{{ asset("css/register.css") }}" />

@endsection