@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>Contact Us</h4>
					<hr class="custom-hr" />
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col col-lg-5">
				
          <h6><i class="fa fa-map-marker me-2"></i>Address:</h6>
          <p>1281 Humbracht Circle Suite J Bartlett, Illinois 60103</p>
					<hr>
          {{-- <h6><i class="fa fa-envelope-square me-2"></i> Email Address:</h6>
          <p>orders@merchbay.com</p>
          <hr>
          <h6><i class="fa fa-phone-square me-2"></i>Contact Number:</h6>
          <p>630 213 1500</p>
          <hr>
          <h6><i class="fa fa-map-marker me-2"></i>Address:</h6>
          <p>1281 Humbracht Circle Suite J Bartlett, Illinois 60103</p> --}}
					@if(Session::has('contactUserError'))
						{!! Session::get('contactUserError') !!}
					@endif
          <form action="{{ url('contact-us/send')  }}" method="POST">
						<div class="mb-3">
							<input type="hidden" name="_token" value="{{ csrf_token() }}">
							<label for="emailAddress" class="form-label">Email address</label>
							<input type="email" class="form-control" name="emailAddress" placeholder="Email Address" required>
							<div class="form-text">We'll never share your email with anyone else.</div>
						</div>
						<div class="mb-3">
							<label for="fullname" class="form-label">Fullname</label>
							<input type="text" class="form-control" placeholder="Fullname" name="fullname" required>
						</div>
						<div class="mb-3">
							<label for="message" class="form-label">Message</label>
							<textarea class="form-control" rows="5" name="message" placeholder="Message"></textarea>
						</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">Submit</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
