fs_selfservice/FS-SelfService/cgi/signup.html

   1 <HTML><HEAD><TITLE><%= $agent || 'ISP' %> Signup form</TITLE></HEAD>
   2 <BODY BGCOLOR="#e8e8e8" onUnload="myclose()">
   3 <script language="JavaScript"><!--
   4   var mywindow = -1;
   5   function myopen(filename,windowname,properties) {
   6     myclose();
   7     mywindow = window.open(filename,windowname,properties);
   8   }
   9   function myclose() {
  10     if ( mywindow != -1 )
  11       mywindow.close();
  12     mywindow = -1
  13   }
  14 //--></script>
  15 <FONT SIZE=7><%= $agent || 'ISP' %> Signup form</FONT><BR><BR>
  16 <FONT SIZE="+1" COLOR="#ff0000"><%= $error %></FONT>
  17 <FORM NAME="OneTrueForm" ACTION="<%= $self_url %>" METHOD=POST onSubmit="document.OneTrueForm.signup.disabled=true">
  18 <INPUT TYPE="hidden" NAME="session" VALUE="<%= $session_id %>">
  19 <INPUT TYPE="hidden" NAME="action" VALUE="process_signup">
  20 <INPUT TYPE="hidden" NAME="referral_custnum" VALUE="<%= $referral_custnum %>">
  21 <INPUT TYPE="hidden" NAME="ss" VALUE="">
  22 <input type="hidden" name="payby" />
  23 <%=
  24   $OUT = join("\n",map { my $method = $_ ; map { qq|<input type="hidden" name="${method}_$_" />| } qw / payinfo payinfo1 payinfo2 payname paycvv month year type  /  } @payby);
  25 %>
  26
  27 <%=
  28   $OUT = join("\n", map { qq|<input type="hidden" name="$_" />| } qw / promo_code reg_code pkgpart username _password _password2 sec_phrase popnum / );
  29 %>
  30
  31 Where did you hear about our service? <SELECT NAME="refnum">
  32 <%=
  33   $OUT .= '<OPTION VALUE="">' unless $refnum;
  34   foreach my $part_referral ( @part_referral ) {
  35     $OUT .= '<OPTION VALUE="'. $part_referral->{'refnum'}. '"';
  36     $OUT .= ' SELECTED' if $part_referral->{'refnum'} eq $refnum;
  37     $OUT .= '>'. $part_referral->{'referral'};
  38   }
  39 %>
  40 </SELECT><BR><BR>
  41 Contact Information
  42 <TABLE BGCOLOR="#c0c0c0" BORDER=0 CELLSPACING=0 WIDTH="100%">
  43 <TR>
  44   <TH ALIGN="right"><font color="#ff0000">*</font>Contact name<BR>(last, first)</TH>
  45   <TD COLSPAN=5><INPUT TYPE="text" NAME="last" VALUE="<%= $last %>">,
  46                 <INPUT TYPE="text" NAME="first" VALUE="<%= $first %>"></TD>
  47 </TR>
  48 <TR>
  49   <TD ALIGN="right">Company</TD>
  50   <TD COLSPAN=5><INPUT TYPE="text" NAME="company" SIZE=70 VALUE="<%= $company %>"></TD>
  51 </TR>
  52 <TR>
  53   <TH ALIGN="right"><font color="#ff0000">*</font>Address</TH>
  54   <TD COLSPAN=5><INPUT TYPE="text" NAME="address1" SIZE=70 VALUE="<%= $address1 %>"></TD>
  55 </TR>
  56 <TR>
  57   <TD ALIGN="right">&nbsp;</TD>
  58   <TD COLSPAN=5><INPUT TYPE="text" NAME="address2" SIZE=70 VALUE="<%= $address2 %>"></TD>
  59 </TR>
  60 <TR>
  61   <TH ALIGN="right"><font color="#ff0000">*</font>City</TH>
  62   <TD><INPUT TYPE="text" NAME="city" VALUE="<%= $city %>"></TD>
  63   <TH ALIGN="right"><font color="#ff0000">*</font>State/Country</TH>
  64   <TD>
  65     <%=
  66         ($county_html, $state_html, $country_html) =
  67           regionselector( {
  68             selected_county  => $county,
  69             selected_state   => $state,
  70             selected_country => $country,
  71             default_state    => $statedefault,
  72             default_country  => $countrydefault,
  73             locales          => \@cust_main_county,
  74           } );
  75
  76         "$county_html $state_html";
  77     %>
  78   </TD>
  79   <TH><font color="#ff0000">*</font>Zip</TH>
  80   <TD><INPUT TYPE="text" NAME="zip" SIZE=10 VALUE="<%= $zip %>"></TD>
  81 </TR>
  82 <TR>
  83   <TH ALIGN="right"><font color="#ff0000">*</font>Country</TH>
  84   <TD><%= $country_html %></TD>
  85 <TR>
  86   <TD ALIGN="right">Day Phone</TD>
  87   <TD COLSPAN=5><INPUT TYPE="text" NAME="daytime" VALUE="<%= $daytime %>" SIZE=18></TD>
  88 </TR>
  89 <TR>
  90   <TD ALIGN="right">Night Phone</TD>
  91   <TD COLSPAN=5><INPUT TYPE="text" NAME="night" VALUE="<%= $night %>" SIZE=18></TD>
  92 </TR>
  93 <TR>
  94   <TD ALIGN="right">Fax</TD>
  95   <TD COLSPAN=5><INPUT TYPE="text" NAME="fax" VALUE="<%= $fax %>" SIZE=12></TD>
  96 </TR>
  97 </TABLE><font color="#ff0000">*</font> required fields<BR>
  98 <BR>Billing information<TABLE BGCOLOR="#c0c0c0" BORDER=0 CELLSPACING=0 WIDTH="100%">
  99 <TR><TD>
 100
 101   <%=
 102     $OUT ='';
 103     unless ( $emailinvoiceonly ) {
 104     $OUT .= '<INPUT TYPE="checkbox" NAME="invoicing_list_POST" VALUE="POST"';
 105     my @invoicing_list = split(', ', $invoicing_list );
 106     $OUT .= ' CHECKED'
 107       if ! @invoicing_list || grep { $_ eq 'POST' } @invoicing_list;
 108     $OUT .= '>   Postal mail invoice'; }
 109   %>
 110
 111
 112 </TD></TR>
 113 <TR><TD><%= $OUT = ( $emailinvoiceonly ? q|<font color="#ff0000">*</font>| : q|| ) %> Email invoice <INPUT TYPE="text" NAME="invoicing_list" VALUE="<%= join(', ', grep { $_ ne 'POST' } split(', ', $invoicing_list ) ) %>">
 114 </TD></TR>
 115 <%= ( scalar(@payby) > 1 or 1 ) ? '<TR><TD>Billing type ' : '' %>
 116 <!--</TABLE>
 117 <TABLE BGCOLOR="#c0c0c0" BORDER=1 WIDTH="100%">
 118 <TR>-->
 119
 120   <%=
 121
 122     my $cardselect = '<SELECT NAME="CARD_type"><OPTION></OPTION>';
 123     foreach ( keys %card_types ) {
 124       $selected = $CARD_type eq $card_types{$_} ? 'SELECTED' : '';
 125       $cardselect .= qq!<OPTION $selected VALUE="$card_types{$_}">$_</OPTION>!;
 126     }
 127     $cardselect .= '</SELECT>';
 128
 129     my %payby = (
 130       'CARD' => qq!Credit card<BR><font color="#ff0000">*</font>$cardselect<INPUT TYPE="text" NAME="CARD_payinfo" VALUE="" MAXLENGTH=19><BR><font color="#ff0000">*</font>Exp !. expselect("CARD"). qq!<BR><font color="#ff0000">*</font>Name on card<BR><INPUT TYPE="text" NAME="CARD_payname" VALUE="">!,
 131       'DCRD' => qq!Credit card<BR><font color="#ff0000">*</font>$cardselect<INPUT TYPE="text" NAME="DCRD_payinfo" VALUE="" MAXLENGTH=19><BR><font color="#ff0000">*</font>Exp !. expselect("DCRD"). qq!<BR><font color="#ff0000">*</font>Name on card<BR><INPUT TYPE="text" NAME="DCRD_payname" VALUE="">!,
 132       'CHEK' => qq!Electronic check<BR>${r}Account number <INPUT TYPE="text" NAME="CHEK_payinfo1" VALUE="" MAXLENGTH=10><BR>${r}ABA/Routing code <INPUT TYPE="text" NAME="CHEK_payinfo2" VALUE="" SIZE=10 MAXLENGTH=9><INPUT TYPE="hidden" NAME="CHEK_month" VALUE="12"><INPUT TYPE="hidden" NAME="CHEK_year" VALUE="2037"><BR>${r}Bank name <INPUT TYPE="text" NAME="CHEK_payname" VALUE="">!,
 133       'DCHK' => qq!Electronic check<BR>${r}Account number <INPUT TYPE="text" NAME="DCHK_payinfo1" VALUE="" MAXLENGTH=10><BR>${r}ABA/Routing code <INPUT TYPE="text" NAME="DCHK_payinfo2" VALUE="" SIZE=10 MAXLENGTH=9><INPUT TYPE="hidden" NAME="DCHK_month" VALUE="12"><INPUT TYPE="hidden" NAME="DCHK_year" VALUE="2037"><BR>${r}Bank name <INPUT TYPE="text" NAME="DCHK_payname" VALUE="">!,
 134       'LECB' => qq!Phone bill billing<BR>${r}Phone number <INPUT TYPE="text" NAME="LECB_payinfo" VALUE="" MAXLENGTH=15 SIZE=16><INPUT TYPE="hidden" NAME="LECB_month" VALUE="12"><INPUT TYPE="hidden" NAME="LECB_year" VALUE="2037"><INPUT TYPE="hidden" NAME="LECB_payname" VALUE="">!,
 135       'BILL' => qq!Billing<BR>P.O. <INPUT TYPE="text" NAME="BILL_payinfo" VALUE=""><BR><font color="#ff0000">*</font>Exp !. expselect("BILL", "12-2037"). qq!<BR><font color="#ff0000">*</font>Attention<BR><INPUT TYPE="text" NAME="BILL_payname" VALUE="Accounts Payable">!,
 136       'COMP' => qq!Complimentary<BR><font color="#ff0000">*</font>Approved by<INPUT TYPE="text" NAME="COMP_payinfo" VALUE=""><BR><font color="#ff0000">*</font>Exp !. expselect("COMP"),
 137       'PREPAY' => qq!Prepaid card<BR><font color="#ff0000">*</font><INPUT TYPE="text" NAME="PREPAY_payinfo" VALUE="" MAXLENGTH=80>!,
 138     );
 139
 140     if ( $cvv_enabled ) {
 141       foreach my $payby ( grep { exists $payby{$_} } qw(CARD DCRD) ) { #1.4/1.5
 142         $payby{$payby} .= qq!<TR><TD ALIGN="right">CVV2&nbsp;(<A HREF="javascript:myopen('cvv2.html','cvv2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=480,height=288')">help</A>)</TD><TD><INPUT TYPE="text" NAME=${payby}_paycvv VALUE="" SIZE=4 MAXLENGTH=4></TD></TR>!;
 143       }
 144     }
 145
 146     my( $account, $aba ) = split('@', $payinfo);
 147     my %paybychecked = (
 148       'CARD' => qq!<TABLE BGCOLOR="#c0c0c0" BORDER=0 CELLSPACING=0 WIDTH="100%"><TR><TD ALIGN="right"><font color="#ff0000">*</font> Card type</TD><TD>$cardselect</TD></TR><TR><TD ALIGN="right"><font color="#ff0000">*</font> Card number</TD><TD><INPUT TYPE="text" NAME="CARD_payinfo" VALUE="$payinfo" MAXLENGTH=19></TD></TR><TR><TD ALIGN="right"><font color="#ff0000">*</font> Expration</TD><TD>!. expselect("CARD", $paydate). qq!</TD></TR><TR><TD ALIGN="right"><font color="#ff0000">*</font> Name on card</TD><TD><INPUT TYPE="text" NAME="CARD_payname" VALUE="$payname"></TD></TR>!,
 149       'DCRD' => qq!Credit card<BR><font color="#ff0000">*</font>$cardselect<INPUT TYPE="text" NAME="DCRD_payinfo" VALUE="$payinfo" MAXLENGTH=19><BR><font color="#ff0000">*</font>Exp !. expselect("DCRD", $paydate). qq!<BR><font color="#ff0000">*</font>Name on card<BR><INPUT TYPE="text" NAME="DCRD_payname" VALUE="$payname">!,
 150       'CHEK' => qq!Electronic check<BR>${r}Account number <INPUT TYPE="text" NAME="CHEK_payinfo1" VALUE="$account" MAXLENGTH=10><BR>${r}ABA/Routing code <INPUT TYPE="text" NAME="CHEK_payinfo2" VALUE="$aba" SIZE=10 MAXLENGTH=9><INPUT TYPE="hidden" NAME="CHEK_month" VALUE="12"><INPUT TYPE="hidden" NAME="CHEK_year" VALUE="2037"><BR>${r}Bank name <INPUT TYPE="text" NAME="CHEK_payname" VALUE="$payname">!,
 151       'DCHK' => qq!Electronic check<BR>${r}Account number <INPUT TYPE="text" NAME="DCHK_payinfo1" VALUE="$account" MAXLENGTH=10><BR>${r}ABA/Routing code <INPUT TYPE="text" NAME="DCHK_payinfo2" VALUE="$aba" SIZE=10 MAXLENGTH=9><INPUT TYPE="hidden" NAME="DCHK_month" VALUE="12"><INPUT TYPE="hidden" NAME="DCHK_year" VALUE="2037"><BR>${r}Bank name <INPUT TYPE="text" NAME="DCHK_payname" VALUE="$payname">!,
 152       'LECB' => qq!Phone bill billing<BR>${r}Phone number <INPUT TYPE="text" BANE="LECB_payinfo" VALUE="$payinfo" MAXLENGTH=15 SIZE=16><INPUT TYPE="hidden" NAME="LECB_month" VALUE="12"><INPUT TYPE="hidden" NAME="LECB_year" VALUE="2037"><INPUT TYPE="hidden" NAME="LECB_payname" VALUE="">!,
 153       'BILL' => qq!Billing<BR>P.O. <INPUT TYPE="text" NAME="BILL_payinfo" VALUE="$payinfo"><BR><font color="#ff0000">*</font>Exp !. expselect("BILL", $paydate). qq!<BR><font color="#ff0000">*</font>Attention<BR><INPUT TYPE="text" NAME="BILL_payname" VALUE="$payname">!,
 154       'COMP' => qq!Complimentary<BR><font color="#ff0000">*</font>Approved by<INPUT TYPE="text" NAME="COMP_payinfo" VALUE="$payinfo"><BR><font color="#ff0000">*</font>Exp !. expselect("COMP", $paydate),
 155       'PREPAY' => qq!Prepaid card<BR><font color="#ff0000">*</font><INPUT TYPE="text" NAME="PREPAY_payinfo" VALUE="$payinfo" MAXLENGTH=80>!,
 156     );
 157
 158     if ( $cvv_enabled ) {
 159       foreach my $payby ( grep { exists $payby{$_} } qw(CARD DCRD) ) { #1.4/1.5
 160         $paybychecked{$payby} .= qq!<TR><TD ALIGN="right">CVV2&nbsp;(<A HREF="javascript:myopen('cvv2.html','cvv2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=480,height=288')">help</A>)</TD><TD><INPUT TYPE="text" NAME=${payby}_paycvv VALUE="$paycvv" SIZE=4 MAXLENGTH=4></TD></TR>!;
 161       }
 162     }
 163 use Tie::IxHash;
 164 use HTML::Widgets::SelectLayers;
 165
 166   my %payby_index = ( 'CARD'   => qq/Credit Card/,
 167                       'DCRD'   => qq/Credit Card/,
 168                       'CHEK'   => qq/Check/,
 169                       'DCHK'   => qq/Check/,
 170                       'LECB'   => qq/Phone Bill Billing/,
 171                       'BILL'   => qq/Billing/,
 172                       'COMP'   => qq/Complimentary/,
 173                       'PREPAY' => qq/Prepaid Card/,
 174                     );
 175
 176
 177 tie my %options, 'Tie::IxHash', ();
 178
 179 foreach my $payby_option ( @payby ) {
 180   $options{$payby_option} = $payby_index{$payby_option};
 181 }
 182
 183 HTML::Widgets::SelectLayers->new(
 184   options => \%options,
 185   selected_layer => 'CARD',
 186   form_name => 'dummy',
 187   html_between => '</td></tr></table>',
 188   form_action => 'dummy.cgi',
 189   layer_callback => sub { my $layer = shift; return $paybychecked{$layer}. '</TABLE>'; },
 190 )->html;
 191
 192
 193   %>
 194
 195 </TR></TABLE><font color="#ff0000">*</font> required fields
 196 <FORM name="signup_form" action="<%= $self_url %>" METHOD="POST" onsubmit="return fixup_form();"><BR><BR>First package
 197 <INPUT TYPE="hidden" NAME="promo_code" VALUE="<%= $promo_code %>">
 198 <INPUT TYPE="hidden" NAME="reg_code" VALUE="<%= $reg_code %>">
 199 <TABLE BGCOLOR="#c0c0c0" BORDER=0 CELLSPACING=0 WIDTH="100%">
 200 <TR>
 201   <TD COLSPAN=2><SELECT NAME="pkgpart">
 202
 203   <%=
 204     $OUT .= '<OPTION VALUE="">(none)'
 205       unless scalar(@part_pkg) == 1 or $default_pkgpart;
 206     foreach my $part_pkg ( @part_pkg ) {
 207       $OUT .= '<OPTION VALUE="'. $part_pkg->{'pkgpart'}. '"';
 208       $OUT .= ' SELECTED' if $pkgpart && $part_pkg->{'pkgpart'} == $pkgpart;
 209       $OUT .= '>'. $part_pkg->{'pkg'};
 210     }
 211   %>
 212
 213   </SELECT></TD>
 214 </TR>
 215 <TR>
 216   <TD ALIGN="right">Username</TD>
 217   <TD><INPUT TYPE="text" NAME="username" VALUE="<%= $username %>"></TD>
 218 </TR>
 219 <TR>
 220   <TD ALIGN="right">Password</TD>
 221   <TD><INPUT TYPE="password" NAME="_password" VALUE="<%= $_password %>"></TD>
 222 </TR>
 223 <TR>
 224   <TD ALIGN="right">Re-enter Password</TD>
 225   <TD><INPUT TYPE="password" NAME="_password2" VALUE="<%= $_password2 %>"></TD>
 226 </TR>
 227 <%=
 228   if ( $security_phrase ) {
 229     $OUT .= <<ENDOUT;
 230 <TR>
 231   <TD ALIGN="right">Security Phrase</TD>
 232   <TD><INPUT TYPE="text" NAME="sec_phrase" VALUE="$sec_phrase">
 233   </TD>
 234 </TR>
 235 ENDOUT
 236   } else {
 237     $OUT .= '<INPUT TYPE="hidden" NAME="sec_phrase" VALUE="">';
 238   }
 239 %>
 240 <%=
 241   if ( @svc_acct_pop ) {
 242     $OUT .= '<TR><TD ALIGN="right">Access number</TD><TD>'.
 243             popselector( 'popnum'        => $popnum,
 244                          'pops'          => \@svc_acct_pop,
 245                          'init_popstate' => $init_popstate,
 246                          'popac'         => $popac,
 247                          'acstate'       => $acstate,
 248                        ).
 249             '</TD></TR>';
 250   } else {
 251     $OUT .= popselector(popnum=>$popnum, pops=>\@svc_acct_pop);
 252   }
 253 %>
 254 </TABLE>
 255
 256 <%=
 257 if ( @optional_packages ) {
 258   my @html;
 259   foreach my $ii ( 0 .. $#optional_packages) {
 260   my $friendly_index = $ii + 1;
 261   if ($optional_packages[$ii]) {
 262     push @html, qq|<BR>Optional Package #$friendly_index <br />|,'<table bgcolor="#c0c0c0"><tr><td>';
 263
 264     push @html, qq|<select name="optional_package${ii}">|;
 265     push @html, qq|<option value="none"></option>|;
 266     push @html, map { qq|<option value="$_->{pkgpart}">$_->{pkg}</option>| } @{$optional_packages[$ii]};
 267     push @html, q|</select>|;
 268
 269     push @html, '</td></tr></table>';
 270     }
 271     $OUT = join("\n", @html);
 272   }
 273 } else {
 274 $OUT = ''
 275 }
 276 %>
 277
 278 <BR><INPUT TYPE="submit" NAME="signup" VALUE="Signup">
 279 <script language="JavaScript">
 280
 281 function fixup_form() {
 282
 283     // copy payment method data up to OneTrueForm
 284
 285     var payment_method_elements = new Array( 'payinfo', 'payinfo1', 'payinfo2', 'payname', 'paycvv' , 'month', 'year','type' );
 286     var payment_method_form_name = document.OneTrueForm.select.options[document.OneTrueForm.select.selectedIndex].value;
 287     document.OneTrueForm.elements['payby'].value = payment_method_form_name;
 288     var payment_method_form = document.forms[payment_method_form_name];
 289
 290     for ( ii = 0 ; ii < payment_method_elements.length ; ii++ ) {
 291         var true_element_name = payment_method_form_name + '_' + payment_method_elements[ii];
 292         copyelement ( payment_method_form.elements[true_element_name],
 293                       document.OneTrueForm.elements[true_element_name] );
 294     }
 295
 296     // Copy signup details to OneTrueForm
 297
 298     var signup_elements = new Array ( 'promo_code', 'reg_code',
 299                                       'pkgpart', 'username',
 300                                       '_password', '_password2',
 301                                       'sec_phrase', 'popnum' );
 302
 303     for ( ii = 0 ; ii < signup_elements.length ; ii ++ ) {
 304         copyelement ( document.signup_form.elements[signup_elements[ii]],
 305                       document.OneTrueForm.elements[signup_elements[ii]]);
 306     }
 307
 308     document.OneTrueForm.submit();
 309     return false;
 310 }
 311
 312 function copyelement(from, to) {
 313 //    alert ( from + ' ' + to );
 314
 315     if ( from == undefined ) {
 316         to.value = '';
 317     } else {
 318         if ( from.type == 'select-one' ) {
 319             to.value = from.options[from.selectedIndex].value;
 320         } else if ( from.type == 'checkbox' ) {
 321             if ( from.checked ) {
 322                 to.value = from.value;
 323             } else {
 324                 to.value = '';
 325             }
 326         } else {
 327             if ( from.value == undefined ) {
 328                 to.value = '';
 329             } else {
 330                 to.value = from.value;
 331             }
 332         }
 333 //      alert(from.name + " (" + from.type + "): " + to.name + " => " + to.value);
 334     }
 335 }
 336
 337 </script>
 338 </FORM></BODY></HTML>