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

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