@extends('layout')
@section('content')

	<!-- page title -->
	<section class="section section--first section--bg" data-bg="{{url('/')}}/assets/front/img/section/section-bg.jpg" style="background: rgba(0, 0, 0, 0) url(&quot;{{url('/')}}/assets/front/img/section/section-bg.jpg&quot;) no-repeat scroll center center / cover;">
		<div class="container">
			<div class="row">
				<!-- section title -->
				<div class="col-12 col-sm-10 offset-sm-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
					<h2 class="section__title section__title--white">@include('partials.breadcrumb')</h2>
				</div>
				<!-- end section title -->
			</div>
		</div>
	</section>
	<!-- end page title -->
	
    <!-- register begin-->
    <div class="contact register sign">
		<!-- particles -->
		<div id="particles-js" class="sign__particles"><canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1349" height="613"></canvas></div>
		<!-- end particles -->
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-12 col-lg-12 pt-5 pb-5 sign__content">
                    @if($basic->registration == 1)
                    <form class="contact-form sign__form" method="POST" action="{{ route('register') }}">
						<a href="/"><img class="sign__logo" src="{{url('/')}}/assets/front/img/logo.svg" alt=""></a>
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="text" class="form-control form__input" id="InputFirstname" name="name" placeholder="Enter Your Name"
                                           required>
                                    @if ($errors->has('name'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('name') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="text" name="username"  class="form-control form__input" id="InputLastname" placeholder="Enter Your Username"
                                           required>
                                    @if ($errors->has('username'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('username') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="email" name="email" class="form-control form__input" id="InputMail" placeholder="Enter Your E-mail"
                                           required>
                                    @if ($errors->has('email'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('email') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="text" name="phone" class="form-control form__input" id="InputUsername" placeholder="Enter Your Conatct Number"
                                           required>
                                    @if ($errors->has('phone'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('phone') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="password" name="password" class="form-control form__input" id="InputPassword" placeholder="Enter Your Password"
                                           required>
                                    @if ($errors->has('password'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('password') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="password" class="form-control form__input" name="password_confirmation" id="InputRetypepassword" placeholder="Re-type Password"
                                           required>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 text-center">
                                <button type="submit" class="btn">Sign Up</button>
                            </div>

                            <div class="col-xl-12 col-lg-12 text-center">
                                <div class="form-group mb-0 checkbox">
                                    <div class="form-check pl-0 sign__forgot text-center">
                                        <span>Already have an account ? <a href="{{route('login')}}"> Sign In</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    @else
                        <h3 class="text-danger">Registration Has been Closed By Admin</h3>

                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- register end -->

@endsection