Bug 34478: Changes for opac-reserve
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-reserve.tt
1 [% USE raw %]
2 [% USE Koha %]
3 [% USE Branches %]
4 [% USE KohaDates %]
5 [% USE Price %]
6 [% USE ItemTypes %]
7 [% USE AuthorisedValues %]
8 [% INCLUDE 'doc-head-open.inc' %]
9 <title>Placing a hold &rsaquo; [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
10 [% INCLUDE 'doc-head-close.inc' %]
11 [% BLOCK cssinclude %][% END %]
12 </head>
13
14 [% INCLUDE 'bodytag.inc' bodyid='opac-holds' %]
15 [% INCLUDE 'masthead.inc' %]
16
17 <div class="main">
18     [% WRAPPER breadcrumbs %]
19         [% WRAPPER breadcrumb_item bc_active= 1 %]
20             <span>Placing a hold</span>
21         [% END %]
22     [% END #/ WRAPPER breadcrumbs %]
23
24     <div class="container">
25         <div id="holds" class="maincontent">
26             <h1>Placing a hold</h1>
27             [% IF ( message ) %]
28                 <div id="holdmessages" class="alert">
29                     <p>Sorry, you cannot place holds.</p>
30                     <ul>
31                         [% IF ( GNA ) %]
32                             <li id="gna">
33                                 According to our records, we don't have up-to-date contact information. Please contact the library.
34                                 <a href="/cgi-bin/koha/opac-memberentry.pl">[% IF ( Koha.Preference('OPACPatronDetails') ) %]<span>Update your contact information</span>[% ELSE %]<span>Go to your contact information</span>[% END %]</a>
35                                 [% IF ( Koha.Preference('OPACPatronDetails') ) %]<em>(Please note: there may be a delay in restoring your account if you submit online.)</em>[% END %]
36                             </li>
37                         [% END %]
38
39                         [% IF ( lost ) %]
40                             <li id="lost">
41                                 Your library card has been marked as lost or stolen.<br />
42                                 <em>If this is an error, please take your library card to the circulation desk at your local library and the error will be corrected.</em>
43                             </li>
44                         [% END %]
45
46                         [% IF ( debarred ) %]
47                             <li id="debarred">
48                                 Your account has been frozen.
49                                 [% IF debarred_comment %]
50                                     Comment:
51                                     <span id="userdebarred_comment">
52                                         <strong>
53                                             [% IF debarred_comment.search('OVERDUES_PROCESS') %]
54                                                 Restriction added by overdues process [% debarred_comment.remove('OVERDUES_PROCESS ') | html_line_break %]
55                                             [% ELSE %]
56                                                 [% debarred_comment | html_line_break %]
57                                             [% END %]
58                                         </strong>
59                                     </span>
60                                 [% END %]
61
62                                 [% IF debarred_date && debarred_date != '9999-12-31' %]
63                                     End date:
64                                     <span id="userdebarred_date">[% debarred_date | $KohaDates %]</span>
65                                 [% END %]
66                                 <br /><em>Usually the reason for freezing an account is old overdues or damage fees. If shows your account to be clear, please contact the library.</em> <a href="/cgi-bin/koha/opac-account.pl">Go to your account page</a>
67                             </li>
68                         [% END %]
69
70                         [% IF ( too_much_oweing ) %]
71                             <li id="too_much_oweing">
72                                 You have unpaid fines. Amount: [% too_much_oweing | $Price %].
73                             </li>
74                         [% END %]
75
76                         [% IF ( too_many_reserves ) %]
77                             <li id="too_many_reserves">
78                                 Sorry, you cannot place more than [% too_many_reserves | html %] holds.
79                             </li>
80                         [% END %]
81
82                         [% IF ( bad_biblionumber ) %]
83                             <li id="bad_biblionumber">
84                                 ERROR: No record found for record ID [% bad_biblionumber | html %].
85                             </li>
86                         [% END %]
87
88                         [% IF ( no_items_selected ) %]
89                             <li id="no_items_selected">
90                                 You must select at least one item.
91                             </li>
92                         [% END %]
93
94                         [% IF ( no_branch_selected ) %]
95                             <li id="no_branch_selected">
96                                 You must select a library for pickup.
97                             </li>
98                         [% END %]
99
100                         [% IF ( no_biblionumber ) %]
101                             <li id="no_biblionumber">
102                                ERROR: No record ID specified.
103                            </li>
104                         [% END %]
105
106                         [% IF ( bad_data ) %]
107                             <li id="bad_data">
108                                 ERROR: Internal error: incomplete hold request.
109                             </li>
110                         [% END %]
111
112                         [% IF ( expired_patron ) %]
113                             <li id="expired_patron">
114                                 Your library card has expired. Please contact your librarian if you wish to renew your card.
115                             </li>
116                         [% END %]
117
118                         [% IF ( no_pickup_locations ) %]
119                             <li id="no_pickup_locations">
120                                 None of the libraries are available for pickup location.
121                             </li>
122                         [% END %]
123                     </ul>
124                 </div> <!-- /.message -->
125             [% ELSE # /IF message %]
126
127                 [% IF ( none_available && multi_hold ) %]
128                     <div id="none_available" class="alert">
129                         Sorry, none of these titles can be placed on hold.
130                     </div>
131                 [% END %]
132
133             [% END # / IF message %]
134
135             [% UNLESS ( message ) %]
136                 [% UNLESS ( none_available ) %]
137                     <h2>Confirm holds for:[% INCLUDE 'patron-title.inc' patron = logged_in_user %] ([% logged_in_user.cardnumber | html %])</h2>
138                 [% END # / UNLESS none_available %]
139
140                 [% IF ( new_reserves_allowed ) %]
141                     <div id="new_reserves_allowed" class="alert">
142                         <strong>Sorry,</strong> you can only place [% new_reserves_allowed | html %] more holds. Please uncheck the checkboxes for the items you wish to not place holds on.
143                     </div>
144                 [% END %]
145
146             <form action="/cgi-bin/koha/opac-reserve.pl" method="post" id="hold-request-form">
147                 [% INCLUDE 'csrf-token.inc' %]
148                 <legend class="sr-only">Hold requests</legend>
149                 <input type="hidden" name="op" value="cud-place_reserve" />
150                 <!-- These values are set dynamically by js -->
151                     <input type="hidden" name="biblionumbers" id="biblionumbers"/>
152                     <input type="hidden" name="selecteditems" id="selections"/>
153                     <div id="bigloop">
154
155                         [% FOREACH bibitemloo IN bibitemloop %]
156                             <div class="holdrow">
157                                 [% IF bibitemloo.forced_hold_level %]
158                                     <div class="alert alert-info forced_hold_level">
159                                         [% IF bibitemloo.forced_hold_level == 'item' %]
160                                             <span>You already have at least one item level hold on this title.
161                                             All further holds must be item level.</span>
162                                         [% ELSE %]
163                                             <span>You already have at least one record level hold on this title.
164                                             All further holds must be record level.</span>
165                                         [% END %]
166                                     </div>
167                                 [% END %]
168
169                                 [% IF ( bibitemloo.reserve_charge ) %]
170                                     <div class="alert" id="reserve_fee">
171                                         [% IF Koha.Preference('HoldFeeMode') == 'any_time_is_collected' %]
172                                             <span>You will be charged a hold fee of [% bibitemloo.reserve_charge | $Price %] when you collect this item</span>
173                                         [% ELSE %]
174                                             <span>You will be charged a hold fee of [% bibitemloo.reserve_charge | $Price %] for placing this hold</span>
175                                         [% END %]
176                                     </div>
177                                 [% END %]
178
179                                 <p>
180                                     [% IF ( bibitemloo.holdable ) %]
181                                         <input class="reserve_mode" name="reserve_mode" type="hidden" value="single"/>
182                                         <input class="single_bib" name="single_bib" type="hidden" value="[% bibitemloo.biblionumber | html %]"/>
183                                         <span class="confirmjs_hold" title="[% bibitemloo.biblionumber | html %]" style="padding:.3em"></span>
184                                         <span class="confirm_nonjs">
185                                             <input type="radio" class="confirmbox checkitem [% bibitemloo.biblionumber | html %]" name="[% bibitemloo.biblionumber | html %]" checked="checked" id="single_[% bibitemloo.biblionumber | html %]" value="any" />
186                                             <label class="confirm_label" for="single_[% bibitemloo.biblionumber | html %]">Place a hold on </label>
187                                         </span>
188                                     [% END # / bibitemloo.holdable %]
189
190                                     [% INCLUDE 'biblio-title.inc' biblio=bibitemloo link=> 1%]
191
192                                     [% IF ( bibitemloo.author ) %],  by [% bibitemloo.author | html %][% END %]
193                                 </p>
194
195                                 [% UNLESS ( bibitemloo.holdable ) %]
196                                     [% IF ( bibitemloo.ageRestricted ) %]
197                                         <div class="alert alert-warning">Sorry, you are too young to place a hold for this item.</div>
198                                     [% END %]
199                                     [% IF ( bibitemloo.already_reserved ) %]
200                                         <div class="alert alert-warning">You have already requested this title.</div>
201                                     [% ELSIF ( bibitemloo.recall ) %]
202                                         <div class="alert alert-warning">You have already placed a recall on this title.</div>
203                                     [% ELSE %]
204                                         [% IF bibitemloo.alreadypossession %]
205                                             <div class="alert alert-warning">This title cannot be requested because it's already in your possession.</div>
206                                         [% ELSIF bibitemloo.tooManyReserves %]
207                                             <div class="alert alert-warning">This title cannot be requested because you reached the maximum number of holds.</div>
208                                         [% ELSIF bibitemloo.tooManyHoldsForThisRecord %]
209                                             <div class="alert alert-warning">This title cannot be requested because you exceeded max holds per record.</div>
210                                         [% ELSIF bibitemloo.tooManyReservesToday %]
211                                             <div class="alert alert-warning">This title cannot be requested because you reached the daily hold limit.</div>
212                                         [% ELSIF bibitemloo.itemAlreadyOnHold %]
213                                             <div class="alert alert-warning">This title cannot be requested because you already have hold for this item.</div>
214                                         [% ELSE %]
215                                             [% UNLESS ( bibitemloo.bib_available ) %]
216                                                 <div class="alert">There are no items that can be placed on hold.</div>
217                                             [% ELSE %]
218                                                 <div class="alert">This title cannot be requested.</div>
219                                             [% END %]
220                                         [% END # / UNLESS bibitemloo.already_patron_possession %]
221                                     [% END # / IF bibitemloo.already_reserved %]
222                                 [% END # / UNLESS bibitemloo.holdable %]
223
224                                 [% IF ( bibitemloo.holdable ) %]
225                                     <fieldset class="rows">
226                                         <ul>
227                                             <!-- HOLDABLE -->
228                                             [% UNLESS ( item_level_itypes ) %]
229                                                 <li class="itype">
230                                                     <span class="label">Item type: </span>
231                                                     [% IF ( bibitemloo.imageurl ) %]<img src="[% bibitemloo.imageurl | html %]" alt="" />[% END %]
232                                                     <span class="itypetext">[% bibitemloo.translated_description | html %]</span>
233                                                 </li>
234                                             [% END %]
235
236                                             [% SET OPACShowHoldQueueDetails = Koha.Preference('OPACShowHoldQueueDetails') %]
237                                             [% IF OPACShowHoldQueueDetails == 'holds_priority' || OPACShowHoldQueueDetails == 'priority' %]
238                                                 <li class="priority">
239                                                     <span class="label">Your priority: </span>
240                                                     [% bibitemloo.rank | html %]
241                                                 </li>
242                                             [% END %]
243
244                                             [% IF OPACShowHoldQueueDetails == 'holds_priority' || OPACShowHoldQueueDetails == 'holds' %]
245                                                 <li class="holds-count">
246                                                     <span class="label">Number of holds: </span>
247                                                     [% bibitemloo.reservecount | html %]
248                                                 </li>
249                                             [% END %]
250
251                                             [% UNLESS ( singleBranchMode ) %]
252                                                 [% IF ( bibitemloo.holdable && Koha.Preference('OPACAllowUserToChooseBranch')) %]
253                                                     <li class="branch">
254                                                         <label for="branch_[% bibitemloo.biblionumber | html %]">Pick up location:</label>
255                                                         [% UNLESS ( bibitemloo.holdable ) %]
256                                                             <select name="branch" id="branch_[% bibitemloo.biblionumber | html %]" disabled="disabled">
257                                                                 [% PROCESS options_for_libraries libraries => Branches.pickup_locations({ search_params => { biblio => bibitemloo.biblionumber, patron => logged_in_user }, selected => branch }) %]
258                                                             </select>
259                                                         [% ELSE %]
260                                                             [% SET at_least_one_library_not_available_for_pickup = 0 %]
261                                                             <select name="branch" id="branch_[% bibitemloo.biblionumber | html %]">
262                                                                 [% FOREACH library IN Branches.pickup_locations({ search_params => { biblio => bibitemloo.biblionumber, patron => logged_in_user }, selected => branch }) %]
263                                                                     [% SET pickup_available_at = bibitemloo.not_available_at.grep('^' _ library.branchcode _ '$').size ? 0 : 1 %]
264                                                                     [% IF library.selected AND pickup_available_at %]
265                                                                         <option value="[% library.branchcode | html %]" selected="selected" >[% library.branchname | html %]</option>
266                                                                     [% ELSIF pickup_available_at %]
267                                                                         <option value="[% library.branchcode | html %]">[% library.branchname | html %]</option>
268                                                                     [% ELSE %]
269                                                                         [% SET at_least_one_library_not_available_for_pickup = 1 %]
270                                                                         <option value="[% library.branchcode | html %]" disabled="disabled" title="At least one item is available at this library">[% library.branchname | html %]</option>
271                                                                     [% END %]
272                                                                 [% END %]
273                                                             </select>
274                                                             [% IF at_least_one_library_not_available_for_pickup %]
275                                                                 <div class="at_least_one_library_not_available_note">Note: Library policy does not allow hold/pickup of an item available locally. Please come to the library to retrieve these items</div>
276                                                             [% END %]
277                                                         [% END # / UNLESS bibitemloo.holdable %]
278                                                     </li>
279                                                 [% END # / IF bibitemloo.holdable && Koha.Preference('OPACAllowUserToChooseBranch') %]
280                                             [% END # / UNLESS singleBranchMode %]
281                                         </ul>
282
283                                         <a class="toggle-hold-options" id="toggle-hold-options-[% bibitemloo.biblionumber | html %]" style="display:none;" href="#">Show more options</a>
284
285                                         <div id="hold-options-[% bibitemloo.biblionumber | html %]" class="hold-options">
286
287                                             <ul>
288                                                 [% IF ( reserve_in_future ) %]
289                                                     <li>
290                                                         <label for="from[% bibitemloo.biblionumber | html %]">Hold starts on date:</label>
291                                                         <input type="text" name="reserve_date_[% bibitemloo.biblionumber | html %]" id="from[% bibitemloo.biblionumber | html %]" data-start_for="to[% bibitemloo.biblionumber | html %]" size="10" class="flatpickr holddatefrom" />
292                                                         <span class="date-format from" data-biblionumber="[% bibitemloo.biblionumber | html %]">[% INCLUDE 'date-format.inc' %]</span>
293                                                         <div class="required_label" style="display:none;">Required</div>
294                                                     </li>
295                                                 [% END %]
296
297                                                 <li>
298                                                     <label for="to[% bibitemloo.biblionumber | html %]">Hold not needed after:</label>
299                                                     <input type="text" name="expiration_date_[% bibitemloo.biblionumber | html %]" id="to[% bibitemloo.biblionumber | html %]" size="10" class="flatpickr futuredate" />
300                                                     <span class="date-format to" data-biblionumber="[% bibitemloo.biblionumber | html %]">[% INCLUDE 'date-format.inc' %]</span>
301                                                     <div class="required_label" style="display:none;">Required</div>
302                                                 </li>
303
304                                                 [% IF Koha.Preference('AllowHoldItemTypeSelection') %]
305                                                     <li>
306                                                         <label for="itemtype">Request specific item type:</label>
307                                                         <select name="itemtype" id="itemtype">
308                                                             <option value="">Any item type</option>
309                                                             [% FOREACH i IN bibitemloo.allowed_item_types %]
310                                                                 <option value="[% i | html %]">[% ItemTypes.GetDescription( i ) | html %]</option>
311                                                             [%- END %]
312                                                         </select>
313                                                     </li>
314                                                 [% END %]
315
316                                                 [% UNLESS bibitemloo.forced_hold_level && ( bibitemloo.forced_hold_level == 'item' || bibitemloo.forced_hold_level == 'record' ) %]
317                                                     [% IF Koha.Preference('EnableItemGroupHolds') && bibitemloo.object.item_groups %]
318                                                         <li>
319                                                             <label for="itemtype">Request specific item group:</label>
320                                                             <select name="item_group_id_[% bibitemloo.biblionumber | html %]" id="item_group_id_[% bibitemloo.biblionumber | html %]">
321                                                                 <option value="">Any item group</option>
322                                                                 [% FOREACH g IN bibitemloo.object.item_groups.search({}, { order_by => ['display_order'] }) %]
323                                                                     <option value="[% g.id | html %]">[% g.description | html %]</option>
324                                                                 [% END %]
325                                                             </select>
326                                                         </li>
327                                                     [% END %]
328                                                 [% END %]
329
330                                                 [% IF ( OpacHoldNotes ) %]
331                                                     <li>
332                                                         <div class="notesrow" id="notesrow_[% bibitemloo.biblionumber | html %]">
333                                                             <label for="holdnotes_[% bibitemloo.biblionumber | html %]">Hold notes:</label>
334                                                             <textarea id="holdnotes_[% bibitemloo.biblionumber | html %]" rows="2" cols="30" name="notes_[% bibitemloo.biblionumber | html %]" >[% bibitemloo.holdnotes | html %]</textarea>
335                                                         </div>
336                                                     </li>
337                                                 [% END # / IF OpacHoldNotes %]
338
339                                                 [% IF bibitemloo.itemholdable %]
340                                                     <!-- ITEM HOLDS -->
341                                                     <li class="lradio place_on_type" style="display:none;">
342                                                         [% UNLESS bibitemloo.forced_hold_level == 'item' || bibitemloo.forced_hold_level == 'item_group' || bibitemloo.force_hold %]
343                                                             <label class="radio inline" for="reqany_[% bibitemloo.biblionumber | html %]">Next available item</label>
344                                                             <input type="radio" name="reqtype_[% bibitemloo.biblionumber | html %]"
345                                                                     id="reqany_[% bibitemloo.biblionumber | html %]"
346                                                                     class="selectany"
347                                                                     value="Any"
348                                                                     checked="checked"
349                                                             />
350                                                         [% END %]
351                                                         <label class="radio inline" for="reqspecific_[% bibitemloo.biblionumber | html %]">A specific item</label>
352                                                         <input type="radio" name="reqtype_[% bibitemloo.biblionumber | html %]"
353                                                                id="reqspecific_[% bibitemloo.biblionumber | html %]"
354                                                                class="selectspecific"
355                                                                value="Specific"
356                                                         />
357                                                     </li>
358                                                 [% END # / IF bibitemloo.itemholdable %]
359                                             </ul>
360
361                                             [% IF bibitemloo.itemholdable %]
362                                                 <div id="copiesrow_[% bibitemloo.biblionumber | html %]" class="copiesrow">
363                                                 <table class="table table-bordered table-striped itemstable">
364                                                     <caption>Select a specific item:</caption>
365                                                     <thead>
366                                                         <tr>
367                                                         <th>Copy number</th>
368                                                         [% IF ( item_level_itypes ) %]
369                                                             <th>Item type</th>
370                                                         [% END %]
371                                                         <th>Barcode</th>
372                                                         [% UNLESS ( singleBranchMode ) %]
373                                                             <th>Home library</th>
374                                                             <th>Last location</th>
375                                                         [% END %]
376                                                         [% IF ( itemdata_ccode ) %]
377                                                             <th>Collection</th>
378                                                         [% END %]
379                                                         <th>Call number</th>
380                                                         [% IF ( itemdata_enumchron ) %]
381                                                             <th>Vol info</th>
382                                                         [% END %]
383                                                         <th>Notes</th>
384                                                         <th>Information</th>
385                                                         </tr>
386                                                     </thead>
387                                                     <tbody>
388
389                                                     [% SET unholdable_items = 0 %]
390                                                     [% FOREACH itemLoo IN bibitemloo.itemLoop %]
391                                                         [% IF ( itemLoo.available ) %]
392                                                             [% IF ( itemLoo.checkout ) %]
393                                                                 <tr class="holdable onloan">
394                                                             [% ELSE %]
395                                                                 <tr class="holdable">
396                                                             [% END %]
397                                                                     <td class="copynumber" data-order="[% itemLoo.copynumber | html %]">
398                                                                         <input type="radio" class="checkitem checkitem_[% bibitemloo.biblionumber | html %]" name="checkitem_[% bibitemloo.biblionumber | html %]" value="[% itemLoo.itemnumber | html %]" />
399                                                         [% ELSE %]
400                                                             [% SET unholdable_items = 1 %]
401                                                             [% IF ( itemLoo.checkout ) %]
402                                                                 <tr class="unholdable onloan" style="display:none;">
403                                                             [% ELSE %]
404                                                                 <tr class="unholdable" style="display:none;">
405                                                             [% END %]
406                                                                     <td class="copynumber">
407                                                                         <input disabled="disabled" type="radio" aria-label="Cannot be put on hold" class="checkitem" name="checkitem" value="[% itemLoo.itemnumber | html %]"
408                                                                            style="display:none;" />
409                                                                     <i class="fa fa-times danger" aria-hidden="true" title="Cannot be put on hold"></i>
410                                                         [% END %]
411                                                                 [% IF ( itemLoo.copynumber ) %]
412                                                                     [% itemLoo.copynumber | html %]
413                                                                 [% END %]
414                                                             </td> [%# copynumber %]
415
416                                                             [% IF ( item_level_itypes ) %]
417                                                                 <td class="itype">
418                                                                     [% UNLESS ( Koha.Preference('OpacNoItemTypeImages') ) %]
419                                                                         [% IF ( itemLoo.imageurl ) %]
420                                                                             <img src="[% itemLoo.imageurl | html %]" alt="" />
421                                                                         [% END %]
422                                                                     [% END %]
423                                                                     <span class="itypetext">[% itemLoo.translated_description | html %]</span>
424                                                                 </td>
425                                                             [% END %]
426
427                                                             <td class="barcode">[% itemLoo.barcode | html %]</td>
428                                                             [% UNLESS ( singleBranchMode ) %]
429                                                                 <td class="homebranch">[% Branches.GetName( itemLoo.homebranch) | html %]</td>
430                                                                 <td class="holdingbranch">[% Branches.GetName( itemLoo.holdingbranch ) | html %]</td>
431                                                             [% END %]
432                                                             [% IF ( itemdata_ccode ) %]
433                                                                 <td class="ccode"> [% IF ( itemLoo.ccode ) %][% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.ccode', authorised_value => itemLoo.ccode, opac => 1 ) | html %][% END %]</td>
434                                                             [% END %]
435                                                             <td class="call_no">[% itemLoo.itemcallnumber | html %]</td>
436                                                             [% IF ( itemdata_enumchron ) %]
437                                                                 <td class="vol_info">[% itemLoo.enumchron | html %]</td>
438                                                             [% END %]
439                                                             <td class="itemnotes">
440                                                                 [% itemLoo.itemnotes | html %]
441                                                             </td>
442                                                             <td class="information">
443                                                                 [% IF ( itemLoo.checkout.date_due) %]
444                                                                     <span class="checkedout">Due [% itemLoo.checkout.date_due| $KohaDates as_due_date => 1 %]</span>
445                                                                 [% ELSIF ( itemLoo.transfertwhen ) %]
446                                                                     <span class="intransit">In transit from [% Branches.GetName( itemLoo.transfertfrom ) | html %] to [% Branches.GetName( itemLoo.transfertto ) | html %] since [% itemLoo.transfertwhen | $KohaDates %]</span>
447                                                                 [% END %]
448
449                                                                 [% IF ( itemLoo.itemlost == 1 || itemLoo.itemlost == 2 ) %] [%# FIXME Why only for 1 or 2? Shouldn't we test for withdrawn as well? %]
450                                                                     <span class="lost">Unavailable (lost or missing)</span>
451                                                                 [% END %]
452
453                                                                 [% IF ( itemLoo.notforloan ) %]
454                                                                     <span class="notforloan">Not for loan ([% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.notforloan', authorised_value => itemLoo.notforloan ) %])</span>
455                                                                 [% END %]
456
457                                                                 [% IF ( itemLoo.first_hold ) %]
458                                                                     <span class="waiting">
459                                                                         [% IF ( itemLoo.waitingdate ) %]
460                                                                             <span>Waiting for patron at [% Branches.GetName( itemLoo.ExpectedAtLibrary ) | html %] since [% itemLoo.waitingdate | $KohaDates %]</span>
461                                                                         [% ELSIF ( itemLoo.reservedate ) %]
462                                                                             <span>On hold for patron expected at [% Branches.GetName( itemLoo.ExpectedAtLibrary ) | html %] since [% itemLoo.reservedate | $KohaDates %]</span>
463                                                                         [% ELSE %]
464                                                                             <span>On hold for patron expected at [% Branches.GetName( itemLoo.ExpectedAtLibrary ) | html %]</span>
465                                                                         [% END %]
466                                                                     </span>
467                                                                 [% ELSE %]
468                                                                     <span class="notonhold">Not on hold</span>
469                                                                 [% END # / IF ( itemLoo.first_hold )%]
470                                                             </td>
471                                                         </tr>
472                                                     [% END # / FOREACH itemLoo IN bibitemloo.itemLoop%]
473                                                     </tbody>
474                                                 </table> <!-- / #copiesrow_[% bibitemloo.biblionumber | html %] -->
475                                                 [% IF unholdable_items %]
476                                                 <button id="show_unholdable" class="btn btn-primary toggle_unholdable unholdable">Show unholdable items</button>
477                                                 <button id="hide_unholdable" class="btn btn-primary toggle_unholdable unholdable" style="display:none;">Hide unholdable items</button>
478                                                 [% END %]
479                                                 </div>
480                                             [% END # / IF ( bibitemloo.itemholdable )%]
481                                         </div> <!-- / #hold-options-[% bibitemloo.biblionumber | html %] -->
482                                     </fieldset>
483                                 [% END # / IF ( bibitemloo.holdable ) %]
484                             </div> <!-- / .holdrow -->
485                         [% END # / FOREACH bibitemloo IN bibitemloop %]
486                     </div><!-- #bigloop -->
487
488                     [% UNLESS ( none_available ) %]
489                         <input type="submit" value="Confirm hold" class="btn btn-primary placehold" />
490                     [% END %]
491
492                 </form>
493             [% END # / UNLESS message %]
494         </div> <!-- / #holds -->
495     </div> <!-- / .container -->
496 </div> <!-- / .main -->
497 [% INCLUDE 'opac-bottom.inc' %]
498 [% BLOCK jsinclude %]
499 [% INCLUDE 'calendar.inc' %]
500 [% INCLUDE 'datatables.inc' %]
501 <script>
502     var MSG_NO_ITEM_SELECTED = _("Expecting a specific item selection.");
503     var MSG_EMPTY_START_DATE = _("Hold start date should be filled.");
504     var MSG_EMPTY_END_DATE   = _("Hold expiration date should be filled.");
505
506     $(document).ready(function() {
507
508         $(".toggle_unholdable").click(function(e){
509             e.preventDefault();
510             $(this).parent('div').find(".unholdable").toggle();
511         });
512
513         $("#hold-request-form").preventDoubleFormSubmit();
514         var copiesRowId = null;
515         var wasSpecific = false;
516         var lastCopiesRowId = null;
517
518         $(".toggle-hold-options").show();
519         $(".hold-options").hide();
520         var OPACMandatoryHoldDates = "[% Koha.Preference('OPACMandatoryHoldDates') | html %]";
521         if( OPACMandatoryHoldDates == "start" || OPACMandatoryHoldDates == "both" ) {
522             $(".holddatefrom").prop( 'required', true ).siblings(".required_label").addClass('required').show();
523         }
524         if( OPACMandatoryHoldDates == "end"   || OPACMandatoryHoldDates == "both" ) {
525             $(".futuredate").prop( 'required', true ).siblings(".required_label").addClass('required').show();
526         }
527
528         $(".checkitem").parent().click(function(e){
529             if(e.target.tagName.toLowerCase() == 'td'){
530                 $(this).find("input.checkitem").each( function() {
531                     $(this).attr('checked', 'checked');
532                 });
533             }
534         });
535
536         // click on a first td check the confirmjs checkbox
537         $("td.hold").click(function(e){
538           if(e.target.tagName.toLowerCase() == 'td'){
539             $(this).find("input.confirmjs").each( function() {
540                $(this).attr('checked', !$(this).attr('checked'));
541                $(this).change();
542             });
543           }
544         });
545
546         $(".toggle-hold-options").on("click",function(e){
547             e.preventDefault();
548             toggleLink = $(this);
549             var optionsID = this.id.replace("toggle-hold-options-","");
550             $("#hold-options-"+optionsID).toggle(0, function() {
551                 toggleLink.text($(this).is(':visible') ? _("Hide options") : _("Show more options"));
552             });
553         });
554         if( $(".holddatefrom").prop('required') || $(".futuredate").prop('required') ) $(".toggle-hold-options").click();
555
556         // Hides all 'specific copy' table rows on load.
557         $(".copiesrow").hide();
558
559         [% FOREACH bibitemloo IN bibitemloop %]
560           [% IF bibitemloo.force_hold %]
561             if( $("#to[% bibitemloo.biblionumber | html %]").parent(":hidden").length )
562                 $("#toggle-hold-options-[% bibitemloo.biblionumber | html %]").click();
563             $("#reqspecific_[% bibitemloo.biblionumber | html %]").click();
564             $("#copiesrow_[% bibitemloo.biblionumber | html %]").show();
565           [% END %]
566         [% END %]
567
568         // Replace non-JS single-selection with multi-selection capability.
569         $(".reserve_mode").val("multi");
570         $(".confirm_nonjs").remove();
571         $(".confirmjs_hold").each(function(){
572             var bib = $(this).attr("title");
573             var html = "<label><input type =\"checkbox\" class=\"confirmjs\" checked=\"checked\"";
574             html += "value=\"" + bib + "\" id=\"" + bib + "\" /> " + _("Place a hold on") + " </label> ";
575             $(this).html(html);
576         });
577         $(".confirmjs_nohold").each(function(){
578             var bib = $(this).attr("title");
579             var html = "<label><input type =\"checkbox\" class=\"confirmjs\" disabled=\"disabled\"";
580             html += "value=\"" + bib + "\" id=\"" + bib + "\" />" + _("Place a hold on: ") + "</label>";
581             $(this).html(html);
582         });
583
584         // expand or collapse the copiesrow tr
585         function toggle_copiesrow(biblioNum) {
586             var checkbox = $("input:checkbox[value='"+biblioNum+"']");
587             newCopiesRowId = "#copiesrow_" + biblioNum;
588             var select_specific = $("#reqspecific_"+biblioNum).is(":checked");
589             // If the checkbox is checked AND we want a specific item, we display the items block
590             if ( $(checkbox).is(":checked") && select_specific ) {
591                 if ( $(`#item_group_id_${biblioNum}`).length ) {
592                     $(`#item_group_id_${biblioNum}`).val("").attr('disabled', 'disabled');
593                 }
594                 $(newCopiesRowId).show();
595             } else {
596                 if ( $(`#item_group_id_${biblioNum}`).length ) {
597                     $(`#item_group_id_${biblioNum}`).removeAttr('disabled');
598                 }
599                 $(newCopiesRowId).hide();
600             }
601         };
602
603         $("#place_on_hdr").show();
604
605         $(".place_on_type").show();
606         // onload, selectany is checked
607         $(".selectany").attr("checked", "checked");
608
609
610         // On confirmsjs change
611         $(".confirmjs").change(function(){
612             var id = suffixOf($(this).attr("id"), "_");
613             // If I m checked, I enable radio buttons
614             if ( $(this).is(":checked") ) {
615                 $("#reqspecific_" + id).attr("disabled", false);
616                 $("#reqany_" + id).attr("disabled", false);
617             }
618             // Else its are disabled
619             else {
620                 $("#reqspecific_" + id).attr("disabled", "disabled");
621                 $("#reqany_" + id).attr("disabled", "disabled");
622             }
623             // expand or collaspe the items block
624             toggle_copiesrow(id);
625         });
626
627         // When 'specific copy' or 'first available' radio button is clicked
628         $(".selectspecific, .selectany").click(function() {
629             var id = suffixOf($(this).attr("id"), "_");
630             toggle_copiesrow(id);
631         });
632
633         // Show or hide holds notes
634         $(".shownotes").click(function(){
635             biblioNum = suffixOf($(this).attr("id"), "_");
636             $("#notesrow_"+biblioNum).toggle();
637         });
638
639         // When 'Place Hold' button is clicked
640         $(".placehold").click(function(){
641             var biblionumbers = "";
642             var selections = "";
643
644             [% IF new_reserves_allowed %]
645                 if ($(".confirmjs:checked").size() > [% new_reserves_allowed | html %] ) {
646                     alert(MSG_MAX_HOLDS_EXCEEDED);
647                     return false;
648                 }
649             [% END %]
650
651             if ($(".confirmjs:checked").size() == 0) {
652                 alert( _("No item was selected") );
653                 return false;
654             }
655
656             // Find the items with the 'Hold' box checked
657             var badBib = null;
658             $(".confirmjs:checked").each(function() {
659                 var biblioNum = $(this).val();
660                 biblionumbers += biblioNum + "/";
661                 selections += biblioNum + "/";
662
663                 // If required hold note is empty, make it visible
664                 if( $("#holdnotes_"+biblioNum).attr( 'required' ) && $("#holdnotes_"+biblioNum).val() == '' ) {
665                     if( !$("#hold-options-"+biblioNum).is(':visible')) {
666                         $("#toggle-hold-options-"+biblioNum).click();
667                     }
668                 }
669
670                 if( $(".holddatefrom").prop('required') && $("#from"+ biblioNum).val() == '' ) {
671                     alert(MSG_EMPTY_START_DATE);
672                     badBib = biblioNum;
673                     if( $("#from"+biblioNum).parent(":hidden").length ) $("#toggle-hold-options-"+biblioNum).trigger('click');
674                     $("#from"+biblioNum).siblings('.flatpickr_wrapper').find('.flatpickr-input').trigger('focus');
675                     return false;
676                 } else if( $(".futuredate").prop('required') && $("#to"+ biblioNum).val() == '' ) {
677                     alert(MSG_EMPTY_END_DATE);
678                     badBib = biblioNum;
679                     if( $("#to"+biblioNum).parent(":hidden").length ) $("#toggle-hold-options-"+biblioNum).trigger('click');
680                     $("#to"+biblioNum).siblings('.flatpickr_wrapper').find('.flatpickr-input').trigger('focus');
681                     return false;
682                 }
683
684                 // If the 'specific copy' radio button is checked
685                 if ($("#reqspecific_" + biblioNum + ":checked").size() > 0) {
686                     // Find the selected copy
687                     var item = $(".checkitem_" + biblioNum + ":checked");
688                     if ($(item).size() == 0) {
689                         alert(MSG_NO_ITEM_SELECTED);
690                         badBib = biblioNum;
691                         return false;
692                     } else {
693                       selections += $(item).val();
694                     }
695                 }
696                 selections += "/";
697
698                 // Add the pickup location
699                 var branchSel = $("#branch_" + biblioNum);
700                 if (branchSel.size() > 0) {
701                     selections += $(branchSel).val();
702                 }
703                 selections += "/";
704                 return true;
705             });
706
707             if (badBib) { // alert has been raised already
708                 return false;
709             }
710
711             $("#selections").val(selections);
712             $("#biblionumbers").val(biblionumbers);
713
714             return true;
715         });
716         $(".itemstable").each(function(){
717             $(this).DataTable({
718                 dom: "t",
719                 initComplete: function() {
720                     this.find("input:radio").first().prop("checked", true );
721                 },
722                 paging: false
723             });
724         });
725     });
726 </script>
727 [% END %]