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