@extends('merchbay_main')

@section('main-content')
{{-- <style>
	.error {
		color: red;
	}

	.form-wrapper {
		margin-top: 20%;
	}
</style>
<div class="wrapper 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>Sign in</h4>
					<hr class="custom-hr" />
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col col-lg-5">
					<div id="login-response-msg"></div>
					<form role="form" id="frm-login">
						<input type="hidden" name="redirect" value="{{ Request::get('redirectUrl')  }}">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<div class="mb-3">
							<label for="exampleInputEmail1" class="form-label">Email address</label>
							<input type="email" class="form-control" name="email" value="{{ old('email') }}" title="Please enter your email address" placeholder="example@gmail.com">
						</div>
						<div class="mb-3">
							<label for="exampleInputPassword1" class="form-label">Password</label>
							<input type="password" class="form-control" name="password" placeholder="Password" title="Please enter your password">
						</div>
						<button type="submit" class="btn btn-green btn-sm w-100">
							Submit
						</button>
					</form>

					<div class="text-center py-3">
						<a href="{{ url('/password/email') }}">Forgot your password?</a>
					</div>
					<hr class="custom-hr" />
					<div class="text-center py-3">
						Don't have an account?
						<a href="{{ url('./auth/register')}}" class="btn btn-black btn-sm w-100">Register</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> --}}

<section class="login">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-lg-6">
          <div class="row gx-5 justify-content-center align-items-center">
            <div class="col-lg-8 text-start">
              <h3>Sign to start creating custom merch</h3>
              <!-- <div class="horizontal-divider bg-yellow"></div> -->
              <p>
                <router-link to="/create-account">Create a free account</router-link>
                or login to start designing
              </p>
            </div>

            <div class="col-lg-8 mt-5">
			
			<div id="login-response-msg"></div>
			<form role="form" id="frm-login">
				<input type="hidden" name="redirect" value="{{ Request::get('redirectUrl')  }}">
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="mb-3">
                  <input
                    type="text"
                    class="form-control form-control-lg contact-input-custom"
                    placeholder="Username*"
					name="email" value="{{ old('email') }}" 
                    required
                  />
                </div>
                <div class="mb-3">
                  <input
                    type="password"
					name="password"
                    class="form-control form-control-lg contact-input-custom"
                    required
                    placeholder="Password*"
                  />
                </div>
                <!-- <div class="mb-3">
              <input
                type="text"
                class="form-control form-control-lg contact-input-custom"
                id="exampleFormControlInput1"
                placeholder="Phone Number*"
              />
            </div>
            <div class="mb-3">
              <textarea
                class="form-control form-control-lg contact-input-custom"
                required
                rows="5"
                placeholder="What can we help you with?"
              ></textarea>
            </div> -->

                <div class="mb-3">
                  <button class="btn btn-lg btn-contact w-100">Submit</button>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="col login-page-right"></div>
      </div>
    </div>
  </section>
@endsection