@extends('layouts.mainlay')
@section('title','اتصل بنا')
@section('content')
<div style="height: 200px;"></div>
    <div id="support" class="section wb">
        <div class="container">
            <div class="section-title text-center">
                <h3>اتصل بنا</h3>
            </div>
            <div class="row" style="direction: rtl; text-align: right">
                <div class="col-md-6">
                    <div class="contact_form">
                        <div id="message"></div>
                        <x-alert1/>
                        <form class="row" action="{{route('contact-us.send')}}" name="contactform" method="post" >
                            @csrf
                            <fieldset class="row-fluid">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <input type="text" name="fullName" id="fullName" class="form-control" placeholder="الاسم">
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <input type="email" name="email" id="email" class="form-control" placeholder="البريد اللإلكتروني">
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <input type="text" name="phone" id="phone" class="form-control" placeholder="الهاتف">
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <textarea class="form-control" name="comments" id="comments" rows="6" placeholder="الرسالة"></textarea>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                                    <input style="height: 50px; font-size:15px; background-color: #a8cf45" type="submit" value="ارسل الرسالة" id="submit" class="btn btn-light btn-radius btn-brd  btn-block"/>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div><!-- end col -->
				<div class="col-md-6">
					<div class="right-box-contact">
						<div class="support-info">
							<div class="info-title">
								<i class="fa fa-phone" aria-hidden="true"></i>
								{{session('telephone')}}
							</div>
						</div>
					</div>
					<div class="right-box-contact">
						<div class="support-info">
							<div class="info-title">
								<i class="fa fa-map-marker" aria-hidden="true"></i>
								العنوان
								<span>{{session("address")}}</span>
							</div>
						</div>
					</div>
					<div class="right-box-contact">
						<div class="support-info">
							<div class="info-title">
								<i class="fa fa-envelope" aria-hidden="true"></i>
								{{session("email")}}
							</div>
						</div>
					</div>
				</div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->

    <div id="map"></div>
@endsection