@extends('frontEnd.layout')

 @section ('content')

<style>  
  
.contactus li{
  list-style:none;
  border-bottom:2px solid #dcddde;
  padding: 25px 15px 21px 13px;
  font-size: 13px;
  color: #6d6d6d;
  display: flex;
  align-items: center;
}
.title-text1 {
  color: #414042;
  font-size: 28px;
  width: 100%;
  float: left;
}
.contactus ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start:10px;
}
.title1 {
  margin-bottom: 35px;
  color: #414042;
}
.contactus-page{
  padding: 6rem 0rem;
} 
.contactus li span img {
  margin-right: 15px;
  width: 35px;
}
#widgetlearn{
  margin: auto;
}
.contactus-page .form-control {
  box-shadow: none !important;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  height: 45px;
}
textarea#message {
  max-width: 609px;
  height: 220px;
}
.contactus li p {
  font-size: 16px;
  word-break: break-all;
  word-break: break-word;
}

.border{
  border: 2px solid #1c4f9c;
  padding: 0px 20px;
  box-shadow: 0px 0px 13px 4px #888888;
}


</style>

<section class="contactus-page container">
    <div class="row m-0">
      <div class="col-lg-7 col-sm-7 col-md-7 col-xs-12 mt-4 ">
        <!-- Success message -->
        
        <form class="border" method="post" action="{{ route('contactus.store') }}"> 
        <!-- CROSS Site Request Forgery Protection -->
        @csrf
          <h3 class="title-text">Contact Form</h3>
          <div class="row" style="margin-bottom: 0px;">
            <div class="form-group col-lg-6 col-sm-6 col-md-6 col-xs-12 mt-3">
              <input type="text" class="form-control" placeholder="Name" name="name" id="name" required="">
            </div>
            <div class="form-group col-lg-6 col-sm-6 col-md-6 col-xs-12 mt-3">
              <input type="email" class="form-control" placeholder="Email" name="email" id="email" required="">
            </div>
          </div>
          <div class="form-group mt-3 ">
            <input type="text"  placeholder=" Subject.." class="form-control" name="subject" id="subject" required="">
          </div>
          <div class="form-group mt-3">
            <textarea class="form-control mt-3" name="message"  placeholder="Write something.."  id="message" rows="4"  cols="80"></textarea>
          </div>
          @if(Session::has('success'))
          <div class="alert alert-success">
            {{Session::get('success')}}
          </div>
        @endif
          <div class="row">            
            <div class="form-group mt-3" >
              <input type="submit" name="send" value="Submit" id="widgetlearn" class=" btn btn-block">
            </div>
          </div>
        </form>        
      </div>
      <div class="col-lg-5 col-sm-5 col-md-5 col-xs-12 mt-4">
        <h3 class="title-text">Contact Us</h3>
        <div class="contactus">
          <ul>
            <li> 
              <span><img src="../../assets/frontend/img/location.png"></span>
              <p> C – 604, Trade Star
                  Andheri Kurla Road
                  Andheri – E, Mumbai – 400059
                  India</p>
            </li>
            <li>             
              <span><img src="../../assets/frontend/img/smartphone.png"></span>
              <p>Phone: <span> 011-23360981 <br>011-23360979 </span> </p>
            </li>
            <li>
              <span><img src="../../assets/frontend/img/globe.png"></span>
              <p>Email: contactus[dot]csr[@]gov[dot]in</p>
            </li>
          </ul>
        </div>
      </div> 
    </div>

</section>

@endsection