{"id":5461,"date":"2021-06-09T14:55:49","date_gmt":"2021-06-09T18:55:49","guid":{"rendered":"https:\/\/alphagasandelectric.com\/?page_id=5461"},"modified":"2023-12-04T12:03:48","modified_gmt":"2023-12-04T17:03:48","slug":"p2c","status":"publish","type":"page","link":"https:\/\/alphagasandelectric.com\/p2c\/","title":{"rendered":"Power To Choose"},"content":{"rendered":"<style type=\"text\/css\">\r\n\t#processingSpinner { visibility:hidden; } \r\n\tbody.busy .spinner-border { visibility:visible !important; }\r\n\t.actnum-info { font-size: 0.8em;}\r\n\t#photoIDMissing\r\n\t{\r\n\t\tcolor:red;\r\n\t\tfont-weight:bold;\r\n\t}\r\n\t.fontError\r\n\t{\r\n\t\tcolor:red;\r\n\t\tfont-weight:bold;\r\n\t}\r\n<\/style>\r\n<div style=\"max-width: 900px; min-height:500px; margin:15px;\">\r\n\t<div id='formDiv' style='display:none;'>\r\n\t\t<form id='accountForm' autocomplete=\"off\">\r\n\t\t\t<div style='font-weight:bold'>Utility and Rate Information<\/div>\r\n\t\t\t<div class='form-group' id='stateDiv'>\r\n\t\t\t\t<label for='state' >State:<\/label>\r\n\t\t\t\t<select name='state' autocomplete=\"off\" class='form-control' id='state' required>\r\n\t\t\t\t\t<option value=''>Select One<\/option>\r\n\t\t\t\t\t<option value='DE'>Delaware<\/option>\r\n\t\t\t\t\t<option value='IL'>Illinois<\/option>\r\n\t\t\t\t\t<option value='MD'>Maryland<\/option>\r\n\t\t\t\t\t<option value='MA'>Massachusetts<\/option>\r\n\t\t\t\t\t<option value='NJ'>New Jersey<\/option>\r\n\t\t\t\t\t<option value='NY'>New York<\/option>\r\n\t\t\t\t\t<option value='OH'>Ohio<\/option>\r\n\t\t\t\t\t<option value='PA'>Pennsylvania<\/option>\r\n\t\t\t\t\t<option value='DC'>Washington DC<\/option>\r\n\t\t\t\t<\/select>\r\n\t\t\t<\/div>\r\n\t\t\t<div class='form-group' id='commodityDiv'>\r\n\t\t\t\t<label for='commodity' >Commodity:<\/label>\r\n\t\t\t\t<select name='commodity' class='form-control' id='commodity' required>\r\n\t\t\t\t\t<option value=''>Select One<\/option>\r\n\t\t\t\t\t<option value='ELE'>Electric<\/option>\r\n\t\t\t\t\t<option value='GAS'>Gas<\/option>\r\n\t\t\t\t\t<option value='BOTH'>Electric and Gas<\/option>\r\n\t\t\t\t<\/select>\r\n\t\t\t<\/div>\r\n\t\t\t<div class='form-group' id='electricAccount'>\r\n\t\t\t\t<div style='font-weight:bold'>Electric Account<\/div>\r\n\t\t\t\t<div id='electricUtilityDiv'>\r\n\t\t\t\t\t<label for='electricUtility' >Electric Utility:<\/label>\r\n\t\t\t\t\t<select name='electricUtility' class='form-control' id='electricUtility' >\r\n\t\t\t\t\t\t<option value=''>Select One<\/option>\r\n\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<label for='electricRatePlan' >Electric Rate Plan:<\/label>\r\n\t\t\t\t<select name='electricRatePlan' class='form-control' id='electricRatePlan'>\r\n\t\t\t\t\t<option value=''>First Select Electric Utility<\/option>\r\n\t\t\t\t<\/select>\r\n\t\t\t\t<label for='electricAccountNumber' >Electric <span id='electricAccountNumberLabel'>Account Number<\/span> <span class='actnum-info'>(without spaces or dashes)<\/span>:<\/label>\r\n\t\t\t\t<input type='text' name='electricAccountNumber' class='form-control' id='electricAccountNumber' \/>\r\n\t\t\t\t<div id='electricMeterNumberDiv'>\r\n\t\t\t\t\t<label for='electricMeterNumber' id='electricMeterNumberLabel' >Electric Meter Number:<\/label>\r\n\t\t\t\t\t<input type='text' name='electricMeterNumber' class='form-control' id='electricMeterNumber' \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id='electricNameKeyDiv'>\r\n\t\t\t\t\t<label for='electricNameKey' >Electric Name Key:<\/label>\r\n\t\t\t\t\t<input type='text' name='electricNameKey' class='form-control' id='electricNameKey' \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id='addGasDiv' class=\"form-row\" style=\"margin-top:10px; display:none\">\r\n\t\t\t\t\t<!--\r\n\t\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t-->\r\n\t\t\t\t\t<div class='form-group col'>\r\n\t\t\t\t\t\t<div class=\"custom-control custom-switch\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"custom-control-input\" id=\"gasSwitch\">\r\n\t\t\t\t\t\t\t<label style=\"font-weight:bold\" class=\"custom-control-label\" for=\"gasSwitch\">Let me select a great natural gas plan as well<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class='form-group' id='gasAccount'>\r\n\t\t\t\t<div style='font-weight:bold'>Gas Account<\/div>\r\n\t\t\t\t<div id='gasUtilityDiv'>\r\n\t\t\t\t\t<label for='gasUtility' >Gas Utility:<\/label>\r\n\t\t\t\t\t<select name='gasUtility' class='form-control' id='gasUtility'>\r\n\t\t\t\t\t\t<option value=''>Select One<\/option>\r\n\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<label for='gasRatePlan' >Gas Rate Plan:<\/label>\r\n\t\t\t\t<select name='gasRatePlan' class='form-control' id='gasRatePlan'>\r\n\t\t\t\t\t<option value=''>First Select Gas Utility<\/option>\r\n\t\t\t\t<\/select>\r\n\t\t\t\t<label for='gasAccountNumber' >Gas <span id='gasAccountNumberLabel'>Account Number<\/span> <span class='actnum-info'>(without spaces or dashes)<\/span>:<\/label>\r\n\t\t\t\t<input type='text' name='gasAccountNumber' class='form-control' id='gasAccountNumber' \/>\r\n\t\t\t\t<div id='gasMeterNumberDiv'>\r\n\t\t\t\t\t<label for='gasMeterNumber' id='gasMeterNumberLabel' >Gas Meter Number:<\/label>\r\n\t\t\t\t\t<input type='text' name='gasMeterNumber' class='form-control' id='gasMeterNumber' \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id='gasNameKeyDiv'>\r\n\t\t\t\t\t<label for='gasNameKey' >Gas Name Key:<\/label>\r\n\t\t\t\t\t<input type='text' name='gasNameKey' class='form-control' id='gasNameKey' \/>\r\n\t\t\t\t<\/div>\t\r\n\t\t\t\t<div id='addEleDiv' class=\"form-row\" style=\"margin-top:10px; display:none\">\r\n\t\t\t\t\t<!--\r\n\t\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t-->\r\n\t\t\t\t\t<div class='form-group col'>\r\n\t\t\t\t\t\t<div class=\"custom-control custom-switch\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"custom-control-input\" id=\"eleSwitch\">\r\n\t\t\t\t\t\t\t<label style=\"font-weight:bold\" class=\"custom-control-label\" for=\"eleSwitch\">Let me select a great electric plan as well<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class='form-group' id='enrollDate'>\r\n\t\t\t\t<label for='enrollDate' >Requested Service Start Date:<\/label>\r\n\t\t\t\t<input type=\"date\" name='EnrollRequestDate' id='EnrollRequestDate' required \/>\r\n\t\t\t<\/div>\t\t\t\r\n\t\t\t<div class=\"form-row\" id='step1SubmitDiv'>\r\n\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t<button class=\"btn btn-danger\" type=\"button\" id='cancelEnrollmentBtn1' data-toggle=\"modal\" data-target=\"#cancelEnrollmentModal\">Cancel<\/button>\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t<button class=\"btn btn-primary float-right\" type=\"button\" id='accountSubmitBtn'>Next<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t<form id='customerForm' autocomplete=\"off\">\r\n\t\t\t<div class='form-group'>\r\n\t\t\t\t<div style='font-weight:bold'>Account Holder Information<\/div>\r\n\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t<div class=\"form-group col-md-6\">\r\n\t\t\t\t\t  <label for=\"FName\">First Name:<\/label>\r\n\t\t\t\t\t  <input type=\"text\" name='FName' class=\"form-control\" placeholder=\"First name\" id=\"fname\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col-md-6\">\r\n\t\t\t\t\t  <label for=\"LName\">Last Name:<\/label>\r\n\t\t\t\t\t  <input type=\"text\" name='LName' class=\"form-control\" placeholder=\"Last name\" id='lname' required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t<div class=\"form-group col-md-6\">\r\n\t\t\t\t\t  <label for=\"email\">Email:<\/label>\r\n\t\t\t\t\t  <input type='email' name='EmailAddress' class=\"form-control\" id=\"email\" placeholder=\"Email\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col-md-6\">\r\n\t\t\t\t\t  <label for=\"phone\">Phone:<\/label>\r\n\t\t\t\t\t  <input name='PrimaryPhone' class=\"form-control\" id=\"phone\" placeholder=\"Phone\" pattern=\"\\(\\d{3}\\) \\d{3}-\\d{4}$\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label for=\"inputAddress\">Service Address:<\/label>\r\n\t\t\t\t\t<input type=\"text\" name='ServiceAddrLine1' class=\"form-control\" id=\"inputAddress\" placeholder=\"1234 Main St\" required>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label for=\"inputAddress2\">Address 2:<\/label>\r\n\t\t\t\t\t<input type=\"text\" name='ServiceAddrLine2' class=\"form-control\" id=\"inputAddress2\" placeholder=\"Apartment, studio, or floor\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t<div class=\"form-group col-md-6\">\r\n\t\t\t\t\t  <label for=\"inputCity\">City:<\/label>\r\n\t\t\t\t\t  <input type=\"text\" name='ServiceCity' class=\"form-control\" id=\"inputCity\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col-md-4\">\r\n\t\t\t\t\t  <label for=\"inputState\">State:<\/label>\r\n\t\t\t\t\t  <input type='text' name='ServiceState' id=\"inputState\" class=\"form-control\" readonly \/>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col-md-2\">\r\n\t\t\t\t\t  <label for=\"inputZip\">Zip:<\/label>\r\n\t\t\t\t\t  <input type=\"text\" name='ServiceZip' class=\"form-control\" id=\"zip\" pattern=\"\\d{5}$\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-row\" id=\"SalesRepCodeDiv\">\r\n\t\t\t\t\t<div class=\"form-group col-md-12\">\r\n\t\t\t\t\t  <label for=\"SalesRepCode\">Associate ID:<\/label>\r\n\t\t\t\t\t  <input type=\"search\" name='SalesRepCode' id='SalesRepCode' class=\"form-control\" autocomplete=\"off\" required>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-row\" id=\"PhotoIDImageDiv\">\r\n\t\t\t\t\t<div class=\"form-group col-md-12\">\r\n\t\t\t\t\t\t<label id=\"PhotoIDLabel\">Customer Photo ID:<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col-md-12 text-center\" style=\"min-height:295px;\">\r\n\t\t\t\t\t\t<div id=\"PhotoOpsContainer\">\r\n\t\t\t\t\t\t\t<video muted id=\"PhotoIDImageVideo\" width=\"320\" height=\"240\" style=\"width:320px; height:242px; border:1px solid; margin-bottom:5px\" autoplay playsinline><\/video>\r\n\t\t\t\t\t\t\t<canvas id=\"PhotoIDImageCanvas\" width=\"320\" height=\"240\" style=\"border:1px solid; display:none\"><\/canvas>\r\n\t\t\t\t\t\t\t<div style=\"width:320px; margin:auto\">\r\n\t\t\t\t\t\t\t\t<button class=\"btn btn-dark\" type=\"button\" id=\"start-camera\" style=\"width:100%\"><i class=\"fa fa-camera\"><\/i>&nbsp;Start Camera<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"btn btn-dark\" type=\"button\" id=\"restart-camera\" style=\"display:none; width:100%\"><i class=\"fa fa-camera\"><\/i>&nbsp; Retake Photo<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"btn btn-dark\" type=\"button\" id=\"snap-photo\" style=\"display:none; width:100%\"><i class=\"fa fa-camera\"><\/i>&nbsp; Snap Photo<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t\t<button class=\"btn btn-secondary\" type=\"button\" id='backToAccountBtn' style=\"margin-bottom:3px; min-width:92px;\">Previous<\/button>\r\n\t\t\t\t\t\t<button class=\"btn btn-danger\" type=\"button\" id='cancelEnrollmentBtn2' style=\"margin-bottom:3px; min-width:92px;\" data-toggle=\"modal\" data-target=\"#cancelEnrollmentModal\">Cancel<\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group col\">\r\n\t\t\t\t\t\t<button class=\"btn btn-success float-right\" type=\"button\" id='submitAllButton' style=\"margin-bottom:3px;\" >Submit<\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t<div class=\"jumbotron\" id='success' style=\"display:none\">\r\n\t\t  <h1 class=\"display-4\">Submission Received<\/h1>\r\n\t\t  <p class=\"lead\">We have received your submission. A message has been sent to the customer with a sale confirmation link.<\/p>\r\n\t\t  <p>Please ask the customer to look for the confirmation message and complete the enrollment.<\/p>\r\n\t\t  <hr class=\"my-4\">\r\n\t\t  <a class=\"btn btn-primary btn-lg\" id='restart' role=\"button\">Start New Enrollment<\/a>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t<div class=\"modal fade\" id=\"cancelEnrollmentModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"cancelEnrollmentModalLabel\" aria-hidden=\"true\">\r\n\t\t  <div class=\"modal-dialog\" role=\"document\">\r\n\t\t\t<div class=\"modal-content\">\r\n\t\t\t  <div class=\"modal-header\">\r\n\t\t\t\t<h5 class=\"modal-title\" id=\"cancelEnrollmentModalLabel\">Cancel Enrollment<\/h5>\r\n\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n\t\t\t\t  <span aria-hidden=\"true\">&times;<\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t  <\/div>\r\n\t\t\t  <div class=\"modal-body\">\r\n\t\t\t\tAre you sure you would like to cancel your enrollment? By clicking cancel you will loose any data that was entered and be redirected to our home page.\r\n\t\t\t  <\/div>\r\n\t\t\t  <div class=\"modal-footer\">\r\n\t\t\t\t<button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">No, Continue<\/button>\r\n\t\t\t\t<button type=\"button\" id=\"doEnrollmentCancelationBtn\" class=\"btn btn-danger\">Yes, Cancel<\/button>\r\n\t\t\t  <\/div>\r\n\t\t\t<\/div>\r\n\t\t  <\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\r\n\t\t<div id='processingSpinner' class=\"d-flex justify-content-center\">\r\n\t\t  <div class=\"spinner-border\" role=\"status\">\r\n\t\t\t<span class=\"sr-only\">Loading...<\/span>\r\n\t\t  <\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/pages\/5461"}],"collection":[{"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/comments?post=5461"}],"version-history":[{"count":0,"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/pages\/5461\/revisions"}],"wp:attachment":[{"href":"https:\/\/alphagasandelectric.com\/wp-json\/wp\/v2\/media?parent=5461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}