{"id":396,"date":"2024-02-26T06:10:53","date_gmt":"2024-02-26T06:10:53","guid":{"rendered":"https:\/\/underdevelopment.us\/it\/?page_id=396"},"modified":"2024-07-09T09:54:03","modified_gmt":"2024-07-09T09:54:03","slug":"build-a-tool","status":"publish","type":"page","link":"https:\/\/underdevelopment.us\/it\/build-a-tool\/","title":{"rendered":"Build a Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"396\" class=\"elementor elementor-396\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c90ffd9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c90ffd9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b940a14\" data-id=\"b940a14\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-448a3ea elementor-widget elementor-widget-shortcode\" data-id=\"448a3ea\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"text\/javascript\">\r\n    \/\/ PHP Functions\r\n    var itlPluginVersion = 1778000738;\r\n    var itlPluginBaseUrl = \"https:\\\/\\\/underdevelopment.us\\\/it\\\/wp-content\\\/plugins\\\/tool-express\\\/\";\r\n\r\n    \/\/ Pages links\r\n    var home_url = 'https:\/\/underdevelopment.us\/it\/';\r\n    window.home_page_url = 'https:\/\/underdevelopment.us\/it\/';\r\n    var dashboard_url = 'https:\/\/underdevelopment.us\/it\/dashboard';\r\n    var login_url = 'https:\/\/underdevelopment.us\/it\/login';\r\n    var register_url = 'https:\/\/underdevelopment.us\/it\/account';\r\n    var findDistro_url = 'https:\/\/underdevelopment.us\/it\/find-a-distributor';\r\n    var editUserInfo_url = 'https:\/\/underdevelopment.us\/it\/login-contact-information';\r\n\r\n    \/\/ SVGS\r\n    var checkMark = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"40\" height=\"40\" x=\"0\" y=\"0\" viewBox=\"0 0 520 520\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\" class=\"\"><g><g data-name=\"15-Checked\"><circle cx=\"208.52\" cy=\"288.5\" r=\"176.52\" fill=\"#b0ef8f\" opacity=\"1\" data-original=\"#b0ef8f\" class=\"\"><\/circle><path fill=\"#009045\" d=\"m210.516 424.937-2.239-3.815c-34.2-58.27-125.082-181.928-126-183.17l-1.311-1.781 30.963-30.6 98.012 68.439c61.711-80.079 119.283-135.081 156.837-167.2C407.859 71.675 434.6 55.5 434.87 55.345l.608-.364H488l-5.017 4.468C353.954 174.375 214.1 418.639 212.707 421.093z\" opacity=\"1\" data-original=\"#009045\" class=\"\"><\/path><\/g><\/g><\/svg>`;\r\n    var crossMark = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"512\" height=\"512\" x=\"0\" y=\"0\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\" class=\"\"><g><g data-name=\"Layer 2\"><circle cx=\"256\" cy=\"256\" r=\"256\" fill=\"#ff2147\" opacity=\"1\" data-original=\"#ff2147\" class=\"\"><\/circle><path fill=\"#ffffff\" d=\"m312.75 256 76.72-76.72a22.29 22.29 0 0 0 0-31.53l-25.22-25.22a22.29 22.29 0 0 0-31.53 0L256 199.25l-76.72-76.72a22.29 22.29 0 0 0-31.53 0l-25.22 25.22a22.29 22.29 0 0 0 0 31.53L199.25 256l-76.72 76.72a22.29 22.29 0 0 0 0 31.53l25.22 25.22a22.29 22.29 0 0 0 31.53 0L256 312.75l76.72 76.72a22.29 22.29 0 0 0 31.53 0l25.22-25.22a22.29 22.29 0 0 0 0-31.53z\" opacity=\"1\" data-original=\"#ffffff\"><\/path><\/g><\/g><\/svg>`;\r\n<\/script>\n    <script>\n        var ajaxUrl = \"https:\/\/underdevelopment.us\/it\/wp-admin\/admin-ajax.php\";\n    <\/script>\n\n\n\t\t<div class=\"elementor-shortcode\"><h1 style='color:red'>POST ID NOT SET<\/h1><br \/>\n<b>Warning<\/b>:  Undefined variable $post_id in <b>\/home\/undezxdq\/public_html\/it\/wp-content\/plugins\/tool-express\/source\/build-a-tool.php<\/b> on line <b>17<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined variable $post_id in <b>\/home\/undezxdq\/public_html\/it\/wp-content\/plugins\/tool-express\/source\/build-a-tool.php<\/b> on line <b>33<\/b><br \/>\n\r\n\r\n<!-- Display PDF -->\r\n<!-- <div>\r\n    <iframe id=\"pdf-viewer\" src=\"http:\/\/localhost\/-server-\/it\/wp-content\/uploads\/2024\/07\/Back-Draft-Cutter.pdf\" type=\"application\/pdf\" width=\"100%\" height=\"600px\"><\/iframe>\r\n  <\/div> -->\r\n\r\n\r\n<!--  -->\r\n\r\n<section class=\"itl-sec-thank-you itl-hidden\" id=\"itlSecThankyou\">\r\n    <div class=\"itl-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/underdevelopment.us\/it\/wp-content\/plugins\/tool-express\/\/source\/images\/thank-you.png\" alt=\"\">\r\n        <h1>Thank you for creating such a valuable tool.<\/h1>\r\n        <p>\"Your tool has been sent to the distributor. You can view your order in the 'My Orders' section under 'My Account.' The distributor may contact you soon.<\/p>\r\n    <\/div>\r\n<\/section>\r\n<section class=\"cs-build-tool\" id=\"itlSecBuildTool\">\r\n    <div class=\"cs-container\">\r\n\r\n        <!-- This is the Title Wrapper -->\r\n        <div class=\"cs-title-wrapper\">\r\n            <h1 class=\"cs-h1 cs-titile\"><strong>BUILD A CUSTOM TOOL<\/strong><\/h1>\r\n            <p class=\"cs-subtitle\">Design solid carbide Custom End Mills and Cutters specifically for your application! Please select a Tool Style from the dropdown below to get started.<\/p>\r\n        <\/div>\r\n\r\n        <!-- This is the Select Style + Image section -->\r\n        <div class=\"cs-select-tool-style\">\r\n            <!-- <div class=\"cs-form-group\">\r\n                <h5 class=\"cs-h5\">Please Select Tool Style:<\/h5>\r\n                <select class=\"form-select\" name=\"cs_select_ToolStyle\" id=\"cs_select_ToolStyle\">\r\n                    <option value=\"\" style=\"display: none;\">-------- Select Style --------<\/option>\r\n                    <option value=\"1\">DEBURRING END MILL - BALL<\/option>\r\n                    <option value=\"2\">DEBURRING END MILL - SQUARE<\/option>\r\n                <\/select>\r\n            <\/div> -->\r\n\r\n\r\n            <!-- Get the Slug of the image -->\r\n            <br \/>\n<b>Warning<\/b>:  Undefined variable $post_id in <b>\/home\/undezxdq\/public_html\/it\/wp-content\/plugins\/tool-express\/source\/build-a-tool.php<\/b> on line <b>106<\/b><br \/>\n\r\n                    <div class=\"cs-image-wrapper\">\r\n                        <img src=https:\/\/underdevelopment.us\/it\/wp-content\/uploads\/2024\/03\/17.png alt=\"style-img\">\r\n                    <\/div>\r\n\r\n            \r\n\r\n\r\n        <\/div>\r\n\r\n        <div class=\"itl-fillable-pdf my-5\">\r\n            No PDF file found.            <div class=\"cs-btn-wrapper pb-5\">\r\n                <button class=\"cs-btn-primary build-tool-primary-btn p-1 float-end\" id=\"downloadPdfBtn\">Download PDF<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"cs-custom-form\">\r\n            <form action=\"\" method=\"post\" id=\"buildToolForm\" enctype=\"multipart\/form-data\">\r\n\r\n\r\n                <!-- Tool Informatoin -->\r\n                <div class=\"cs-tool-infromation itl-hidden\">\r\n                    <h5 class=\"cs-h5\">Tool Information<\/h5>\r\n                    <div class=\"row\">\r\n\r\n                        <!-- Fetching the Dynamic Form Tool Fields -->\r\n                        \r\n                        <!-- ETCHING -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 mt-4\">\r\n                            <div class=\"cs-form-group cs-checkbox\">\r\n                                <label for=\"cs_checkbox_Etching\">\r\n                                    <input type=\"checkbox\" name=\"cs_checkbox_Etching\" value=\"ETCHING\" id=\"cs_checkbox_Etching\">\r\n                                    ETCHING\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Weldon Flat -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 mt-0 mt-lg-4 \">\r\n                            <div class=\"cs-form-group cs-checkbox\">\r\n                                <label for=\"cs_checkbox_WeldonFlat\">\r\n                                    <input type=\"checkbox\" name=\"cs_checkbox_WeldonFlat\" id=\"cs_checkbox_WeldonFlat\">\r\n                                    WELDON FLAT\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application -->\r\n                <div class=\"cs-application itl-hidden\">\r\n                    <h5 class=\"cs-h5\">Application<\/h5>\r\n                    <div class=\"row\">\r\n\r\n                        <div class=\"row p-0 mb-lg-4\">\r\n                            <!-- Workpiece Material -->\r\n                            <div class=\"col-md-3 p-0 pr-lg-4 mb-4 pr-lg-3  \">\r\n                                <div class=\"cs-form-group\">\r\n                                    <label for=\"cs_text_AppWorkpieceMaterial\">Workpiece Material*<\/label>\r\n                                    <input type=\"text\" id=\"cs_text_AppWorkpieceMaterial\" class=\"cs-form-control\" name=\"cs_text_AppWorkpieceMaterial\" value=\"asdfjk\" \/>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Tool Path -->\r\n                            <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                                <div class=\"cs-form-group\">\r\n                                    <label for=\"cs_text_ToolPath\">Tool Path*<\/label>\r\n                                    <input type=\"text\" id=\"cs_text_ToolPath\" class=\"cs-form-control\" name=\"cs_text_ToolPath\" value=\"asdfjk\" \/>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <!-- Describe Your Application -->\r\n                        <div class=\"col-md-12 p-0\">\r\n                            <div class=\"cs-form-group\" style=\"max-width: 100%;\">\r\n                                <label for=\"cs_text_YourApplication\">Describe Your Application<\/label>\r\n                                <textarea name=\"cs_text_YourApplication\" id=\"cs_text_YourApplication\" style=\"height: 17rem;\"><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Quantity -->\r\n                <div class=\"cs-quantity itl-hidden\">\r\n                    <h5 class=\"cs-h5\">Quantity<\/h5>\r\n                    <div class=\"cs-form-group\">\r\n                        <input type=\"text\" id=\"cs_text_Quantity\" class=\"cs-form-control\" name=\"cs_text_Quantity\" value=\"0\" \/>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Contact Informatoin -->\r\n                <div class=\"cs-contact-infromation my-lg-5 \">\r\n                    <h5 class=\"cs-h5\">Contact Information<\/h5>\r\n                    <div class=\"row\">\r\n\r\n                        <!-- First Name -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolFirstName\">First Name<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolFirstName\" class=\"cs-form-control\" name=\"cs_text_ToolFirstName\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Last Name -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolLastName\">Last Name<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolLastName\" class=\"cs-form-control\" name=\"cs_text_ToolLastName\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Company Name -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolCompanyName\">Company Name<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolCompanyName\" class=\"cs-form-control\" name=\"cs_text_ToolCompanyName\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Email -->\r\n                        <div class=\"col-md-3 p-0 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_email_ToolEmail\">Email<\/label>\r\n                                <input type=\"email\" id=\"cs_email_ToolEmail\" class=\"cs-form-control\" name=\"cs_email_ToolEmail\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Address 1 -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolAddress1\">Address 1<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolAddress1\" class=\"cs-form-control\" name=\"cs_text_ToolAddress1\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- City -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolCity\">City<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolCity\" class=\"cs-form-control\" name=\"cs_text_ToolCity\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Country -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label>Country<\/label>\r\n                                <select class=\"form-select\" name=\"cs_select_ToolCountry\" id=\"cs_select_ToolCountry\">\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- State \/ Province -->\r\n                        <div class=\"col-md-3 p-0 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label>State \/ Province<\/label>\r\n                                <select class=\"form-select\" name=\"cs_select_ToolStateProvince\" id=\"cs_select_ToolStateProvince\">\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- ZIP -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_text_ToolZip\">ZIP<\/label>\r\n                                <input type=\"text\" id=\"cs_text_ToolZip\" class=\"cs-form-control\" name=\"cs_text_ToolZip\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Phone -->\r\n                        <div class=\"col-md-3 p-0 pr-lg-4 mb-4 \">\r\n                            <div class=\"cs-form-group\">\r\n                                <label for=\"cs_tel_ToolPhone\">Phone<\/label>\r\n                                <input type=\"tel\" id=\"cs_tel_ToolPhone\" class=\"cs-form-control\" name=\"cs_tel_ToolPhone\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Distributor Information -->\r\n\r\n                <div class=\"cs-distributor-info\">\r\n\r\n                    <h5 class=\"cs-h5\">Distributor Information<\/h5>\r\n                    <span class=\"cs-description\">Please select your preferred ditributor from the list provided.<\/span>\r\n\r\n                    <div class=\"row\">\r\n\r\n                        <!-- Prefferred Distributor -->\r\n                        <div class=\"col-md-5 p-0\">\r\n                            <div class=\"cs-form-group\">\r\n                                <label>Preferred Distributor<\/label>\r\n                                <select class=\"form-select\" name=\"cs_select_PreferredDistributor\" id=\"cs_select_PreferredDistributor\"><\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Additional Information -->\r\n                <div class=\"cs-additional-info my-lg-5\">\r\n                    <h5 class=\"cs-h5\">Additional Information<\/h5>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 p-0\">\r\n                            <div class=\"cs-form-group\">\r\n                                <textarea name=\"cs_text_AdditionalInformation\" id=\"cs_text_AdditionalInformation\"><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Attach a File -->\r\n                <div class=\"cs-attach-file mb-lg-2\">\r\n\r\n                    <h5 class=\"cs-h5\">Attach a File<\/h5>\r\n                    <span class=\"cs-description\">Select a file below to attach a supporting file to your request. Approved file types are .pdf, .jpg, .png, .dxf, .dwg<\/span>\r\n\r\n                    <div class=\"row\">\r\n\r\n                        <!-- Add file -->\r\n                        <div class=\"col-md-12 p-0 itl-file-wrap\">\r\n                            <div class=\"cs-form-group\">\r\n                                <input type=\"file\" id=\"cs_file_AttachFile\" class=\"cs-form-control\" name=\"cs_file_AttachFile\" \/>\r\n                                <label for=\"cs_file_AttachFile\"><\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cs-btn-wrapper\">\r\n                    <button type=\"submit\" class=\"cs-btn-primary build-tool-primary-btn\" name=\"cs_submit_build_tool\" id=\"cs_submit_build_tool\">Send<\/button>\r\n                <\/div>\r\n\r\n\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        document\r\n            .getElementById(\"buildToolForm\")\r\n            .addEventListener(\"submit\", function(event) {\r\n                event.preventDefault();\r\n                validateBuildToolForm();\r\n                \/\/ const isValidForm = validateBuildToolForm();\r\n                const isValidForm = true;\r\n\r\n                if (isValidForm) {\r\n                    save_build_tool();\r\n                }\r\n            });\r\n    });\r\n<\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Get the button element\r\n        var downloadBtn = document.getElementById('downloadPdfBtn');\r\n\r\n        \/\/ Add click event listener to the button\r\n        downloadBtn.addEventListener('click', function(event) {\r\n            event.preventDefault(); \/\/ Prevent default link behavior\r\n\r\n            \/\/ Get the PDF URL from the iframe src attribute\r\n            var pdfUrl = '';\r\n\r\n            \/\/ Trigger download by creating an 'a' element and clicking it\r\n            var link = document.createElement('a');\r\n            link.href = pdfUrl;\r\n            link.setAttribute('target', '_blank'); \/\/ Open in a new tab\/window\r\n            link.setAttribute('download', ''); \/\/ Specify filename for download\r\n            document.body.appendChild(link); \/\/ Append link to body\r\n            link.click(); \/\/ Simulate click on the link\r\n            document.body.removeChild(link); \/\/ Remove the link from the body after clicking\r\n        });\r\n    });\r\n<\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-396","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/pages\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":16,"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/pages\/396\/revisions"}],"predecessor-version":[{"id":304963,"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/pages\/396\/revisions\/304963"}],"wp:attachment":[{"href":"https:\/\/underdevelopment.us\/it\/wp-json\/wp\/v2\/media?parent=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}