@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));
    $latitude = 2;
    $longitude = 2;
@endphp

@if (!empty($parent))
    <!-- padding_bottom_zero-section -->
    <section class="ttm-row padding_bottom_zero-section clearfix">
        <div class="container">
           <!-- row -->
           <div class="row">
              <div class="col-lg-12">
                 <div class="ttm-bgcolor-white box-shadow p-50">
                    <!-- section title -->
                    <div class="section-title title-style-center_text">
                       <div class="title-header">
                          <h2 class="title">Contact <b>Form</b></h2>
                       </div>
                       <div class="title-desc">
                          <p>Feel Free to get in touch </p>
                       </div>
                    </div>
                    <!-- section title end -->
                    <form id="request_qoute_form" class="request_qoute_form wrap-form clearfix" method="post" novalidate="novalidate" action="enquiry.html">
                       <div class="row">
                          <div class="col-md-4">
                             <span class="text-input"><input name="name" id="name" type="text" value="" placeholder="Your Name" required="required"></span>
                          </div>
                          <div class="col-md-4">
                             <span class="text-input"><input name="email" id="email" type="text" value="" placeholder="Your Email" required="required"></span>
                          </div>
                          <div class="col-md-4">
                             <span class="text-input"><input name="phone" id="phone" type="text" value="" placeholder="Phone Number" required="required"></span>
                          </div>
                          <div class="col-md-6">
                             <span class="text-input"><input name="company" id="company" type="text" value="" placeholder="Company Name*" required="required"></span>
                          </div>
                          <div class="col-md-6">
                             <span class="text-input"><input name="subject" id="subject" type="text" value="" placeholder="Subject" required="required"></span>
                          </div>
                          <div class="col-lg-12">
                             <span class="text-input"><textarea name="message" id="message" rows="5" placeholder="Message" required="required"></textarea></span>
                          </div>
                          <div class="col-lg-12">
                             <div class="pt-15 text-center">
                                <button class="submit ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" type="submit">Submit</button>
                             </div>
                          </div>
                       </div>
                    </form>
                 </div>
              </div>
           </div>
           <!-- row end -->                
        </div>
     </section>
     <!-- padding_bottom_zero-section end -->
     <!--- conatact-section -->
     <section class="ttm-row conatact-section clearfix">
        <div class="container">
           <!-- row -->
           <div class="row">
              <div class="col-xl-5">
                 <iframe src="https://www.google.com/maps/embed?pb={{$parent['map info']}}" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
              </div>
              <div class="col-xl-7">
                 <div class="padding_left15 res-1199-padding_left0 padding_top20 res-1199-padding_top40">
                    <!-- section title -->
                    <div class="section-title">
                       <div class="title-header">
                          <h3>{{ $parent['title'] }}</h3>
                          <h2 class="title">{{ $parent['heading'] }}</h2>
                       </div>
                       <div class="title-desc">
                          <p></p>
                       </div>
                    </div>
                    <!-- section title end -->
                    <h2 class="fs-24 padding_top10">{{ $parent['title2'] }}</h2>
                    <div class="ttm-horizontal_sep width-100 margin_top20 margin_bottom5"></div>
                    <div class="row">
                       <div class="col-lg-12 col-md-12">
                          <!--featured-icon-box-->
                          <div class="featured-icon-box icon-align-before-content">
                             <div class="featured-content">
                                <ul class="featured-desc" style="list-style: none; margin: 0; padding: 0;">
                                     <li> {{$parent['phone']}}</li>
                                     <li> {{$parent['email']}}</li>
                                    
                                 </ul>
                             </div>
                          </div>
                          <!-- featured-icon-box end-->
                       </div>
                    </div>
                    <h2 class="fs-24 padding_top20">{{ $parent['title3'] }}</h2>
                    <div class="ttm-horizontal_sep width-100 margin_top20 margin_bottom5"></div>
                    <div class="row">
                        @foreach($child as $value)

                        <div class="col-lg-6 col-md-6">
                            <!--featured-icon-box-->
                            <div class="featured-icon-box icon-align-before-content">
                               <div class="featured-icon">
                                  <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-grey ttm-icon_element-size-md ttm-icon_element-style-rounded"> 
                                     <i class="themifyicon ti-location-pin ttm-textcolor-skincolor"></i>
                                  </div>
                               </div>
                               <div class="featured-content">
                                  <div class="featured-title">
                                     <h3 class="margin_bottom0 fs-18">{{$value['title']}}</h3>
                                  </div>
                                  <div class="featured-desc">{{ $value['description'] }}</div>
                               </div>
                            </div>
                            <!-- featured-icon-box end-->
                         </div>
                        @endforeach
                       
                    
                    </div>
                 </div>
              </div>
           </div>
           <!-- row end -->                
        </div>
     </section>
@endif