@extends('layouts.app')
@section('content')
@include('layouts.partial.menu')
<!-- PAGE TITLE
   ================================================== -->
    <style type="text/css">
    @media (max-width: 767.98px){
     /* .rememberme {
    display: block!important;
}*/

img.bg.login-main-img {
    display: none;
}
.sign__wrapper {
    padding: 23px 18px!important;
}
    }
    body{
      padding-right: 0px!important;
    }
   </style>
<section class="signup__area po-rel-z1 pt-100 pb-145">
   <div class="sign__shape">
      
     <!--  <img class="circle" src="{{asset('img/login/circle.png')}}" alt="">
      <img class="zigzag" src="{{asset('img/login/zigzag.png')}}" alt="">
      <img class="dot" src="{{asset('img/login/dot.png')}}" alt=""> -->
      <img class="bg login-main-img" src="{{asset('img/login/sign-up.png')}}" alt="">
   </div>
   <div class="container">
      <div class="row">
         <div class="col-xxl-8 offset-xxl-2 col-xl-8 offset-xl-2">
            <div class="section__title-wrapper text-center" style="margin-bottom: 20px">
               <h2 class="section__title">Create Account <br></h2>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-xxl-6 offset-xxl-3 col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
            <div class="sign__wrapper white-bg">
               <div class="sign__form">
                  <form method="POST" action="{{ route('register') }}">
                     @csrf
                     <!-- Email -->
                     <div class="form-group mb-5">
                        <label for="name">
                        Name
                        </label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="Full Name" value="{{ old('name') }}" autofocus>
                     </div>
                     @error('name')
                     <p class="text-danger">{{ $message }}</p>
                     @enderror
                     <div class="form-group mb-5">
                        <label for="email">
                        Email
                        </label>
                        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Email" value="{{ old('email') }}">
                     </div>
                     @error('email')
                     <p class="text-danger">{{ $message }}</p>
                     @enderror
                     <div class="form-group mb-5">
                        <label for="mobile">
                        Mobile
                        </label>
                        <input type="tel" class="form-control" id="mobile" name="mobile" placeholder="Mobile" maxlength="10" value="{{ old('mobile') }}">
                     </div>
                     @error('mobile')
                     <p class="text-danger">{{ $message }}</p>
                     @enderror
                     <!-- Password -->
                     <div class="form-group mb-5">
                        <label for="password">
                        Password
                        </label>
                        <input type="password" class="form-control" id="password" name="password" placeholder="**********">
                     </div>
                     @error('password')
                     <p class="text-danger">{{ $message }}</p>
                     @enderror
                     <div class="form-group mb-5">
                        <label for="cpassword">
                        Confirm Password
                        </label>
                        <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="**********">
                     </div>
                     @error('password_confirmation')
                     <p class="text-danger">{{ $message }}</p>
                     @enderror
                     <!-- Submit -->
                     <button type="submit" class="btn btn-block btn-primary log1">
                     REGISTER
                     </button>
                  </form>
                  <p class="mb-0 font-size-sm text-center">
                     Have an account? <a class="text-underline" href="{{route('login')}}">Login</a>
                  </p>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- sign up area end -->
@endsection