<?php
$ad_sns = get_home_field( 'ad_sns' );
$ad_logo      = get_home_field( 'ad_logo' );
$ad_sns       = get_home_field( 'ad_sns' );
$ad_phone_1   = get_home_field( 'ad_phone_1' );
$ad_mail_01   = get_home_field( 'ad_mail_01' );
$ad_phone_2 = get_home_field( 'ad_phone_2' );
$ad_whatsapp = get_home_field( 'ad_whatsapp' );
?>

<!-- company_subscribe -->
    <section class="company_subscribe">
      <div class="layout flex_row">
         <h2 class="subscribe_title">For inquiries about our products or pricelist, please leave your email to us and we will be in touch within 24 hours.</h2>
        <a href="javascript:" class="sys_btn button">Inquiry</a>
      </div>
    </section>
  <footer class="web_footer">
    <section class="foot_service">
      <div class="layout">
        <div class="foot_items">
          <nav class="foot_item foot_item_infO">
              <div class="foot_logo"> 
               
       <img src="<?php echo $ad_logo['url']; ?>" alt="logo">
      
            </div>
        <p>Room 401, Building #8, No.3, Lianchen Minglian Road (Huacheng Industrial Zone), Qiaotou Town, Dongguan City, Guangdong Province, China 523525</p>
          </nav>
          <nav class="foot_item foot_item_nav">
            <div class="foot_item_hd">
              <h2 class="title">Support</h2>
            </div>
            <div class="foot_item_bd">
              <ul class="foot_txt_list">
                <?php echo get_menu( 104 ); ?>
              </ul>
            </div>
          </nav>
          <nav class="foot_item foot_item_about">
            <div class="foot_item_hd">
              <h2 class="title">About</h2>
            </div>
            <div class="foot_item_bd">
              <ul class="foot_txt_list">
                <?php echo get_menu( 105 ); ?>
              </ul>
            </div>
          </nav>
          <nav class="foot_item foot_item_contact">
            <div class="foot_item_hd">
              <h2 class="title">Contact us</h2>
            </div>
            <div class="foot_item_bd">
              <address class="foot_contact_list">
                <ul>
			<li class="contact_item">
                   <i class="contact_ico contact_ico_phone"></i>
                   <div class="contact_txt">
                     <a href="tel:+86-020-84440213" taregt="_blank"><span class="item_label">Tel:</span><span class="item_val"><?php echo get_home_field( 'ad_phone_1' ); ?></span></a>
                   </div>
                 </li>
				  
				 	                 <li class="contact_item">
                   <i class="contact_ico contact_ico_phone cont_ico_whatsapp"></i>
                   <div class="contact_txt">
                     <a href="https://api.whatsapp.com/send/?phone=8613342681005&text&type=phone_number&app_absent=0" target="_blank" rel="nofollow"><span class="item_label">whatsapp:</span><span class="item_val"><?php echo get_home_field( 'ad_whatsapp' ); ?></span></a>
                   </div>
                 </li>
				  
				 				                  <li class="contact_item">
                   <i class="contact_ico contact_ico_email"></i>
                   <div class="contact_txt">
                     <a href="mailto:<?php echo get_home_field( 'ad_mail_01' ); ?>" target="_blank"><span class="item_label">Email:</span><span class="item_val"><?php echo get_home_field( 'ad_mail_01' ); ?></span></a>
                   </div>
                 </li>
               </ul>
              </address>
            </div>
          </nav>
        </div>
      </div>
    </section>
    
    
    
    
<section class="foot_bar">
      <div class="layout">
         <div class="copyright">                        © Copyright - 2010-2024 : All Rights Reserved.                 <script type="text/javascript" src="//www.globalso.site/livechat.js"></script>        <a href="/sitemap.xml">Sitemap</a></div>
        <ul class="foot_sns">
  <?php foreach ( $ad_sns as $ad_sns ): ?>
          <li><a rel="nofollow" target="_blank" href="<?php echo $ad_sns['alt']; ?>" ><img src="<?php echo $ad_sns['url']; ?>" alt="<?php echo $ad_sns['title']; ?>"></a></li>
 <?php endforeach; ?>
        </ul>
      </div>
    </section>
    
    
    <div class="inquiry-pop-bd">
  <div class="inquiry-pop"> <i class="ico-close-pop" onClick="hideMsgPop();"></i> 
     <style>
                  /* 表单容器 */
.wpforms-container {
  margin: 0 auto;
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 表单标题 */
.wpforms-field-container {
  margin-bottom: 20px;
}

/* 表单字段 */
.wpforms-field {
  margin-bottom: 20px;
}

/* 标签样式 */
.wpforms-field-label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #555;
}

/* 输入框样式 */
input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}

/* 输入框聚焦效果 */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
  border-color: #4CAF50;
  box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
}

/* 文本域样式 */
textarea {
  resize: vertical;
  min-height: 120px;
}

/* 提交按钮样式 */
.wpforms-submit-container {
  text-align: center;
}

.wpforms-submit {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 提交按钮悬停效果 */
.wpforms-submit:hover {
  background-color: #45a049;
}

/* 提交按钮加载状态 */
.wpforms-submit-spinner {
  margin-left: 10px;
  vertical-align: middle;
}

/* 隐藏字段 */
.wpforms-field[data-field-type="text"] {
  display: none;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .wpforms-container {
    padding: 20px;
  }
  
  input[type="text"],
  input[type="email"],
  textarea {
    padding: 10px;
  }
  
  .wpforms-submit {
    padding: 10px 20px;
  }
}
              </style>
              <?php echo do_shortcode("[wpforms id=\"210\"]"); ?>
  </div>
</div>
    
   <!-- Fixed Contact Form -->
    <div id="contact-form-container">
        <button id="contact-form-toggle">
            <span>Leave Your Message</span>
        </button>
        <div id="contact-form">
            <div class="form-header">
                <h3>Leave Your Message</h3>
                <button id="contact-form-close">×</button>
            </div>
            <?php echo do_shortcode("[wpforms id=\"210\"]"); ?>
        </div>
    </div>
    
    <style>
        /* Fixed Contact Form Styles */
        #contact-form-container {
            position: fixed;
            bottom: 0;
            right: 80px;
            z-index: 1000;
        }
        
        #contact-form-toggle {
            padding: 12px 60px;
            border-radius: 10px 10px 0 0;
            background: #2738d2;
            border: none;
            color: white;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
            display: none;
        }
        
        #contact-form-toggle:hover {
            box-shadow: 0 6px 15px rgba(0,0,0,0.3);
        }
        
        #contact-form {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 400px;
            background: white;
            border-radius: 10px 10px 0 0;
            box-shadow: 0 5px 20px rgba(0,0,0,0.15);
            padding: 20px;
            display: block;
            animation: slideUp 0.3s ease;
        }
        #contact-form .wpforms-field-label{display:none;}
        #contact-form .wpforms-container input.wpforms-field-medium{max-width:100%;}
        #contact-form.hidden {
            display: none;
        }
        
        #contact-form-container.show-toggle #contact-form-toggle {
            display: block;
        }
        
        .form-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .form-header h3 {
            margin: 0;
            color: #002856;
            font-size: 18px;
        }
        
        #contact-form-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            transition: color 0.3s ease;
        }
        
        #contact-form-close:hover {
            color: #333;
        }
        
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(100%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .form-row {
            display: flex;
            gap: 15px;
            margin-bottom: 15px;
        }
        
        .form-group {
            flex: 1;
            margin-bottom: 15px;
        }
        
        .form-group.full-width {
            width: 100%;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #555;
            font-size: 14px;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
            transition: border-color 0.3s ease;
        }
        
        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #09b6ae;
            box-shadow: 0 0 0 3px rgba(9, 182, 174, 0.1);
        }
        
        .submit-button {
            width: 100%;
            padding: 12px;
            background: linear-gradient(to bottom, #1cce7f, #0ab8ab);
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .submit-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(9, 182, 174, 0.3);
        }
        
        /* Responsive styles */
        @media (max-width: 768px) {
            #contact-form-container {
                bottom: 20px;
                right: 20px;
            }
            
            #contact-form-toggle {
                padding: 10px 15px;
                font-size: 12px;
            }
            
            #contact-form {
                width: 300px;
                padding: 15px;
            }
            
            .form-row {
                flex-direction: column;
                gap: 0;
            }
        }
    </style>
    
    <script>
        // Contact form functionality
        document.addEventListener('DOMContentLoaded', function() {
            const contactFormContainer = document.getElementById('contact-form-container');
            const contactFormToggle = document.getElementById('contact-form-toggle');
            const contactForm = document.getElementById('contact-form');
            const contactFormClose = document.getElementById('contact-form-close');

            // Show form when toggle button is clicked
            contactFormToggle.addEventListener('click', function() {
                contactForm.classList.remove('hidden');
                contactFormContainer.classList.remove('show-toggle');
            });
            
            // Close form functionality
            contactFormClose.addEventListener('click', function() {
                contactForm.classList.add('hidden');
                contactFormContainer.classList.add('show-toggle');
            });
            

        });
    </script>
    
  </footer>


</div>
 <link rel='stylesheet' id='font-awesome-css'  href='/style/global/fonts/font-awesome/font-awesome.min.css?ver=1.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='foundation-icons-css'  href='/style/global/fonts/font-awesome/foundation-icons.css?ver=1.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='fl-builder-google-fonts-99ffaa26d28bd062f83cbc723d5c68ba-css'  href='//fonts.googleapis.com/css?family=Raleway%3A700&#038;ver=3.6.1' type='text/css' media='all' />
<script type="text/javascript" src="/style/global/js/common.js"></script>
<script type="text/javascript" src="/style/public/public.js"></script> 

<?php wp_footer();?>
</body>
</html>