Contact Us

Request Information Form

Request Information

First Name *

Last Name *

Email *

Phone *

Company *

Reason of Contact *

Select Services

In-process
Process Monitoring System
Grinding Wheel Auto Balancer
Post-process
Digital Measuring Instruments

Message *

</textarea>
          </div>
          <div class="text-center mt-4">
            <button type="button" id="sendBtn" class="btn btn-primary w-100"><i class="fas fa-paper-plane"></i> Send</button>
          </div>
        </form>
      </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
      document.addEventListener("DOMContentLoaded", () => {
        const servicesList = document.getElementById("servicesList");
        const dropZone = document.getElementById("dropZone");
        const sendBtn = document.getElementById("sendBtn");
        const reasonSelect = document.getElementById("reason");

// Drag and drop functionality
        servicesList.addEventListener("dragstart", (e) => {
          e.dataTransfer.setData("text", e.target.textContent);
        });

dropZone.addEventListener("dragover", (e) => {
          e.preventDefault();
        });

dropZone.addEventListener("drop", (e) => {
          e.preventDefault();
          const service = e.dataTransfer.getData("text");
          const newItem = document.createElement("div");
          newItem.innerHTML = `${service} <i class="fas fa-times"></i>`;
          newItem.querySelector("i").addEventListener("click", () => {
            servicesList.appendChild(document.createElement("li")).textContent = service;
            newItem.remove();
            checkEmptyState();
          });
          dropZone.appendChild(newItem);
          checkEmptyState();
        });

function checkEmptyState() {
          dropZone.classList.toggle("empty", dropZone.children.length === 0);
        }

// Email target based on reason
        const getEmailTarget = () => {
          const reason = reasonSelect.value;
          switch (reason) {
            case "Support":
              return "support@rakitawebsite.com";
            case "Inquiry":
              return "inquiry@rakitawebsite.com";
            default:
              return "admin@rakitawebsite.com";
          }
        };

// Send email functionality
        sendBtn.addEventListener("click", () => {
          const email = getEmailTarget();
          const subject = `Contact Form Submission from ${document.getElementById("firstName").value} ${document.getElementById("lastName").value}`;
          const services = Array.from(dropZone.children)
            .map((child) => child.textContent.replace("×", "").trim())
            .join(", ");
          const body = `
          Dear Admin,

Below are the details of the contact form submission:

Name: ${document.getElementById("firstName").value} ${document.getElementById("lastName").value}
          Email: ${document.getElementById("email").value}
          Phone: ${document.getElementById("phone").value}
          Company: ${document.getElementById("company").value}
          Reason of Contact: ${reasonSelect.value}

Selected Services:
          ${services}

Message:
          ${document.getElementById("message").value}

Best regards,
          ${document.getElementById("firstName").value} ${document.getElementById("lastName").value}
        `;
          window.open(`mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`);
        });
      });
    </script>
  </body>
</html><div class="fusion-clearfix"></div></div></div><div class="fusion-clearfix"></div>
							</div>
												</div>
	</div>
									</div>  
			</div>  
			
			
			
			
										
				<div class="fusion-footer">

<footer class="fusion-footer-widget-area fusion-widget-area">
							<div class="fusion-row">
								<div class="fusion-columns fusion-columns-2 fusion-widget-area">
									
																																							<div class="fusion-column col-lg-6 col-md-6 col-sm-6">
												<div id="text-3" class="fusion-footer-widget-column widget widget_text"><h4 class="widget-title">PT. Tosei Indonesia</h4>			<div class="textwidget"><p>Jl. Kenari Timur Blok G1A No.23<br />
Delta Silicon 5 – Lippo Cikarang<br />
Bekasi 17530</p>
</div>
		<div style="clear:both;"></div></div>																																				</div>
																																								<div class="fusion-column fusion-column-last col-lg-6 col-md-6 col-sm-6">
												<div id="custom_html-2" class="widget_text fusion-footer-widget-column widget widget_custom_html"><h4 class="widget-title">Contact Support</h4><div class="textwidget custom-html-widget"><a href="tel:+622129617698">
    <i class="fa fa-phone" style="font-size: 13px;"></i> Telp : +62-21-29617698
</a><br>

<a href="mailto:amg-indonesia@toseieng.co.jp">
    <i class="fa fa-envelope-o" style="font-size: 13px;"></i> Email : amg-indonesia@toseieng.co.jp
</a><br>

<a href="mailto:admin-indonesia@toseieng.co.jp">
    <i class="fa fa-envelope-o" style="font-size: 13px;"></i> Email 2 : admin-indonesia@toseieng.co.jp
</a><br>

<a href="http://www.toseiindonesia.co.id" target="_blank">
    <i class="fa fa-globe" style="font-size: 13px;"></i> Website : www.toseiindonesia.co.id
</a>
</div><div style="clear:both;"></div></div>																																				</div>
																																																																																															
									<div class="fusion-clearfix"></div>
								</div> 
							</div> 
						</footer> 
					
																
						<footer id="footer" class="fusion-footer-copyright-area">
							<div class="fusion-row">
								<div class="fusion-copyright-content">

<div class="fusion-copyright-notice">
			<div>©Copyright 2017 <a href="http://toseiindonesia.co.id/beta">PT. Tosei Indonesia</a> | All Rights Reserved | Support by <a href="https://www.rakitawebsite.com" target="_blank">Rakitawebsite.com</a></div>
		</div>
					<div class="fusion-social-links-footer">
							</div>
		
								</div> 
							</div> 
						</footer> 
									</div> 
					</div>

</body>
</html>