@extends('layouts.app')
@section('content')

<section id="contact" class="contact contact_box">
	
	<div class="container aos-init aos-animate" data-aos="fade-up">

		<header class="section-header pricing_head" data-aos="fade-up">
			<h1>Contact Us</h1>
			<h5>Get in touch and let us know how we can help    </h5>
		</header>
 @if(session('success'))
        <div class="alert alert-success">
          {{ session('success') }}
        </div>
        @endif
		<div class="row gy-4" data-aos="fade-up">
			<div class="col-lg-6">
				<form action="{{ url('/contact') }}" method="post" class="">
					{{csrf_field()}}
					<div class="row gy-4">

						<div class="col-md-6">
							<input type="text" name="name" class="form-control" placeholder=" Name" required="">
							<span class="text-danger">{{ $errors->first('name') }}</span>
						</div>

						<div class="col-md-6 ">
							<input type="email" class="form-control" name="email" placeholder=" Email" required="">
							<span class="text-danger">{{ $errors->first('email') }}</span>
						</div>
						<div class="col-md-12">
							<input type="text" class="form-control" name="phone" placeholder=" Phone number " required="">
						</div>

						<div class="col-md-12">
							<input type="text" class="form-control" name="subject" placeholder="Subject" required="">
						</div>

						<div class="col-md-12">
							<textarea class="form-control" name="comment" rows="6" placeholder="Message" required=""></textarea>
							<span class="text-danger">{{ $errors->first('comment') }}</span>
						</div>

						<div class="col-md-12 ">
							
							<button type="submit" style="background-color: #b52555;
							color: #fff;
							padding: 10px;
							border-radius: 5px;">SEND</button>
						</div>

					</div>
				</form>

			</div>

			<div class="col-lg-6">

				<div class="row gy-4">
					<div class="col-md-6">
						<div class="info-box">
							<i class="bi bi-geo-alt"></i>
							<h3>Address</h3>
							<p>2 Ashfield parade </br>
							Southgate </br>
						London</br>
					N14 5EJ</p>
				</div>
			</div>
			<div class="col-md-6">
				<div class="info-box">
					<i class="bi bi-envelope"></i>
					<h3>Email Us</h3>
					<p>info@example.com<br>contact@example.com</p>
				</div>
			</div>
			
		</div>

	</div>

	

</div>

</div>

</section>

<main id="main">

	<!-- ======= Breadcrumbs ======= -->
   <!---- <section class="breadcrumbs">
      <div class="container">

        
        <h2>About us</h2>

      </div>
  </section>---><!-- End Breadcrumbs -->

</div>

</main><!-- End #main -->

<!--end::Main-->
@endsection 

@section('additional_scripts')
{{-- Global Config (global config for global JS scripts) --}}

@endsection