@extends('merchbay_main')
@section('main-content')
<style>
	.error{
		color: red;
	}
	.g-recaptcha {
		width:100%;
	}
</style>

    <div class="wrapper bg-white pb-5">
        <div class="main__content">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col col-lg-5 pt-5 text-center text-lg-start">
                <h4>Register</h4>
                <hr class="custom-hr" />
              </div>
            </div>
            <div class="row justify-content-center">
              <div class="col col-lg-5">
                <form role="form" id="frm-register">
									<input type="hidden" name="_token" value="{{ csrf_token() }}">
									<div class="mb-3">
										<label class="control-label">Fullname</label>
										<input type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Fullname">
									</div>

									<div class="mb-3">
										<label class="control-label">Username</label>
										<input type="text" class="form-control" name="username" value="{{ old('username') }}" placeholder="Username">
									</div>

									<div class="mb-3">
										<label class="control-label">Email Address</label>
										<input type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="Email Address">
									</div>

									<div class="mb-3">
										<label class="control-label">Password</label>
										<input type="password" class="form-control" name="password" id="password"  required placeholder="Password">
									</div>

									<div class="mb-3">
										<label class="control-label">Confirm Password</label>
										<input type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" data-rule-equalTo="#password" required>
									</div>

									<div class="mb-3">
										<div class="g-recaptcha text-center" data-sitekey="{{ env('CAPTCHA_SITE_KEY') }}"></div>
									</div>
                  <button
                    type="submit"
                    class="btn btn-black btn-sm w-100 mt-3"
                  >
                    Register
                  </button>
                </form>
                <hr class="custom-hr" />
                <div class="py-3 text-start">
                  Have already an account?
                  <a href="{{ url('./auth/login') }}" class="btn btn-green btn-sm w-100"
                    >Login here</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
@endsection