@extends($layout)
@section('content')
<section class="ftco-section">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-6 text-center mb-5">
          <h2 class="heading-section">{{ config('app.name') }}</h2>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-12 col-lg-10">
          <div class="wrap d-md-flex">
            <div class="img" style="background-image: url({{ asset('vendor/user/images/bg-1.jpg') }});">
            </div>
            <div class="login-wrap p-4 p-md-5">
              <div class="d-flex">
                <div class="w-100">
                  <h3 class="mb-4">Sign Up</h3>
                  <!-- <p class="mb-4">Please fill in this form to create an account.</p> -->
                </div>
                <div class="w-100">
                  <p class="social-media d-flex justify-content-end">
                    <a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-facebook"></span></a>
                    <a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-twitter"></span></a>
                  </p>
                </div>
              </div>
              <form action="{{route('user.do-register')}}" method="post" novalidate="novalidate">
              @csrf
              @if (fieldsConfig('name'))
                <div class="form-group mb-3">
                  <label class="label" for="name"><b>Name</b></label>
                  <input type="text" class="form-control" placeholder="Enter Username" name="name" id="name" class="@error('name') is-invalid @enderror" value="{{old('name')}}" required>
                  @error('name')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
                @endif
                @if (usernameConfig('mobiles'))
                <div class="form-group mb-3">
                  <label class="label" for="mobile"><b>mobile</b></label>
                  <input type="text" class="form-control" placeholder="Enter mobile" name="mobile" id="mobile" class="@error('mobile') is-invalid @enderror" value="{{old('mobile')}}" required>
                  @error('mobile')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
                @endif
                @if (usernameConfig('email'))
                <div class="form-group mb-3">
                  <label class="label" for="email"><b>Email</b></label>
                  <input type="email" class="form-control" placeholder="Enter Email" name="email" id="email" class="@error('email') is-invalid @enderror" value="{{old('email')}}" required>
                  @error('email')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
                @endif
                <div class="form-group mb-3">
                  <label class="label" for="psw"><b>Password</b></label>
                  <input type="password" class="form-control" placeholder="Enter Password" name="password" id="psw" class="@error('password') is-invalid @enderror" required>
                  @error('password')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
                <div class="form-group">
                  <!-- <p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p> -->
                  <button type="submit" id="registerbtn" class="form-control btn btn-primary rounded submit px-3">Register</button>
                </div>
              </form>
              <p class="text-center">Already have an account? <a href="{{route('user.login')}}">Login now</a>.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

@endsection