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

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