@extends('layouts.front.app')
@section('meta')
	<title>Contact Us | {{ env('APP_NAME') }}</title>
	
	<meta property="og:locale"          content="en_US" />
    <meta property="og:url"             content="https://airpro.ph/contact-us" />
    <meta property="og:type"            content="website" />
    <meta property="og:title"           content="About Air Prosystem Inc" />
    <meta property="og:description"     content="Air Prosystems Inc. is a leading distributor and installer of all major air-conditioning products and equipment nationwide. Our services include Free Ocular Survey, Installation & Design Consultation, and Regular Service Maintenance Program." />
    <meta property="og:site_name"       content="airpro.ph" />
    <meta property="og:image"           content="https://airpro.ph/images/thumbnail.jpg" />

    <meta name="description" content="Air Prosystems Inc. is a leading distributor and installer of all major air-conditioning products and equipment nationwide. Our services include Free Ocular Survey, Installation & Design Consultation, and Regular Service Maintenance Program.">
    <meta name="keywords" content="About airpro, about air prosystems inc, who we are, what we do, what we offer, aircon distributor, aircon installer, aircon maintenance, aircon guide, aircon Consultation, airpro systems inc, airpro.ph">
    <meta name="author" content="Air Prosystems Inc">
@stop
@section('content')
	<div class="breadcrumbs overlay" style="background-image:url({{ asset('images/contact.jpg')  }})">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="bread-inner">
						<!-- Bread Menu -->
						<div class="bread-menu">
							<ul>
								<li><a href="{{ url('/') }}">Home</a></li>
								<li><a href="{{ url('about-us') }}">Contact Us</a></li>
							</ul>
						</div>
						<!-- Bread Title -->
						<div class="bread-title"><h2>Our Address</h2></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<section class="contact-us section-space">
		<div class="container">
			<div class="row">
				<div class="col-xl-12">
					@include('include.alert')
				</div>
				<div class="col-lg-7 col-md-7 col-12">
					<!-- Contact Form -->
					<div class="contact-form-area m-top-30">
						<h4>Get In Touch</h4>
						<form class="form" method="post" action="{{ route('contact.send') }}">
							@csrf
							<div class="row">
								<div class="col-lg-6 col-md-6 col-12">
									<div class="form-group">
										<div class="icon"><i class="fa fa-user"></i></div>
										<input type="text" name="firstname" placeholder="First Name" value="{{ old('firstname') }}" required="">
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-12">
									<div class="form-group">
										<div class="icon"><i class="fa fa-user"></i></div>
										<input type="text" name="lastname" placeholder="Last Name" value="{{ old('lastname') }}" required="">
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-12">
									<div class="form-group">
										<div class="icon"><i class="fa fa-envelope"></i></div>
										<input type="email" name="email" placeholder="Email Address" value="{{ old('email') }}" required="">
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-12">
									<div class="form-group">
										<div class="icon"><i class="fa fa-tag"></i></div>
										<input type="text" name="subject" placeholder="Type Subjects" value="{{ old('subject') }}" required="">
									</div>
								</div>
								<div class="col-12">
									<div class="form-group textarea">
										<div class="icon"><i class="fa fa-pencil"></i></div>
										<textarea type="textarea" name="message" rows="5" required="" placeholder="Message">{{ old('message') }}</textarea>
									</div>
								</div>
								<div class="col-12">
									<div class="form-group button">
										<button type="submit" class="bizwheel-btn theme-2">Send Now</button>
									</div>
								</div>
							</div>
						</form>
					</div>
					<!--/ End contact Form -->
				</div>
				<div class="col-lg-5 col-md-5 col-12">
					<div class="contact-box-main m-top-30">
						<div class="contact-title">
							<h2>Contact with us</h2>
							<p>RBDB & Sons Bldg., FS Dizon Road, Bacaca, Davao City</p>
						</div>
						<!-- Single Contact -->
						<div class="single-contact-box">
							<div class="c-icon"><i class="far fa-clock"></i></div>
							<div class="c-text">
								<h4>Opening Hour</h4>
								<p>Friday - Saturday<br>08AM - 5PM (everyday)</p>
							</div>
						</div>
						<!--/ End Single Contact -->
						<!-- Single Contact -->
						<div class="single-contact-box">
							<div class="c-icon"><i class="fa fa-phone"></i></div>
							<div class="c-text">
								<h4>Call Us Now</h4>
								<p>Tel.: (082) 221 6256 and 6257 / (082) 224 1480<br> Mob.: 0917 511 0700 / 0917 511 0147</p>
							</div>
						</div>
						<!--/ End Single Contact -->
						<!-- Single Contact -->
						<div class="single-contact-box">
							<div class="c-icon"><i class="fas fa-envelope"></i></div>
							<div class="c-text">
								<h4>Email Us</h4>
								<p>marketing@airpro.ph</p>
							</div>
						</div>
						<!--/ End Single Contact -->
						<div class="button">
							<a href="{{ url('products') }}" class="bizwheel-btn theme-1">Our Products<i class="fa fa-angle-right"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>	
@stop