@if(session()->has('msg'))
<div class="alert alert-success">
    {{ session()->get('msg') }}
</div>
@endif
 <div class="row">
        <div class="col-lg-6 d-flex align-items-stretch">
              <div class="info">
                <div class="address">
                  <i class="bi bi-geo-alt"></i>
                  <h4>Location:</h4>
                  <p>{{ $siteInfo->site_addr }}</p>
                </div>

                <div class="email">
                  <i class="bi bi-envelope"></i>
                  <h4>Email:</h4>
                  <p>{{ $siteInfo->site_email }}</p>
                </div> 

                <div class="phone">
                  <i class="bi bi-phone"></i>
                  <h4>Call:</h4>
                  <p>+88{{ $siteInfo->site_phone }}</p>
                </div>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14606.850443248344!2d90.42529290320824!3d23.75762565864422!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c7c793a02eb1%3A0xad493a1a10bf7258!2sTara%20Tech%20Ltd.!5e0!3m2!1sen!2sbd!4v1715495889231!5m2!1sen!2sbd" style="border:0; width: 100%; height: 50%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d600.5439266503807!2d90.42849360802732!3d23.76347980829927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c74de61a7d5f%3A0xe7f4b7c8ad84f882!2sOrganic%20Food%20Shop!5e0!3m2!1sen!2sus!4v1641203893393!5m2!1sen!2sus" style="border:0; width: 100%; height: 50%;" allowfullscreen="" loading="lazy"></iframe>-->
              </div>
        </div>

        <div class="col-lg-6" id="contacForm">
          <div class="info">
            <form enctype="multipart/form-data" method="post" action="{{ route('contact') }}">
                  @csrf
                  <div class="row">
                      <div class="form-group col-md-6">
                        <label for="name">Your Name</label>
                        <input type="text" name="name" class="form-control" id="name" required>
                      </div>
                      <br>
                      <div class="form-group col-md-6">
                        <label for="name">Your Email</label>
                        <input type="email" class="form-control" name="email" id="email" required>
                      </div>
                  </div>
                  <br>
                  <div class="form-group">
                    <label for="name">Subject</label>
                    <input type="text" class="form-control" name="subject" id="subject">
                  </div>
                  <br>
                  <div class="form-group">
                    <label for="name">Message</label>
                    <textarea class="form-control" name="message" rows="10"></textarea>
                  </div>
                  <br><br>
                  <div class="text-center">
                    <button type="submit" class="btn-learn-more" id="btnm">Send Message</button>   
                  </div>
          </form>

          </div>
   
        </div>
        
  </div>
  <style>
    #btnm{
      background-color:white;
     }
     #btnm:hover{
      background-color:#47b2e4;
      color:white;
     }

  </style>
</div>
{{-- <script>
  $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

  $("#btnm").click(function(){
        var name = $("#name").val();
        var email = $("#email").val();
        var subject = $("#subject").val();
        var message = $("#message").val();
        
        $.ajax({
           type:'POST',
           url:"{{ route('contact') }}",
           data:{
             name:name,
             email:email,
             subject:subject,
             message:message,
            },
           success:function(response){
             
           }
        });

  });
</script> --}}

</section><!-- End Contact Section -->