<main class="content _mPS2id-t mPS2id-target" id="lqd-site-content">
    <div class="container" id="lqd-contents-wrap">
      <div data-elementor-type="wp-page" data-elementor-id="8013" class="elementor elementor-8013">
        <section data-custom-animations="true" data-ca-options="{&quot;addChildTimelines&quot;:false,&quot;animationTarget&quot;:&quot;:scope > .elementor-container > .elementor-column&quot;,&quot;ease&quot;:[&quot;power4.out&quot;],&quot;initValues&quot;:[],&quot;animations&quot;:[]}" class="elementor-section elementor-top-section elementor-element elementor-element-cb08149 elementor-section-content-middle elementor-section-boxed elementor-section-height-default ca-initvalues-applied animated zoomIn lqd-animations-done" data-id="cb08149" data-element_type="section" data-settings="{&quot;animation&quot;:&quot;zoomIn&quot;}">
          <div class="elementor-background-overlay"></div>
          <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71b79144 lqd-unit-animation-done" data-id="71b79144" data-element_type="column" style="">
              <div class="elementor-widget-wrap elementor-element-populated">
                <div class="elementor-element elementor-element-6ceaacb1 elementor-widget__width-auto elementor-widget elementor-widget-hub_fancy_heading" data-id="6ceaacb1" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                  <div class="elementor-widget-container">
                    <div id="ld-fancy-heading-6800dd4693e08" class="ld-fancy-heading pos-rel">
                      <h6 class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h6">
                        {{ trans('home.contact_us') }}
                      </h6>
                    </div>
                  </div>
                </div>
                <div class="elementor-element elementor-element-189c39f3 elementor-widget elementor-widget-hub_fancy_heading" data-id="189c39f3" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                  <div class="elementor-widget-container">
                    <div id="ld-fancy-heading-6800dd4694b4f" class="ld-fancy-heading pos-rel">
                      <h2 class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h2">
                        {{ trans('home.get_in_touch') }}
                      </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1726a980 lqd-unit-animation-done" data-id="1726a980" data-element_type="column" style="">
              <div class="elementor-widget-wrap elementor-element-populated">
                <section class="elementor-section elementor-inner-section elementor-element elementor-element-5d6151d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d6151d" data-element_type="section">
                  <div class="elementor-container elementor-column-gap-default">
                    <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-fa7977e" data-id="fa7977e" data-element_type="column">
                      <div class="elementor-widget-wrap elementor-element-populated">
                        @foreach($phones as $phone)
                        <div class="elementor-element elementor-element-067f248 elementor-widget elementor-widget-hub_fancy_heading" data-id="067f248" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                          <div class="elementor-widget-container">
                            <div id="ld-fancy-heading-6800dd46985d8" class="ld-fancy-heading pos-rel">
                              <p class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                <b>{{ trans('home.phone') }}:</b> <br><a href="tel:{{$phone->code}}{{$phone->phone}}">{{$phone->phone}}</a>
                              </p>
                            </div>
                          </div>
                        </div>
                        @endforeach
                      </div>
                    </div>
                    <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4f5e3ca" data-id="4f5e3ca" data-element_type="column">
                      <div class="elementor-widget-wrap elementor-element-populated">
                        @foreach($addresses as $address)
                        <div class="elementor-element elementor-element-0bfec17 elementor-widget elementor-widget-hub_fancy_heading" data-id="0bfec17" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                          <div class="elementor-widget-container">
                            <div id="ld-fancy-heading-6800dd4697ab3" class="ld-fancy-heading pos-rel">
                              <p class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                <b>{{ trans('home.address') }}:</b>{{$address->address}}
                              </p>
                            </div>
                          </div>
                        </div>
                        @endforeach
                      </div>
                    </div>
                    <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3ef3d86" data-id="3ef3d86" data-element_type="column">
                      <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-9461b15 elementor-widget elementor-widget-hub_fancy_heading" data-id="9461b15" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                          <div class="elementor-widget-container">
                            <div id="ld-fancy-heading-6800dd46995e0" class="ld-fancy-heading pos-rel">
                              <p class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                <b>{{ trans('home.email') }}:</b><br>{{$setting->email}}
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
            </div>
          </div>
        </section>
        <section class="elementor-section elementor-top-section elementor-element elementor-element-505e5b15 elementor-section-boxed elementor-section-height-default elementor-section-height-default animated zoomIn" data-id="505e5b15" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}">
          <div class="elementor-container elementor-column-gap-no">
            @foreach($addresses as $address)
            <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3033c370" data-id="3033c370" data-element_type="column">
              <div class="elementor-widget-wrap elementor-element-populated">
                <div class="elementor-element elementor-element-40b2d0c elementor-widget elementor-widget-google_maps" data-id="40b2d0c" data-element_type="widget" data-widget_type="google_maps.default">
                  <div class="elementor-widget-container">
                    <style>
                      /*! elementor - v3.11.2 - 22-02-2023 */
                      .elementor-widget-google_maps
                        .elementor-widget-container {
                        overflow: hidden;
                      }
                      .elementor-widget-google_maps
                        .elementor-custom-embed {
                        line-height: 0;
                      }
                      .elementor-widget-google_maps iframe {
                        height: 300px;
                        margin: 5px;
                      }
                    </style>
                    <div class="elementor-custom-embed">
                      <iframe loading="lazy" src="{{$address->link}}" title="DABS EGYPT" aria-label="BLOMMA EGYPT"></iframe>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            @endforeach
          </div>
        </section>
        <section class="elementor-section elementor-top-section elementor-element elementor-element-36fdb9c2 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="36fdb9c2" data-element_type="section">
          <div class="elementor-background-overlay"></div>
          <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1acab097" data-id="1acab097" data-element_type="column">
              <div class="elementor-widget-wrap elementor-element-populated">
                <div class="elementor-element elementor-element-62e5f0dc elementor-widget elementor-widget-ld_cf722" data-id="62e5f0dc" data-element_type="widget" data-widget_type="ld_cf722.default">
                  <div class="elementor-widget-container">
                    <div class="lqd-contact-form lqd-contact-form-inputs-underlined lqd-contact-form-inputs-border-none lqd-contact-form-button-block lqd-contact-form-button-lg lqd-contact-form-inputs-sm">
                      <div class="wpcf7 js" id="wpcf7-f8012-p8013-o2" lang="en-US" dir="ltr">
                        <div class="screen-reader-response">
                          <p role="status" aria-live="polite" aria-atomic="true"></p>
                          <ul></ul>
                        </div>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{LaravelLocalization::localizeUrl('save/contact-us')}}"
                        method="post"
                        class="wpcf7-form init"
                        aria-label="Contact form"
                        novalidate="novalidate"
                        data-status="init">
                        @csrf
                        <div style="display: none;">
                            <input type="hidden"
                                name="_wpcf7"
                                value="8012" />
                            <input type="hidden"
                                name="_wpcf7_version"
                                value="5.7.4" />
                            <input type="hidden"
                                name="_wpcf7_locale"
                                value="en_US" />
                            <input type="hidden"
                                name="_wpcf7_unit_tag"
                                value="wpcf7-f8012-o1" />
                            <input type="hidden"
                                name="_wpcf7_container_post"
                                value="0" />
                            <input type="hidden"
                                name="_wpcf7_posted_data_hash"
                                value="" />
                        </div>
                        <style>
                            @media (max-width:991px) {
                                .modal-b {
                                    border: 1px solid #C6C6C6 !important
                                }
                            }

                            .modal-b {
                                border: 1px solid #C6C6C6;
                            }

                            .modal-bl-n {
                                border-left: none;
                            }

                            .modal-bb-n {
                                border-bottom: none;
                            }

                            .modal-p {
                                padding: 20px 10px 15px 20px;
                                background: #fff;
                            }

                            .modal-text {
                                margin: 0;
                                color: #4B4B4C;
                                font-size: 14px;
                            }
                        </style>
                        <div class="row p3">
                            <div
                                class="col-md-6 modal-p modal-b modal-bb-n">
                                <p class="modal-text">
                                    Nice to meet you
                                </p>
                                <p><span class="wpcf7-form-control-wrap"
                                        data-name="name-619"><input
                                            size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true"
                                            aria-invalid="false"
                                            placeholder="{{trans('home.name')}}"
                                            value=""
                                            type="text"
                                            name="name" /></span>
                                </p>
                            </div>
                            <div
                                class="col-md-6 modal-p modal-b modal-bb-n modal-bl-n">
                                <p class="modal-text">
                                    {{trans('home.email')}}
                                </p>
                                <p><span class="wpcf7-form-control-wrap"
                                        data-name="email-899"><input
                                            size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email"
                                            aria-required="true"
                                            aria-invalid="false"
                                            placeholder="{{trans('home.email')}}"
                                            value=""
                                            type="email"
                                            name="email" /></span>
                                </p>
                            </div>
                            <div
                                class="col-md-6 modal-p modal-b modal-bb-n">
                                <p class="modal-text">
                                    {{trans('home.phone')}}
                                </p>
                                <p><span class="wpcf7-form-control-wrap"
                                        data-name="tel-785"><input
                                            size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel"
                                            aria-invalid="false"
                                            placeholder="{{trans('home.phone')}}"
                                            value=""
                                            type="tel"
                                            name="phone" /></span>
                                </p>
                            </div>
                            <div
                                class="col-md-6 modal-p modal-b modal-bb-n modal-bl-n">
                                <p class="modal-text">
                                    {{trans('home.Service You Need')}}
                                </p>
                                <p><span class="wpcf7-form-control-wrap"
                                        data-name="text-992"><input
                                            size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true"
                                            aria-invalid="false"
                                            placeholder="{{trans('home.Service You Need')}}"
                                            value=""
                                            type="text"
                                            name="service" /></span>
                                </p>
                            </div>
                            <div
                                class="col-md-12 modal-p modal-b">
                                <p class="modal-text">
                                    {{trans('home.message')}}
                                </p>
                                <p><span class="wpcf7-form-control-wrap"
                                        data-name="message-889">
                                        <textarea cols="10" rows="3" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="{{trans('home.message')}}" name="message"></textarea>
                                    </span>
                                </p>
                            </div>
                            <div class="col-md-12 modal-p modal-b">
                                <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.sitekey') }}"></div>
                            </div>
                            <div class="col-md-12 p-0">
                                <p><input
                                        class="wpcf7-form-control has-spinner wpcf7-submit"
                                        type="submit"
                                        value="{{trans('home.send')}}" />
                                </p>
                            </div>
                        </div>
                        <div class="wpcf7-response-output"
                            aria-hidden="true">
                        </div>
                    </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

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