koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt

   1 [% USE Koha %]
   2 [% USE KohaDates %]
   3 [% SET userupdateview = 1 %]
   4
   5 [% INCLUDE 'doc-head-open.inc' %]
   6     <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog &rsaquo; [% IF action == 'edit' %]Update your personal details[% ELSE %]Register a new account[% END %]</title>
   7 [% INCLUDE 'doc-head-close.inc' %]
   8 [% BLOCK cssinclude %][% END %]
   9 </head>
  10
  11 [% IF action == 'edit' %]
  12 [% INCLUDE 'bodytag.inc' bodyid='opac-patron-update' %]
  13 [% ELSE %]
  14 <body id="opac-patron-registration" class="opac">
  15 [% END %]
  16 [% INCLUDE 'masthead.inc' %]
  17
  18 <div class="main">
  19     <ul class="breadcrumb">
  20         <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
  21         [% IF action == 'edit' %]
  22             <li><a href="/cgi-bin/koha/opac-user.pl">[% borrower.firstname %] [% borrower.surname %]</a> <span class="divider">&rsaquo;</span></li>
  23             <li><a href="#">Your personal details</a></li>
  24         [% ELSE %]
  25             <li><a href="#">Register a new account</a></li>
  26         [% END %]
  27     </ul>
  28
  29     <div class="container-fluid">
  30         <div class="row-fluid">
  31             <div class="span2">
  32                 <div id="navigation">
  33                     [% INCLUDE 'navigation.inc' IsPatronPage=1 %]
  34                 </div>
  35             </div>
  36             <div class="span10">
  37                 [% IF action == 'edit' %]
  38                     <div id="update-account">
  39                 [% ELSE %]
  40                     <div id="add-account">
  41                 [% END %]
  42
  43                 [% IF action == 'edit' %]
  44                     [% UNLESS OPACPatronDetails %]
  45                         <div class="alert alert-info">To make changes to your record please contact the library.</div>
  46                     [% END %]
  47                     [% IF nochanges %]
  48                         <div class="alert alert-error">No changes were made.</div>
  49                     [% END %]
  50                 [% END %]
  51
  52                 [% IF empty_mandatory_fields %]
  53                     <div class="alert">You have not filled out all required fields. Please fill in all missing fields and resubmit.</div>
  54                 [% END %]
  55
  56                 [%  IF invalid_form_fields %]
  57                     <div class="alert alert-error"><strong>The following fields contain invalid information:</strong>
  58                         <ul>
  59                             [% FOREACH field IN invalid_form_fields %]
  60                                 [% IF field == "email" %]<li>Contact information: <a href="#borrower_email">primary email address</a></li>[% END %]
  61                                 [% IF field == "emailpro" %]<li>Contact information: <a href="#borrower_emailpro">secondary email address</a></li>[% END %]
  62                                 [% IF field == "B_email" %]<li>Alternate address information: <a href="#borrower_B_email">email address</a></li>[% END %]
  63                             [% END %]
  64                         </ul>
  65                         Please correct the errors and resubmit.
  66                     </div>
  67                 [% END %]
  68
  69                 [% IF failed_captcha %]
  70                     <div class="alert">You typed in the wrong characters in the box before submitting. Please try again.</div>
  71                 [% END %]
  72
  73                 [% IF borrower.guarantorid && !Koha.Preference('OPACPrivacy') && Koha.Preference('AllowPatronToSetCheckoutsVisibilityForGuarantor') %]
  74                     <fieldset class="rows" id="memberentry_privacy">
  75                         <legend id="privacy_legend">Privacy</legend>
  76                         <ol>
  77                             <li>
  78                                 <label>Allow your guarantor to view your current checkouts?</label>
  79                                 <select id="privacy_guarantor_checkouts">
  80                                     <option value="0">No</option>
  81                                     [% IF borrower.privacy_guarantor_checkouts %]
  82                                         <option value="1" selected="selected">Yes</option>
  83                                     [% ELSE %]
  84                                         <option value="1">Yes</option>
  85                                     [% END %]
  86                                 </select>
  87                                 <span class="hint">
  88                                     <a id="update_privacy_guarantor_checkouts" href="#" class="btn">Update</a>
  89                                     <span id="update_privacy_guarantor_checkouts_message" class="alert" style="display:none"></span>
  90                                 </span>
  91                                 <span class="hint">
  92                                     Your guarantor is <i>[% guarantor.firstname %] [% guarantor.surname %]</i>
  93                                 </span>
  94                             </li>
  95                         </ol>
  96                     </fieldset>
  97                 [% END %]
  98
  99                 <form method="post" action="/cgi-bin/koha/opac-memberentry.pl" id="memberentry-form">
 100
 101                 [% UNLESS hidden.defined('branchcode') %]
 102                     <fieldset class="rows" id="memberentry_library">
 103
 104                         <legend id="library_legend">Library</legend>
 105                             <ol>
 106                                 [% UNLESS hidden.defined('cardnumber') %]
 107                                 <li>
 108                                     <label>Card number:</label>
 109                                     [% borrower.cardnumber %]
 110                                 </li>
 111                                 [% END %]
 112
 113                                 [% UNLESS hidden.defined('dateexpiry') %]
 114                                 <li>
 115                                     <label>Expiration date:</label>
 116                                     [% borrower.dateexpiry | $KohaDates  %]
 117                                 </li>
 118                                 [% END %]
 119
 120                                 [% UNLESS hidden.defined('branchcode') %]
 121                                     <li>
 122                                         [% IF mandatory.defined('branchcode') %]
 123                                             <label for="borrower_branchcode" class="required">
 124                                         [% ELSE %]
 125                                             <label for="borrower_branchcode">
 126                                         [% END %]
 127                                         Home library:</label>
 128
 129                                         <select id="borrower_branchcode" name="borrower_branchcode">
 130                                             [% FOREACH b IN branches %]
 131                                                 [% IF b.value == borrower.branchcode %]
 132                                                     <option value="[% b.value %]" selected="selected">[% b.branchname %]</option>
 133                                                 [% ELSE %]
 134                                                     <option value="[% b.value %]">[% b.branchname %]</option>
 135                                                 [% END %]
 136                                             [% END %]
 137                                         </select>
 138                                     </li>
 139                                 [% END %]
 140                             </ol>
 141                         </fieldset>
 142                 [% END # / defined 'branchcode' %]
 143
 144                 [% UNLESS
 145                     hidden.defined('title') && hidden.defined('surname') && hidden.defined('firstname') &&
 146                     hidden.defined('dateofbirth') && hidden.defined('initials') && hidden.defined('othernames') &&
 147                     hidden.defined('sex')
 148                 %]
 149                     <div class="row-fluid">
 150                         [% IF ( display_patron_image ) %]
 151                             <div class="span8">
 152                         [% ELSE %]
 153                             <div class="span12">
 154                         [% END %]
 155                             <fieldset class="rows" id="memberentry_identity">
 156                                 <legend id="identity_legend">Identity</legend>
 157
 158                                 <ol>
 159                                     [% UNLESS hidden.defined('title') || !member_titles %]
 160                                         <li>
 161                                             [% IF mandatory.defined('title') %]
 162                                                 <label for="borrower_title" class="required">
 163                                             [% ELSE %]
 164                                                 <label for="borrower_title">
 165                                             [% END %]
 166                                             Salutation:</label>
 167
 168                                             <select id="borrower_title" name="borrower_title">
 169                                                 [% FOREACH mt IN member_titles %]
 170                                                     [% IF mt == borrower.title %]
 171                                                         <option value="[% mt %]" selected="selected">[% mt %]</option>
 172                                                     [% ELSE %]
 173                                                         <option value="[% mt %]">[% mt %]</option>
 174                                                     [% END %]
 175                                                 [% END %]
 176                                             </select>
 177                                         </li>
 178                                     [% END %]
 179
 180                                     [% UNLESS hidden.defined('surname') %]
 181                                         <li>
 182                                             [% IF mandatory.defined('surname') %]
 183                                                 <label for="borrower_surname" class="required">
 184                                             [% ELSE %]
 185                                                 <label for="borrower_surname">
 186                                             [% END %]
 187                                             Surname:</label>
 188
 189                                             <input type="text" id="borrower_surname" name="borrower_surname" value="[% borrower.surname %]" />
 190                                             [% IF mandatory.defined('surname') %]<span class="required">Required</span>[% END %]
 191                                         </li>
 192                                     [% END %]
 193
 194                                     [% UNLESS hidden.defined('firstname') %]
 195                                         <li>
 196                                             [% IF mandatory.defined('firstname') %]
 197                                                 <label for="borrower_firstname" class="required">
 198                                             [% ELSE %]
 199                                                 <label for="borrower_firstname">
 200                                             [% END %]
 201                                             First name:</label>
 202
 203                                             <input type="text" id="borrower_firstname" name="borrower_firstname" value="[% borrower.firstname %]" />
 204                                             [% IF mandatory.defined('firstname') %]<span class="required">Required</span>[% END %]
 205                                         </li>
 206                                     [% END %]
 207
 208                                     [% UNLESS hidden.defined('dateofbirth') %]
 209                                         <li>
 210                                             [% IF mandatory.defined('dateofbirth') %]
 211                                                 <label for="borrower_dateofbirth" class="required">
 212                                             [% ELSE %]
 213                                                 <label for="borrower_dateofbirth">
 214                                             [% END %]
 215                                             Date of birth:</label>
 216
 217                                             <input type="text" id="borrower_dateofbirth" name="borrower_dateofbirth" value="[% borrower.dateofbirth | $KohaDates %]" size="10" />
 218
 219                                             [% UNLESS action == 'edit' && !OPACPatronDetails %]
 220                                                 [% UNLESS ( mandatory.defined('dateofbirth') ) %]
 221                                                     <a href="#" style="font-size:85%;text-decoration:none;" onclick="document.getElementById('borrower_dateofbirth').value='';return false;">Clear date</a>
 222                                                 [% END %]
 223                                             [% END %]
 224
 225                                             [% IF mandatory.defined('dateofbirth') %]<span class="required">Required</span>[% END %]
 226                                         </li>
 227                                     [% END %]
 228
 229                                     [% UNLESS hidden.defined('initials') %]
 230                                         <li>
 231                                             [% IF mandatory.defined('initials') %]
 232                                                 <label for="borrower_initials" class="required">
 233                                             [% ELSE %]
 234                                                 <label for="borrower_initials">
 235                                             [% END %]
 236                                             Initials:</label>
 237
 238                                             <input type="text" id="borrower_initials" name="borrower_initials" value="[% borrower.initials %]" />
 239                                             [% IF mandatory.defined('initials') %]<span class="required">Required</span>[% END %]
 240                                         </li>
 241                                     [% END %]
 242
 243                                     [% UNLESS hidden.defined('othernames') %]
 244                                         <li>
 245                                             [% IF mandatory.defined('othernames') %]
 246                                                 <label for="borrower_othernames" class="required">
 247                                             [% ELSE %]
 248                                                 <label for="borrower_othernames">
 249                                             [% END %]
 250                                             Other names:</label>
 251
 252                                             <input type="text" id="borrower_othernames" name="borrower_othernames" value="[% borrower.othernames %]" />
 253                                             [% IF mandatory.defined('othernames') %]<span class="required">Required</span>[% END %]
 254                                         </li>
 255                                     [% END %]
 256
 257                                     [% UNLESS hidden.defined('sex') %]
 258                                         <li class="lradio">
 259                                             <label for="sex-female" class="radio inline">Female:</label>
 260                                             [% IF borrower.sex == 'F' %]
 261                                                 <input type="radio" name="borrower_sex" id="sex-female" value="F" checked="checked" />
 262                                             [% ELSE %]
 263                                                 <input type="radio" name="borrower_sex" id="sex-female" value="F" />
 264                                             [% END %]
 265
 266                                             <label for="sex-male" class="radio inline">Male:</label>
 267                                             [% IF borrower.sex == 'M' %]
 268                                                 <input type="radio" name="borrower_sex" id="sex-male" value="M" checked="checked" />
 269                                             [% ELSE %]
 270                                                 <input type="radio" name="borrower_sex" id="sex-male" value="M" />
 271                                             [% END %]
 272
 273                                             <label for="sex-none" class="radio inline">None specified: </label>
 274                                             [% IF borrower.sex == '' %]
 275                                                 <input type="radio" name="borrower_sex" id="sex-none" value="" checked="checked" />
 276                                             [% ELSE %]
 277                                                 <input type="radio" name="borrower_sex" id="sex-none" value="" />
 278                                             [% END %]
 279
 280                                             [% IF mandatory.defined('sex') %]<span class="required">Required</span>[% END %]
 281                                         </li>
 282                                     [% END %]
 283                                 </ol>
 284                             </fieldset>
 285                            </div>
 286                         [% IF ( display_patron_image ) %]
 287                             <div class="span4">
 288                                 <p class="patronimage">
 289                                    <img src="/cgi-bin/koha/opac-patron-image.pl" alt="" />
 290                                 </p>
 291                             </div>
 292                         [% END %]
 293                     </div>
 294                 [% END # /UNLESS fields hidden %]
 295
 296                 [% UNLESS
 297                     hidden.defined('streetnumber') && hidden.defined('address') && hidden.defined('address2') &&
 298                     hidden.defined('city') && hidden.defined('state') && hidden.defined('zipcode') &&
 299                     hidden.defined('country')
 300                 %]
 301                     <fieldset class="rows" id="memberentry_mainaddress">
 302                         <legend id="mainaddress_legend">Main address</legend>
 303
 304                         <ol>
 305                             [% UNLESS hidden.defined('streetnumber') %]
 306                                 <li>
 307                                     [% IF mandatory.defined('streetnumber') %]
 308                                         <label for="borrower_streetnumber" class="required">
 309                                     [% ELSE %]
 310                                         <label for="borrower_streetnumber">
 311                                     [% END %]
 312                                     Street number:</label>
 313
 314                                     <input type="text" id="borrower_streetnumber" name="borrower_streetnumber" value="[% borrower.streetnumber %]" />
 315                                     [% IF mandatory.defined('streetnumber') %]<span class="required">Required</span>[% END %]
 316                                 </li>
 317                             [% END %]
 318
 319                             [% UNLESS hidden.defined('address') %]
 320                                 <li>
 321                                     [% IF mandatory.defined('address') %]
 322                                         <label for="borrower_address" class="required">
 323                                     [% ELSE %]
 324                                         <label for="borrower_address">
 325                                     [% END %]
 326                                     Address:</label>
 327
 328                                     <input type="text" id="borrower_address" name="borrower_address" value="[% borrower.address %]" />
 329                                     [% IF mandatory.defined('address') %]<span class="required">Required</span>[% END %]
 330                                 </li>
 331                             [% END %]
 332
 333                             [% UNLESS hidden.defined('address2') %]
 334                                 <li>
 335                                     [% IF mandatory.defined('address2') %]
 336                                         <label for="borrower_address2" class="required">
 337                                     [% ELSE %]
 338                                         <label for="borrower_address2">
 339                                     [% END %]
 340                                     Address 2:</label>
 341
 342                                     <input type="text" id="borrower_address2" name="borrower_address2" value="[% borrower.address2 %]" />
 343                                     [% IF mandatory.defined('address2') %]<span class="required">Required</span>[% END %]
 344                                 </li>
 345                             [% END %]
 346
 347                             [% UNLESS hidden.defined('city') %]
 348                                 <li>
 349                                     [% IF mandatory.defined('city') %]
 350                                         <label for="borrower_city" class="required">
 351                                     [% ELSE %]
 352                                         <label for="borrower_city">
 353                                     [% END %]
 354                                     City:</label>
 355
 356                                     <input type="text" id="borrower_city" name="borrower_city" value="[% borrower.city %]" />
 357                                     [% IF mandatory.defined('city') %]<span class="required">Required</span>[% END %]
 358                                 </li>
 359                             [% END %]
 360
 361                             [% UNLESS hidden.defined('state') %]
 362                                 <li>
 363                                     [% IF mandatory.defined('state') %]
 364                                         <label for="borrower_state" class="required">
 365                                     [% ELSE %]
 366                                         <label for="borrower_state">
 367                                     [% END %]
 368                                     State:</label>
 369
 370                                     <input type="text" id="borrower_state" name="borrower_state" value="[% borrower.state %]" />
 371                                     [% IF mandatory.defined('state') %]<span class="required">Required</span>[% END %]
 372                                 </li>
 373                             [% END %]
 374
 375                             [% UNLESS hidden.defined('zipcode') %]
 376                                 <li>
 377                                     [% IF mandatory.defined('zipcode') %]
 378                                         <label for="borrower_zipcode" class="required">
 379                                     [% ELSE %]
 380                                         <label for="borrower_zipcode">
 381                                     [% END %]
 382                                     ZIP/Postal code:</label>
 383
 384                                     <input type="text" id="borrower_zipcode" name="borrower_zipcode" value="[% borrower.zipcode %]" />
 385                                     [% IF mandatory.defined('zipcode') %]<span class="required">Required</span>[% END %]
 386                                 </li>
 387                             [% END %]
 388
 389                             [% UNLESS hidden.defined('country') %]
 390                                 <li>
 391                                     [% IF mandatory.defined('country') %]
 392                                         <label for="borrower_country" class="required">
 393                                     [% ELSE %]
 394                                         <label for="borrower_country">
 395                                     [% END %]
 396                                     Country:</label>
 397
 398                                     <input type="text" id="borrower_country" name="borrower_country" value="[% borrower.country %]" />
 399                                     [% IF mandatory.defined('country') %]<span class="required">Required</span>[% END %]
 400                                 </li>
 401                             [% END %]
 402
 403                         </ol>
 404                     </fieldset>
 405                 [% END %]
 406
 407                 [% UNLESS
 408                     hidden.defined('phone') && hidden.defined('phonepro') && hidden.defined('mobile') &&
 409                     hidden.defined('email') && hidden.defined('emailpro') && hidden.defined('fax')
 410                 %]
 411                     <fieldset class="rows" id="memberentry_contact">
 412                         <legend id="contact_legend">Contact information</legend>
 413
 414                         <ol>
 415                             [% UNLESS hidden.defined('phone') %]
 416                                 <li>
 417                                     [% IF mandatory.defined('phone') %]
 418                                         <label for="borrower_phone" class="required">
 419                                     [% ELSE %]
 420                                         <label for="borrower_phone">
 421                                     [% END %]
 422                                     Primary phone:</label>
 423
 424                                     <input type="text" id="borrower_phone" name="borrower_phone" value="[% borrower.phone %]" />
 425                                     [% IF mandatory.defined('phone') %]<span class="required">Required</span>[% END %]
 426                                 </li>
 427                             [% END %]
 428
 429                             [% UNLESS hidden.defined('phonepro') %]
 430                                 <li>
 431                                     [% IF mandatory.defined('phonepro') %]
 432                                         <label for="borrower_phonepro" class="required">
 433                                     [% ELSE %]
 434                                         <label for="borrower_phonepro">
 435                                     [% END %]
 436                                     Secondary phone:</label>
 437
 438                                     <input type="text" id="borrower_phonepro" name="borrower_phonepro" value="[% borrower.phonepro %]" />
 439                                     [% IF mandatory.defined('phonepro') %]<span class="required">Required</span>[% END %]
 440                                 </li>
 441                             [% END %]
 442
 443                             [% UNLESS hidden.defined('mobile') %]
 444                                 <li>
 445                                     [% IF mandatory.defined('mobile') %]
 446                                         <label for="borrower_mobile" class="required">
 447                                     [% ELSE %]
 448                                         <label for="borrower_mobile">
 449                                     [% END %]
 450                                     Other phone:</label>
 451
 452                                     <input type="text" id="borrower_mobile" name="borrower_mobile" value="[% borrower.mobile %]" />
 453                                     [% IF mandatory.defined('mobile') %]<span class="required">Required</span>[% END %]
 454                                 </li>
 455                             [% END %]
 456
 457                             [% UNLESS hidden.defined('email') %]
 458                                 <li>
 459                                     [% IF mandatory.defined('email') %]
 460                                         <label for="borrower_email" class="required">
 461                                     [% ELSE %]
 462                                         <label for="borrower_email">
 463                                     [% END %]
 464                                     Primary email:</label>
 465
 466                                     <input type="text" id="borrower_email" name="borrower_email" value="[% borrower.email %]" />
 467                                     [% IF mandatory.defined('email') %]<span class="required">Required</span>[% END %]
 468                                 </li>
 469                             [% END %]
 470
 471                             [% UNLESS hidden.defined('emailpro') %]
 472                                 <li>
 473                                     [% IF mandatory.defined('emailpro') %]
 474                                         <label for="borrower_emailpro" class="required">
 475                                     [% ELSE %]
 476                                         <label for="borrower_emailpro">
 477                                     [% END %]
 478                                     Secondary email:</label>
 479
 480                                     <input type="text" id="borrower_emailpro" name="borrower_emailpro" value="[% borrower.emailpro %]" />
 481                                     [% IF mandatory.defined('emailpro') %]<span class="required">Required</span>[% END %]
 482                                 </li>
 483                             [% END %]
 484
 485                             [% UNLESS hidden.defined('fax') %]
 486                                 <li>
 487                                     [% IF mandatory.defined('fax') %]
 488                                         <label for="borrower_fax" class="required">
 489                                     [% ELSE %]
 490                                         <label for="borrower_fax">
 491                                     [% END %]
 492                                     Fax:</label>
 493
 494                                     <input type="text" id="borrower_fax" name="borrower_fax" value="[% borrower.fax %]" />
 495                                     [% IF mandatory.defined('fax') %]<span class="required">Required</span>[% END %]
 496                                 </li>
 497                             [% END %]
 498                         </ol>
 499                     </fieldset>
 500                 [% END %]
 501
 502                 [% UNLESS
 503                     hidden.defined('B_address') && hidden.defined('B_address2') && hidden.defined('B_city') &&
 504                     hidden.defined('B_state') && hidden.defined('B_zipcode') && hidden.defined('B_country') &&
 505                     hidden.defined('B_phone') && hidden.defined('B_email') && hidden.defined('contactnote')
 506                 %]
 507                     <fieldset class="rows" id="memberentry_alternateaddress">
 508                         <legend id="alternateaddress_legend">Alternate address</legend>
 509
 510                         <ol>
 511                             [% UNLESS hidden.defined('B_address') %]
 512                                 <li>
 513                                     [% IF mandatory.defined('B_address') %]
 514                                         <label for="borrower_B_address" class="required">
 515                                     [% ELSE %]
 516                                         <label for="borrower_B_address">
 517                                     [% END %]
 518                                     Address:</label>
 519
 520                                     <input type="text" id="borrower_B_address" name="borrower_B_address" value="[% borrower.B_address %]" />
 521                                     [% IF mandatory.defined('B_address') %]<span class="required">Required</span>[% END %]
 522                                 </li>
 523                             [% END %]
 524
 525                             [% UNLESS hidden.defined('B_address2') %]
 526                                 <li>
 527                                     [% IF mandatory.defined('B_address2') %]
 528                                         <label for="borrower_B_address2" class="required">
 529                                     [% ELSE %]
 530                                         <label for="borrower_B_address2">
 531                                     [% END %]
 532                                     Address 2:</label>
 533
 534                                     <input type="text" id="borrower_B_address2" name="borrower_B_address2" value="[% borrower.B_address2 %]" />
 535                                     [% IF mandatory.defined('B_address2') %]<span class="required">Required</span>[% END %]
 536                                 </li>
 537                             [% END %]
 538
 539                             [% UNLESS hidden.defined('B_city') %]
 540                                 <li>
 541                                     [% IF mandatory.defined('B_city') %]
 542                                         <label for="borrower_B_city" class="required">
 543                                     [% ELSE %]
 544                                         <label for="borrower_B_city">
 545                                     [% END %]
 546                                     City:</label>
 547
 548                                     <input type="text" id="borrower_B_city" name="borrower_B_city" value="[% borrower.B_city %]" />
 549                                     [% IF mandatory.defined('B_city') %]<span class="required">Required</span>[% END %]
 550                                 </li>
 551                             [% END %]
 552
 553                             [% UNLESS hidden.defined('B_state') %]
 554                                 <li>
 555                                     [% IF mandatory.defined('B_state') %]
 556                                         <label for="borrower_B_state" class="required">
 557                                     [% ELSE %]
 558                                         <label for="borrower_B_state">
 559                                     [% END %]
 560                                     State:</label>
 561
 562                                     <input type="text" id="borrower_B_state" name="borrower_B_state" value="[% borrower.B_state %]" />
 563                                     [% IF mandatory.defined('B_state') %]<span class="required">Required</span>[% END %]
 564                                 </li>
 565                             [% END %]
 566
 567                             [% UNLESS hidden.defined('B_zipcode') %]
 568                                 <li>
 569                                     [% IF mandatory.defined('B_zipcode') %]
 570                                         <label for="borrower_B_zipcode" class="required">
 571                                     [% ELSE %]
 572                                         <label for="borrower_B_zipcode">
 573                                     [% END %]
 574                                     ZIP/Postal code:</label>
 575
 576                                     <input type="text" id="borrower_B_zipcode" name="borrower_B_zipcode" value="[% borrower.B_zipcode %]" />
 577                                     [% IF mandatory.defined('B_zipcode') %]<span class="required">Required</span>[% END %]
 578                                 </li>
 579                             [% END %]
 580
 581                             [% UNLESS hidden.defined('B_country') %]
 582                                 <li>
 583                                     [% IF mandatory.defined('B_country') %]
 584                                         <label for="borrower_B_country" class="required">
 585                                     [% ELSE %]
 586                                         <label for="borrower_B_country">
 587                                     [% END %]
 588                                     Country:</label>
 589
 590                                     <input type="text" id="borrower_B_country" name="borrower_B_country" value="[% borrower.B_country %]" />
 591                                     [% IF mandatory.defined('B_country') %]<span class="required">Required</span>[% END %]
 592                                 </li>
 593                             [% END %]
 594
 595                             [% UNLESS hidden.defined('B_phone') %]
 596                                 <li>
 597                                     [% IF mandatory.defined('B_phone') %]
 598                                         <label for="borrower_B_phone" class="required">
 599                                     [% ELSE %]
 600                                         <label for="borrower_B_phone">
 601                                     [% END %]
 602                                     Phone:</label>
 603
 604                                     <input type="text" id="borrower_B_phone" name="borrower_B_phone" value="[% borrower.B_phone %]" />
 605                                     [% IF mandatory.defined('B_phone') %]<span class="required">Required</span>[% END %]
 606                                 </li>
 607                             [% END %]
 608
 609                             [% UNLESS hidden.defined('B_email') %]
 610                                 <li>
 611                                     [% IF mandatory.defined('B_email') %]
 612                                         <label for="borrower_B_email" class="required">
 613                                     [% ELSE %]
 614                                         <label for="borrower_B_email">
 615                                     [% END %]
 616                                     Email:</label>
 617
 618                                     <input type="text" id="borrower_B_email" name="borrower_B_email" value="[% borrower.B_email %]" />
 619                                     [% IF mandatory.defined('B_email') %]<span class="required">Required</span>[% END %]
 620                                 </li>
 621                             [% END %]
 622
 623                             [% UNLESS hidden.defined('contactnote') %]
 624                                 <li>
 625                                     [% IF mandatory.defined('contactnote') %]
 626                                         <label for="borrower_contactnote" class="required">
 627                                     [% ELSE %]
 628                                         <label for="borrower_contactnote">
 629                                     [% END %]
 630                                     Contact note:</label>
 631
 632                                     <textarea id="borrower_contactnote" name="borrower_contactnote" cols="30" rows="2">[% borrower.contactnote %]</textarea>
 633                                     [% IF mandatory.defined('contactnote') %]<span class="required">Required</span>[% END %]
 634                                 </li>
 635                             [% END %]
 636
 637                         </ol>
 638                     </fieldset>
 639                 [% END %]
 640
 641                 [% UNLESS
 642                     hidden.defined('altcontactsurname') && hidden.defined('altcontactfirstname') && hidden.defined('altcontactaddress1') &&
 643                     hidden.defined('altcontactaddress2') && hidden.defined('altcontactaddress3') && hidden.defined('altcontactstate') &&
 644                     hidden.defined('altcontactzipcode') && hidden.defined('altcontactcountry') && hidden.defined('altcontactphone')
 645                 %]
 646                     <fieldset class="rows" id="memberentry_alternatecontact">
 647                         <legend id="alternatecontact_legend">Alternate contact</legend>
 648
 649                         <ol>
 650                             [% UNLESS hidden.defined('altcontactsurname') %]
 651                                 <li>
 652                                     [% IF mandatory.defined('altcontactsurname') %]
 653                                         <label for="borrower_altcontactsurname" class="required">
 654                                     [% ELSE %]
 655                                         <label for="borrower_altcontactsurname">
 656                                     [% END %]
 657                                     Surname:</label>
 658
 659                                     <input type="text" id="borrower_altcontactsurname" name="borrower_altcontactsurname" value="[% borrower.altcontactsurname %]" />
 660                                     [% IF mandatory.defined('altcontactsurname') %]<span class="required">Required</span>[% END %]
 661                                 </li>
 662                             [% END %]
 663
 664                             [% UNLESS hidden.defined('altcontactfirstname') %]
 665                                 <li>
 666                                     [% IF mandatory.defined('altcontactfirstname') %]
 667                                         <label for="borrower_altcontactfirstname" class="required">
 668                                     [% ELSE %]
 669                                         <label for="borrower_altcontactfirstname">
 670                                     [% END %]
 671                                     First name:</label>
 672
 673                                     <input type="text" id="borrower_altcontactfirstname" name="borrower_altcontactfirstname" value="[% borrower.altcontactfirstname %]" />
 674                                     [% IF mandatory.defined('altcontactfirstname') %]<span class="required">Required</span>[% END %]
 675                                 </li>
 676                             [% END %]
 677
 678                             [% UNLESS hidden.defined('altcontactaddress1') %]
 679                                 <li>
 680                                     [% IF mandatory.defined('altcontactaddress1') %]
 681                                         <label for="borrower_altcontactaddress1" class="required">
 682                                     [% ELSE %]
 683                                         <label for="borrower_altcontactaddress1">
 684                                     [% END %]
 685                                     Address:</label>
 686
 687                                     <input type="text" id="borrower_altcontactaddress1" name="borrower_altcontactaddress1" value="[% borrower.altcontactaddress1 %]" />
 688                                     [% IF mandatory.defined('altcontactaddress1') %]<span class="required">Required</span>[% END %]
 689                                 </li>
 690                             [% END %]
 691
 692                             [% UNLESS hidden.defined('altcontactaddress2') %]
 693                                 <li>
 694                                     [% IF mandatory.defined('altcontactaddress2') %]
 695                                         <label for="borrower_altcontactaddress2" class="required">
 696                                     [% ELSE %]
 697                                         <label for="borrower_altcontactaddress2">
 698                                     [% END %]
 699                                     Address 2:</label>
 700
 701                                     <input type="text" id="borrower_altcontactaddress2" name="borrower_altcontactaddress2" value="[% borrower.altcontactaddress2 %]" />
 702                                     [% IF mandatory.defined('altcontactaddress2') %]<span class="required">Required</span>[% END %]
 703                                 </li>
 704                             [% END %]
 705
 706                             [% UNLESS hidden.defined('altcontactaddress3') %]
 707                                 <li>
 708                                     [% IF mandatory.defined('altcontactaddress3') %]
 709                                         <label for="borrower_altcontactaddress3" class="required">
 710                                     [% ELSE %]
 711                                         <label for="borrower_altcontactaddress3">
 712                                     [% END %]
 713                                     City:</label>
 714
 715                                     <input type="text" id="borrower_altcontactaddress3" name="borrower_altcontactaddress3" value="[% borrower.altcontactaddress3 %]" />
 716                                     [% IF mandatory.defined('altcontactaddress3') %]<span class="required">Required</span>[% END %]
 717                                 </li>
 718                             [% END %]
 719
 720                             [% UNLESS hidden.defined('altcontactstate') %]
 721                                 <li>
 722                                     [% IF mandatory.defined('altcontactstate') %]
 723                                         <label for="borrower_altcontactstate" class="required">
 724                                     [% ELSE %]
 725                                         <label for="borrower_altcontactstate">
 726                                     [% END %]
 727                                     State:</label>
 728
 729                                     <input type="text" id="borrower_altcontactstate" name="borrower_altcontactstate" value="[% borrower.altcontactstate %]" />
 730                                     [% IF mandatory.defined('altcontactstate') %]<span class="required">Required</span>[% END %]
 731                                 </li>
 732                             [% END %]
 733
 734                             [% UNLESS hidden.defined('altcontactzipcode') %]
 735                                 <li>
 736                                     [% IF mandatory.defined('altcontactzipcode') %]
 737                                         <label for="borrower_altcontactzipcode" class="required">
 738                                     [% ELSE %]
 739                                         <label for="borrower_altcontactzipcode">
 740                                     [% END %]
 741                                     ZIP/Postal code:</label>
 742
 743                                     <input type="text" id="borrower_altcontactzipcode" name="borrower_altcontactzipcode" value="[% borrower.altcontactzipcode %]" />
 744                                     [% IF mandatory.defined('altcontactzipcode') %]<span class="required">Required</span>[% END %]
 745                                 </li>
 746                             [% END %]
 747
 748                             [% UNLESS hidden.defined('altcontactcountry') %]
 749                                 <li>
 750                                     [% IF mandatory.defined('altcontactcountry') %]
 751                                         <label for="borrower_altcontactcountry" class="required">
 752                                     [% ELSE %]
 753                                         <label for="borrower_altcontactcountry">
 754                                     [% END %]
 755                                     Country:</label>
 756
 757                                     <input type="text" id="borrower_altcontactcountry" name="borrower_altcontactcountry" value="[% borrower.altcontactcountry %]" />
 758                                     [% IF mandatory.defined('altcontactcountry') %]<span class="required">Required</span>[% END %]
 759                                 </li>
 760                             [% END %]
 761
 762                             [% UNLESS hidden.defined('altcontactphone') %]
 763                                 <li>
 764                                     [% IF mandatory.defined('altcontactphone') %]
 765                                         <label for="borrower_altcontactphone" class="required">
 766                                     [% ELSE %]
 767                                         <label for="borrower_altcontactphone">
 768                                     [% END %]
 769                                     Phone:</label>
 770
 771                                     <input type="text" id="borrower_altcontactphone" name="borrower_altcontactphone" value="[% borrower.altcontactphone %]" />
 772                                     [% IF mandatory.defined('altcontactphone') %]<span class="required">Required</span>[% END %]
 773                                 </li>
 774                             [% END %]
 775                         </ol>
 776                     </fieldset>
 777                 [% END %]
 778
 779                 [% UNLESS action == 'edit' %]
 780                     <fieldset class="rows" id="memberentry_captcha">
 781                         <ol>
 782                             <li>
 783                                 <label for="captcha" class="required">Verification:</label>
 784
 785                                 <input type="text" name="captcha" id="captcha" />
 786                                 <input type="hidden" name="captcha_digest" value="[% captcha_digest %]" />
 787
 788                                 <span class="hint">Please type the following characters into the preceding box: <strong>[% captcha %]</strong></span>
 789                                 <span class="hint">Note: The preceding box is case-sensitive. Ensure that the entered characters are in all-caps.</span>
 790                             </li>
 791                         </ol>
 792                     </fieldset>
 793                 [% END %]
 794
 795                 [% IF ( borrower.ExtendedPatronAttributes ) %]
 796                     <fieldset class="rows">
 797                         <legend>Additional information</legend>
 798                         <ol>
 799                             [% FOREACH patron_attribute IN borrower.patron_attributes %]
 800                                 <li>
 801                                     <label>[% patron_attribute.description %]:</label>
 802                                     [% IF ( patron_attribute.value_description ) %]
 803                                         [% patron_attribute.value_description %]
 804                                     [% ELSE %]
 805                                         [% patron_attribute.value |html_line_break %]
 806                                     [% END %]
 807                                 </li>
 808                             [% END %]
 809                         </ol>
 810                     </fieldset>
 811                 [% END %]
 812
 813                 [% IF action == 'edit' %]
 814                     [% IF OPACPatronDetails %]
 815                         <fieldset class="action">
 816                             <input type="hidden" name="action" value="update" />
 817                             <input type="submit" class="btn" value="Submit update request" />
 818                         </fieldset>
 819                     [% END %]
 820                 [% ELSE %]
 821                     <fieldset class="action">
 822                         <input type="hidden" name="action" value="create" />
 823                         <input type="submit" class="btn" value="Submit" />
 824                     </fieldset>
 825                 [% END %]
 826
 827                 </form>
 828
 829                     </div><!--/div id="update-account" -->
 830                 </div>
 831             </div>
 832         </div>
 833     </div>
 834
 835 [% INCLUDE 'opac-bottom.inc' %]
 836 [% BLOCK jsinclude %]
 837     <script type="text/javascript" src="[% interface %]/[% theme %]/lib/jquery/plugins/jquery.validate.min.js"></script>
 838     <script type="text/javascript">
 839         //<![CDATA[
 840         $(document).ready(function() {
 841             [% IF action == 'edit' && !OPACPatronDetails %]
 842                 $("#memberentry-form :input").attr('readonly', true);
 843                 $("#borrower_branchcode").attr('disabled',true);
 844                 $("#borrower_title").attr('disabled',true);
 845                 $('#memberentry-form :radio').attr('disabled',true);
 846                 $('span.required').remove();
 847                 $('label.required').removeClass('required');
 848             [% ELSE %]
 849                 $( "#borrower_dateofbirth" ).datepicker({ yearRange: "c-120:c" });
 850             [% END %]
 851
 852             $("#memberentry-form").validate({
 853                 rules: {
 854                     borrower_email: {
 855                         email: true
 856                     },
 857                     borrower_emailpro: {
 858                         email: true
 859                     },
 860                     borrower_B_email: {
 861                         email: true
 862                     }
 863                 },
 864                 submitHandler: function(form) {
 865                     if (form.beenSubmitted) {
 866                         return false;
 867                     }
 868                     else {
 869                         form.beenSubmitted = true;
 870                         form.submit();
 871                     }
 872                 },
 873                 errorPlacement: function(error, element) {
 874                     offset = element.offset();
 875                     error.insertAfter(element)
 876                     error.addClass('error');  // add a class to the wrapper
 877                     error.css('position', 'absolute');
 878                     error.css('left', offset.left + element.outerWidth() + 10);
 879                     error.css('top', offset.top);
 880                     error.css('width', 'auto');
 881                 }
 882             });
 883
 884             [% IF borrower.guarantorid && !Koha.Preference('OPACPrivacy') && Koha.Preference('AllowPatronToSetCheckoutsVisibilityForGuarantor') %]
 885                 $('#update_privacy_guarantor_checkouts').click( function() {
 886                     $.post( "/cgi-bin/koha/svc/patron/show_checkouts_to_relatives", { privacy_guarantor_checkouts: $('#privacy_guarantor_checkouts').val() }, null, 'json')
 887                      .done(function( data ) {
 888                          var message;
 889                          if ( data.success ) {
 890                              message = _("Your setting has been updated!");
 891                          } else {
 892                              message = _("Unable to update your setting!");
 893                          }
 894
 895                          $('#update_privacy_guarantor_checkouts_message').fadeIn("slow").text( message ).delay( 5000 ).fadeOut("slow");
 896                      });
 897                 });
 898             [% END %]
 899         });
 900     //]]>
 901     </script>
 902 [% INCLUDE 'calendar.inc' %]
 903 [% END %]