@extends('mainlayout')

@section('title')
MILIKI | Register
@endsection

			@section('content')


			 <!--Login Register section start-->
			        <div class="login-register-section section section-padding-bottom" style="margin-top:4em">
			            <div class="container">
			                <div class="row">

			                   
			                    <div class="col-12">
			                    	<div class="login-form-wrapper login_screen" style="margin: auto;width: 50%;">
			                                    <h3 class="title">Welcome,</h3></h3>
			                                    <p>Fill details below to complete your registration.</p>
			                                    @if ($errors->any())
			                                        <div class="alert alert-danger">
			                                            <ul>
			                                                @foreach ($errors->all() as $error)
			                                                    <li>{{ $error }}</li>
			                                                @endforeach
			                                            </ul>
			                                        </div>
			                                    @endif
			                                    @if(session('error'))
			                                    <div class="alert alert-danger">
			                                            <ul>
			                                                    <li>{{  session('error') }}</li>
			                                              
			                                            </ul>
			                                        </div>
			                                    @endif
			                                    <form class="login-form" method="POST" action="/onboard/api">
			                                          @csrf
			                                         <div class="row">
			                                         	<div class="col-md-4">
			                                         		<div class="single-input mb-30">
			                                         		    <label for="firstname">First Name</label>
			                                         		    <input id="firstname" type="text" name="firstname" value="{{old('firstname')}}" required >
			                                         		</div>
			                                         	</div>
			                                         	
			                                         	<div class="col-md-4">
			                                         		<div class="single-input mb-30">
			                                         		    <label for="middlename">Middle Name (optional)</label>
			                                         		    <input id="middlename" type="text" name="middlename" value="{{old('middlename')}}">
			                                         		</div>
			                                         	</div>

			                                         	<div class="col-md-4">
			                                         		<div class="single-input mb-30">
			                                         		    <label for="lastname">Last Name</label>
			                                         		    <input id="lastname" type="text" name="lastname" value="{{old('lastname')}}" required>
			                                         		</div>
			                                         	</div>
			                                         	
			                                         </div>
			                                        

			                                        <div class="single-input mb-30">
			                                            <label for="email">Email</label>
			                                            @if(session('country')=='255')
			                                            <input id="email" type="email" name="email" value="{{old('email')}}">
			                                            @else
			                                            <input id="email" type="email" name="email" value="{{old('email')}}" required>
			                                            @endif
			                                        </div>

			                                        
			                                        <div class="single-input mb-30">
			                                            <button class="btn btn-primary btn-hover-secondary btn-width-100">Complete</button>
			                                        </div>

			                                    </form>
			                                </div>
			                    </div>

			                </div>
			            </div>
			        </div>
			        <!--Login Register section end-->
			@endsection