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