@extends('frontend.layouts.app')

@section('content')
	
	@if($page->bannerImage != NULL)
	<section class="inner_page_breadcrumb">
		<img src="{{URL::to('/')}}/images/banner/{{$page->bannerImage}}" alt="{{$page->altTag}}"/>
	</section>
	@endif

	<section class="our-contact bgc-f7">
		<div class="container">
			<div class="row">
				<div class="col-lg-8">
					<div class="form_grid mb10">
						{!! $page->content !!}

						@if(count($services) > 0)
							@foreach($services as $key => $service)
								@if($key % 2 == 0)
								<a href="{{url('service/'.$service->slug)}}">
									<div class="course-dark"><div class="detail-box">{{$service->servicesName}}</div> <span>View Detail</span></div>
								</a>
								@else
								<a href="{{url('service/'.$service->slug)}}">
									<div class="course-light"><div class="detail-box">{{$service->servicesName}}</div> <span>View Detail</span></div>
								</a>
								@endif

							@endforeach
						@endif
					</div>
				</div>
				<div class="col-lg-4">
					<div class="contact_localtion">
						<h4>Contact Now</h4>
						<div class="content_list">
							<h5>Phone</h5>
							<p><a href="tel:{{$setting->contact_no}}">+91 {{$setting->contact_no}}</a><br><a href="tel:{{$setting->whatsapp_no}}">+91 {{$setting->whatsapp_no}}</a></p>
						</div>
						<div class="content_list">
							<h5>Mail</h5>
							<p><a href="{{$setting->email}}">{{$setting->email}}</a><br><a href="{{$setting->shop_timing}}">{{$setting->shop_timing}}</a></p>
						</div>
					</div>
					<div class="contact_localtion mt20">
						<h4>Enquiry For</h4>
							@if (Session::has('success')) 
								<p style="color:#fff;">{{Session::get('success')}}</p>
							@endif
			            <form class="contact_form" id="" name="contact_form" action="{{url('enquiry')}}" method="post">
						@csrf
							<div class="row">
				                <div class="col-md-12">
				                    <div class="form-group">
										<input id="" name="name" class="form-control" required="required" type="text" placeholder="Name *" required>
									</div>
				                </div>
				                <div class="col-md-12">
				                    <div class="form-group">
				                    	<input id="" name="email" class="form-control required email" required="required" type="email" placeholder="Email *" required>
				                    </div>
				                </div>
				                <div class="col-md-12">
				                    <div class="form-group">
				                    	<input id="" name="phone" class="form-control required phone" required="required" type="number" placeholder="Phone *" required>
				                    </div>
				                </div>
				                <div class="col-md-12">
				                    <div class="form-group">
					                    <input id="" name="course" class="form-control required" required="required" type="text" placeholder="Course/Service *" required>
									</div>
				                </div>
				                <div class="col-sm-12">
		                            <div class="form-group">
		                                <textarea id="" name="message" class="form-control required" rows="4" required="required" placeholder="Your Message"></textarea>
		                            </div>
				                    <div class="form-group mb0">
					                    <button type="submit" class="btn btn-lg btn-thm w-100">SUBMIT</button>
				                    </div>
				                </div>
			                </div>
			            </form>
					</div>
				</div>
			</div>
		</div>
	</section>


@endsection