{"id":795,"date":"2025-11-18T19:44:34","date_gmt":"2025-11-18T19:44:34","guid":{"rendered":"https:\/\/tjnowak.com\/?page_id=795"},"modified":"2025-11-18T20:05:40","modified_gmt":"2025-11-18T20:05:40","slug":"porta-jon-order-page","status":"publish","type":"page","link":"https:\/\/tjnowak.com\/index.php\/porta-jon-order-page\/","title":{"rendered":"Porta Jon Order Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"795\" class=\"elementor elementor-795\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a4097 e-flex e-con-boxed e-con e-parent\" data-id=\"a2a4097\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd3faa elementor-widget elementor-widget-heading\" data-id=\"bbd3faa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PORTA-JON ORDER PAGE &amp; FORM<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c38dbe elementor-widget elementor-widget-text-editor\" data-id=\"1c38dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"p1\">Get instant pricing, schedule your rental, and pay online.<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a6127 e-flex e-con-boxed e-con e-parent\" data-id=\"71a6127\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004548f elementor-widget elementor-widget-shortcode\" data-id=\"004548f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"nowak-porta-jon-wrapper\">\n  <main class=\"nowak-pj-main\">\n    <form class=\"nowak-pj-card\" id=\"portaJonForm\">\n      <h2>1. Contact &amp; Event Details<\/h2>\n\n      <div class=\"nowak-pj-grid\">\n        <div>\n          <label for=\"contactFirstName\">First name<\/label>\n          <input type=\"text\" id=\"contactFirstName\" required \/>\n        <\/div>\n        <div>\n          <label for=\"contactLastName\">Last name<\/label>\n          <input type=\"text\" id=\"contactLastName\" required \/>\n        <\/div>\n        <div>\n          <label for=\"companyName\">Company (optional)<\/label>\n          <input type=\"text\" id=\"companyName\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"nowak-pj-grid\" style=\"margin-top:0.75rem;\">\n        <div>\n          <label for=\"email\">Email<\/label>\n          <input type=\"email\" id=\"email\" required \/>\n        <\/div>\n        <div>\n          <label for=\"phone\">Phone<\/label>\n          <input type=\"tel\" id=\"phone\" required \/>\n        <\/div>\n      <\/div>\n\n      <!-- Street -->\n      <div class=\"nowak-pj-grid\" style=\"margin-top:1rem;\">\n        <div>\n          <label for=\"eventStreet\">Event \/ jobsite street address<\/label>\n          <input type=\"text\" id=\"eventStreet\" required \/>\n        <\/div>\n      <\/div>\n\n      <!-- City \/ State \/ ZIP -->\n      <div class=\"nowak-pj-grid\" style=\"margin-top:0.75rem;\">\n        <div>\n          <label for=\"eventCity\">City<\/label>\n          <input type=\"text\" id=\"eventCity\" required \/>\n        <\/div>\n        <div>\n          <label for=\"eventState\">State<\/label>\n          <input type=\"text\" id=\"eventState\" maxlength=\"2\" required \/>\n        <\/div>\n        <div>\n          <label for=\"eventZip\">ZIP code<\/label>\n          <input type=\"text\" id=\"eventZip\" required \/>\n        <\/div>\n      <\/div>\n\n      <!-- County + Usage -->\n      <div class=\"nowak-pj-grid\" style=\"margin-top:0.75rem;\">\n        <div>\n          <label for=\"county\">County<\/label>\n          <select id=\"county\" required>\n            <option value=\"Allen\" selected>Allen County<\/option>\n            <option value=\"Dekalb\">Dekalb County<\/option>\n            <option value=\"Noble\">Noble County<\/option>\n            <option value=\"Whitley\">Whitley County<\/option>\n            <option value=\"Huntington\">Huntington County<\/option>\n            <option value=\"Wells\">Wells County<\/option>\n            <option value=\"Adams\">Adams County<\/option>\n            <option value=\"Steuben\">Steuben County<\/option>\n            <option value=\"Lagrange\">Lagrange County<\/option>\n            <option value=\"Kosciusko\">Kosciusko County<\/option>\n          <\/select>\n          <p class=\"nowak-pj-muted\" style=\"margin-top:0.35rem;\">\n            Delivery fee and required notice are based on county.\n          <\/p>\n        <\/div>\n\n        <div>\n          <label for=\"usageType\">What is this Porta-Jon for?<\/label>\n          <select id=\"usageType\" required>\n            <option value=\"\">Select one...<\/option>\n            <option value=\"residential\">Residential<\/option>\n            <option value=\"construction\">Construction<\/option>\n            <option value=\"special_event\">Special event<\/option>\n            <option value=\"business\">Business use (for employees)<\/option>\n            <option value=\"other\">Other<\/option>\n          <\/select>\n        <\/div>\n\n        <div id=\"usageOtherWrapper\">\n          <label for=\"usageOtherDetails\">If \u201cOther\u201d, tell us about the event (optional)<\/label>\n          <textarea\n            id=\"usageOtherDetails\"\n            placeholder=\"Festival, wedding, fundraiser, etc.\"\n          ><\/textarea>\n        <\/div>\n      <\/div>\n\n      <!-- Requested dates + notes -->\n      <div class=\"nowak-pj-grid\" style=\"margin-top:1rem;\">\n        <div>\n          <label for=\"startDate\">Requested delivery date<\/label>\n          <input type=\"date\" id=\"startDate\" required \/>\n        <\/div>\n        <div>\n          <label for=\"pickupDate\">Requested pickup date<\/label>\n          <input type=\"date\" id=\"pickupDate\" \/>\n        <\/div>\n        <div>\n          <label for=\"notes\">Notes for dispatcher (gate codes, timing, etc.)<\/label>\n          <textarea id=\"notes\"><\/textarea>\n        <\/div>\n      <\/div>\n\n      <!-- Date error (weekends \/ notice window) -->\n      <div class=\"nowak-pj-grid\" style=\"margin-top:0.5rem;\">\n        <div style=\"grid-column: 1 \/ -1;\">\n          <div\n            id=\"dateError\"\n            class=\"nowak-pj-error\"\n            style=\"display:none; margin-top:0.25rem;\"\n          ><\/div>\n        <\/div>\n      <\/div>\n\n      <h2 style=\"margin-top:2rem;\">2. Units Needed<\/h2>\n\n      <div class=\"nowak-pj-grid\" style=\"margin-bottom:0.75rem;\">\n        <div>\n          <label for=\"qtyStandard\">Standard Jons<\/label>\n          <input type=\"number\" id=\"qtyStandard\" min=\"0\" step=\"1\" value=\"1\" \/>\n        <\/div>\n        <div>\n          <label for=\"qtySinkJon\">Jons w\/ sink or wheelchair-accessible<\/label>\n          <input type=\"number\" id=\"qtySinkJon\" min=\"0\" step=\"1\" value=\"0\" \/>\n        <\/div>\n        <div>\n          <label for=\"qtyStandaloneSink\">Stand-alone handwash sinks<\/label>\n          <input\n            type=\"number\"\n            id=\"qtyStandaloneSink\"\n            min=\"0\"\n            step=\"1\"\n            value=\"0\"\n          \/>\n        <\/div>\n      <\/div>\n\n      <p class=\"nowak-pj-muted\" style=\"margin-top:0.4rem;\">\n        Online pricing covers approximately 30 days. Need 11+ units or a large\n        festival? Call the office at (260) 424-1901 and we\u2019ll build a custom quote.\n      <\/p>\n\n      <div class=\"nowak-pj-card\" id=\"pricingCard\" style=\"margin-top:1.5rem;\">\n        <h2>3. Pricing Summary<\/h2>\n        <div class=\"summary\" id=\"summaryContent\">\n          <p>Select your county, dates, and units to see pricing.<\/p>\n        <\/div>\n        <div class=\"nowak-pj-actions\">\n          <button type=\"submit\" id=\"checkoutButton\">\n            Proceed to secure payment\n          <\/button>\n          <span class=\"nowak-pj-muted\">\n            You\u2019ll be redirected to Stripe to complete payment.\n          <\/span>\n        <\/div>\n        <div class=\"nowak-pj-error\" id=\"errorBox\" style=\"display:none;\"><\/div>\n      <\/div>\n    <\/form>\n\n    <div class=\"nowak-pj-card\">\n      <h2>Questions?<\/h2>\n      <p class=\"nowak-pj-muted\">\n        Need help with large festivals or special event layouts?\n        Call the office at (260) 424-1901 and ask for Kelly or David.\n      <\/p>\n    <\/div>\n  <\/main>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PORTA-JON ORDER PAGE &amp; FORM Get instant pricing, schedule your rental, and pay online.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-795","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/pages\/795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/comments?post=795"}],"version-history":[{"count":10,"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/pages\/795\/revisions"}],"predecessor-version":[{"id":814,"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/pages\/795\/revisions\/814"}],"wp:attachment":[{"href":"https:\/\/tjnowak.com\/index.php\/wp-json\/wp\/v2\/media?parent=795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}