@extends('user.usermaster2')
@section("meta_title") Contact us @endsection
@section("meta_keywords") Contact @endsection
@section("meta_desc") Contact @endsection


@section('title', 'Contactus')
@section('style')
<style>
    .box_contacts {
  background-color: #fff;
  padding: 25px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
}
.box_contacts h2 {
  font-weight: 400;
  margin: 10px 0 10px 0;
  font-size: 21px;
  font-size: 1.3125rem;
}
.box_contacts i {
  font-size: 46px;
  font-size: 2.875rem;
  color: #004dda;
}
.box_contacts a {
  color: #444;
}
.box_contacts a:hover {
  color: #1a1a1a;
  text-decoration: underline;
}
.box_contacts small {
  display: block;
  color: #777;
}

iframe.map_contact {
  border: 0;
  width: 100%;
  height: 315px;
}
</style>
@endsection


@section('body')

<main class="bg_gray">

    <div class="container margin_60">
        <div class="main_title">
            <h2>Get in Touch!</h2>
            <p>We're here to help. Whether you have questions about our products, orders, or just want to say hello, we'd love to hear from you.</p>
        </div>

        <!-- /row -->
    </div>
    <!-- /container -->
<div class="bg_white">
    <div class="container margin_60_35">

        <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-12">
             <h4 data-bs-target="">Contact Information</h4>
                <div class=" contacts" id="">

                       <p>
                        <i class="ti-email" style="font-size:20px" ></i>  Email at <a href="mailto:contact-us@painfree-usa.com" class="text-primary">contact-us@painfree-usa.com</a>  and we will make your enquiries our priority. <br><br>
                       <i class="ti-home" style="font-size:20px" ></i> 1253 Beaver Ruin Rd, Norcross, GA 30093<br><br>

                       </p>

                </div>

            </div>
            <div class="col-lg-6  col-md-6 col-sm-12 add_bottom_25">
                 @if (session('msg'))
                    <br>
                    <div class="alert alert-info alert-dismissible fade show" role="alert">
                        <strong></strong> {{ session('msg') }}
                          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                @endif
                 <h4 class="pb-3">Send Message</h4>
                <form method="post" action="{{route('contact_mail')}}">
                    @csrf
                <div class="form-group">
                    <input class="form-control" required name='name' type="text" placeholder="Name *">
                </div>
                <div class="form-group">
                    <input class="form-control" required name="email" type="email" placeholder="Email *">
                </div>
                <div class="form-group">
                    <textarea class="form-control" required name="message" style="height: 150px;" placeholder="Message *"></textarea>
                </div>
                <div class="form-group">
                    <input class="btn_1 full-width" type="submit" value="Submit">
                </div>
            </form>
            </div>

        </div>
        <!-- /row -->
    </div>
    <!-- /container -->
</div>
<!-- /bg_white -->
</main>



@endsection

@section('scripts')
<script>


</script>

@endsection