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

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