@extends('users.layout')
@section('content')
				
<div class="tt-breadcrumb">
	<div class="container">
		<ul>
			<li><a href="{{ URL::to('/') }}">Home</a></li>
			<li>Contact Us</li>
		</ul>
	</div>
</div>

<div id="tt-pageContent">
	<div class="container-indent">
		<div class="container container-fluid-custom-mobile-padding">
			<div class="row">
				<div class="col-xs-12 col-md-11 col-lg-9">
					<div class="tt-about-box-02">
						<h1 class="tt-title">
							Contact Us
						</h1>
					</div>
				</div>
			</div>
		</div>
	</div>
<div class="container-indent">
		<div class="container container-fluid-custom-mobile-padding ">
			<div class="tt-about02-col-list">
				<div class="row">
				 <div class="col-md-4">
                                <div class="contact-info">

                                    <h2 class="block-title"><span>Contact Us</span></h2>

                                    <div class="media-list">
                                        <div class="media">
                                            <i class="pull-left fa fa-home"></i>
                                            <div class="media-body">
                                                <strong>Address:</strong><br>
                                                987 Main st. New York, NY, 00001, U.S.A
                                            </div>
                                        </div>
                                        <div class="media">
                                            <i class="pull-left fa fa-phone"></i>
                                            <div class="media-body">
                                                <strong>Telephone:</strong><br>
                                                (012) 345-7689
                                            </div>
                                        </div>
                                        <div class="media">
                                            <i class="pull-left fa fa-envelope-o"></i>
                                            <div class="media-body">
                                                <strong>Fax:</strong><br>
                                                0123456789
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                Phasellus pellentesque purus in massa aenean in pede phasellus libero ac tellus pellentesque semper.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <strong>Customer Service:</strong><br>
                                                <a href="mailto:hello@bella.com">hello@bella.com</a>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <strong>Returns and Refunds:</strong><br>
                                                <a href="mailto:hello@bella.com">hello@bella.com</a>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
							<div class="col-md-8 text-left">
									@if(session()->has('message')) 
								 <div class="message-box alt" style="margin-bottom: 23px;">
									<div class="message-box-inner">
										<h2 style="font-size: 17px;color: green;text-transform: lowercase;">{{ session()->get('message') }} </h2>
									</div>
								</div>
                       

                        @endif

                                <h2 class="block-title"><span>Contact Form</span></h2>

                                <!-- Contact form -->



                                  {!! Form::open(array('url' =>'Submitcontact', 'method'=>'post', 'class' => 'form-default', 'id' => 'contact-form')) !!}


                                    <div class="outer required">
                                        <div class="form-group af-inner">
                                            <label class="sr-only" for="name">Name</label>
                                            <input
                                                type="text" name="name" id="name" placeholder="Name"  size="30"
                                                data-toggle="tooltip" title="Name is required"
                                                class="form-control placeholder" required/>
                                        </div>
                                    </div>

                                    <div class="outer required">
                                        <div class="form-group af-inner">
                                            <label class="sr-only" for="email">Email</label>
                                            <input
                                                type="text" name="email" id="email" placeholder="Email"  size="30"
                                                data-toggle="tooltip" title="Email is required"
                                                class="form-control placeholder" required/>
                                        </div>
                                    </div>

                                    <div class="outer required">
                                        <div class="form-group af-inner">
                                            <label class="sr-only" for="subject">Subject</label>
                                            <input
                                                type="text" name="subject" id="subject" placeholder="Subject" size="30"
                                                data-toggle="tooltip" title="Subject is required"
                                                class="form-control placeholder" required="" />
                                        </div>
                                    </div>

                                    <div class="form-group af-inner">
                                        <label class="sr-only" for="input-message">Message</label>
                                        <textarea
                                            name="message" id="input-message" placeholder="Message" rows="4" cols="50"
                                            data-toggle="tooltip" title="Message is required"
                                            class="form-control placeholder" required></textarea>
                                    </div>

                                    <div class="outer required">
                                        <div class="form-group af-inner">
                                            <input type="submit" name="submit" class="form-button form-button-submit btn btn-theme btn-theme-dark" id="submit_btn" value="Send message" />
                                        </div>
                                    </div>

                                {!! Form::close() !!}
                                <!-- /Contact form -->

                            </div>
							
				</div>
			</div>
		</div>
	</div>
</div>




<script type="text/javascript">
    
     var element = document.getElementById("cont");
    element.classList.add("active");

     var element1 = document.getElementById("hom");
    element1.classList.remove("active");

</script>


 @endsection