Bug 14100: Fix 3 occurrences more
[koha_ffzg] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-reserve.tt
index 1038595..a864dde 100644 (file)
@@ -1,10 +1,12 @@
 [% USE Koha %]
-[% INCLUDE 'doc-head-open.inc' %][% LibraryNameTitle or "Koha online" %] catalog ›  Placing a hold
+[% USE KohaDates %]
+[% INCLUDE 'doc-head-open.inc' %]
+<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog &rsaquo; Placing a hold</title>
 [% INCLUDE 'doc-head-close.inc' %]
 [% BLOCK cssinclude %][% END %]
 </head>
 
-<body id="opac-holds">
+[% INCLUDE 'bodytag.inc' bodyid='opac-holds' %]
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
@@ -13,9 +15,8 @@
         <li><a href="#">Placing a hold</a></li>
     </ul>
 
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div class="span12">
+    <div class="container">
+
                 <div id="holds">
                     [% IF ( message ) %]
                         [% IF ( GNA ) %]
                             <div id="bad_data" class="alert">ERROR: Internal error: incomplete hold request.</div>
                         [% END %]
 
+                        [% IF ( expired_patron ) %]
+                            <div id="expired_patron" class="alert"><strong>Sorry</strong>, you cannot place holds because your library card has expired.</p><p>Please contact your librarian if you wish to renew your card.</div>
+                        [% END %]
+
                     [% ELSE %]
 
                         [% IF ( none_available ) %]
                                 [% END %]
                             </h3>
                         [% END # / UNLESS none_available %]
+
                         [% IF (RESERVE_CHARGE) %]
                             <div class="alert" id="reserve_fee">
                                 There is a charge of [% RESERVE_CHARGE %] for placing this hold
                             </div>
                         [% END %]
 
+                        [% IF ( new_reserves_allowed ) %]
+                            <div id="new_reserves_allowed" class="alert">
+                                <strong>Sorry,</strong> you can only place [% new_reserves_allowed %] more holds. Please uncheck the checkboxes for the items you wish to not place holds on.
+                            </div>
+                        [% END %]
+
                         <form action="/cgi-bin/koha/opac-reserve.pl" method="post" id="hold-request-form">
                             <input type="hidden" name="place_reserve" value="1"/>
                             <!-- These values are set dynamically by js -->
                             <input type="hidden" name="biblionumbers" id="biblionumbers"/>
                             <input type="hidden" name="selecteditems" id="selections"/>
-
                             <div id="bigloop">
-                                <table id="bibitemloop" class="table table-bordered table-striped">
-                                    [% UNLESS ( none_available ) %]
-                                        <tr>
-                                            <th>Hold</th>
-                                            <th>Title</th>
-                                            [% UNLESS ( item_level_itypes ) %]
-                                                <th>Item type</th>
-                                            [% END %]
-
-                                            [% IF showholds && showpriority %]
-                                                <th>Holds and priority</th>
-                                            [% ELSIF showholds %]
-                                                <th>Holds</th>
-                                            [% ELSIF showpriority %]
-                                                <th>Priority</th>
-                                            [% END %]
-
-                                            [% IF ( reserve_in_future ) %]
-                                                <th>Hold starts on date</th>
-                                            [% END %]
-
-                                            [% IF ( OpacHoldNotes ) %]
-                                                <th>Notes</th>
-                                            [% END %]
 
-                                            <th>Hold not needed after</th>
-                                            [% IF ( OPACItemHolds ) %]
-                                                <th id="place_on_hdr" style="display:none">Place on</th>
-                                            [% END %]
-
-                                            [% UNLESS ( singleBranchMode ) %]
-                                                [% IF ( choose_branch ) %]
-                                                    <th>Pickup location</th>
-                                                [% END %]
-                                            [% END %]
-                                        </tr>
-                                    [% ELSE %]
-                                        <tr><th colspan="[% itemtable_colspan + 1 %]">Title</th></tr>
-                                    [% END # / UNLESS none_available%]
-
-                                    [% FOREACH bibitemloo IN bibitemloop %]
-                                        <tr>
+                                [% FOREACH bibitemloo IN bibitemloop %]
+                                    <div class="holdrow">
+                                        <p>
                                             [% IF ( bibitemloo.holdable ) %]
-                                                <td class="hold">
-                                                    <input class="reserve_mode" name="reserve_mode" type="hidden" value="single"/>
-                                                    <input class="single_bib" name="single_bib" type="hidden" value="[% bibitemloo.biblionumber %]"/>
-                                                    <span class="confirmjs_hold" title="[% bibitemloo.biblionumber %]"></span>
-                                                    <span class="confirm_nonjs">
-                                                        <input type="radio" class="confirmbox checkitem_[% bibitemloo.biblionumber %]" name="checkitem_[% bibitemloo.biblionumber %]" checked="checked" id="checkitem_[% bibitemloo.biblionumber %]" value="any" />
-                                                        <label class="confirm_label" for="checkitem_[% bibitemloo.biblionumber %]">Next available copy</label>
-                                                    </span>
-                                                </td>
-                                            [% ELSE %]
-                                                [% UNLESS ( none_available ) %]
-                                                    <td class="hold">&nbsp;</td>
+                                                <input class="reserve_mode" name="reserve_mode" type="hidden" value="single"/>
+                                                <input class="single_bib" name="single_bib" type="hidden" value="[% bibitemloo.biblionumber %]"/>
+                                                <span class="confirmjs_hold" title="[% bibitemloo.biblionumber %]" style="padding:.3em"></span>
+                                                <span class="confirm_nonjs">
+                                                    <input type="radio" class="confirmbox checkitem [% bibitemloo.biblionumber %]" name="[% bibitemloo.biblionumber %]" checked="checked" id="single_[% bibitemloo.biblionumber %]" value="any" />
+                                                    <label class="confirm_label" for="single_[% bibitemloo.biblionumber %]">Place a hold on </label>
+                                                </span>
+                                            [% END # / bibitemloo.holdable %]
+
+                                            <a class="title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% bibitemloo.biblionumber %]">
+                                                [% bibitemloo.title |html %]
+                                                [% IF ( bibitemloo.subtitle ) %]
+                                                    [% FOREACH subtitl IN bibitemloo.subtitle %]
+                                                        [% subtitl.subfield %]
+                                                    [% END %]
                                                 [% END %]
-                                            [% END # / IF biblioloo.holdable %]
+                                            </a>
+                                            [% IF ( bibitemloo.author ) %],  by [% bibitemloo.author %][% END %]
+                                        </p>
 
-                                            [% IF ( bibitemloo.holdable ) %]
-                                                <td class="title">
-                                            [% ELSE %]
-                                                <td class="title" colspan="[% itemtable_colspan + 1 %]">
+                                        [% UNLESS ( bibitemloo.holdable ) %]
+                                            [% IF ( bibitemloo.ageRestricted ) %]
+                                                <div class="alert">Sorry, you are too young to reserve this material.</div>
                                             [% END %]
-                                                <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% bibitemloo.biblionumber %]">[% bibitemloo.title |html %][% IF ( bibitemloo.subtitle ) %] [% FOREACH subtitl IN bibitemloo.subtitle %][% subtitl.subfield %][% END %][% END %]</a>
-                                                [% IF ( bibitemloo.author ) %],  by [% bibitemloo.author %][% END %]
-                                                [% UNLESS ( bibitemloo.holdable ) %]
-                                                    [% IF ( bibitemloo.already_reserved ) %]
-                                                        <div class="hold-message">You have already requested this title.</div>
+                                            [% IF ( bibitemloo.already_reserved ) %]
+                                                <div class="alert">You have already requested this title.</div>
+                                            [% ELSE %]
+                                                [% UNLESS ( bibitemloo.bib_available ) %]
+                                                    <div class="alert">No available items.</div>
+                                                [% ELSE %]
+                                                    [% IF ( bibitemloo.already_patron_possession ) %]
+                                                        <div class="alert">This title cannot be requested because it's already in your possession.</div>
                                                     [% ELSE %]
-                                                        [% UNLESS ( bibitemloo.bib_available ) %]
-                                                            <div class="hold-message">No available items.</div>
-                                                        [% ELSE %]
-                                                            [% IF ( bibitemloo.already_patron_possession ) %]
-                                                                <div class="hold-message">This title cannot be requested because it's already in your possession.</div>
-                                                            [% ELSE %]
-                                                                <div class="hold-message">This title cannot be requested.</div>
-                                                            [% END %]
-                                                        [% END # / UNLESS biblioitemloo.bib_available %]
-                                                    [% END # / IF bibitemloo.already_reserved %]
-                                                [% END # / UNLESS bibitemloo.holdable %]
-                                                </td>
-                                                [% IF ( bibitemloo.holdable ) %]
+                                                        <div class="alert">This title cannot be requested.</div>
+                                                    [% END %]
+                                                [% END # / UNLESS bibitemloo.bib_available %]
+                                            [% END # / IF bibitemloo.already_reserved %]
+                                        [% END # / UNLESS bibitemloo.holdable %]
+
+                                        [% IF ( bibitemloo.holdable ) %]
+                                            <fieldset class="rows">
+                                                <ul>
                                                     <!-- HOLDABLE -->
                                                     [% UNLESS ( item_level_itypes ) %]
-                                                        <td class="itype">
+                                                        <li class="itype">
+                                                            <span class="label">Item type: </span>
                                                             [% IF ( bibitemloo.imageurl ) %]<img src="[% bibitemloo.imageurl %]" alt="" />[% END %]
-                                                            [% bibitemloo.description %]
-                                                        </td>
+                                                            [% bibitemloo.translated_description %]
+                                                        </li>
                                                     [% END %]
-                                                    [% IF showholds || showpriority %]
-                                                        <td class="priority">
-                                                            [% IF showpriority %] [% bibitemloo.rank %] [% END %]
-                                                            [% IF showholds && showpriority %] out of [% END %]
-                                                            [% IF showholds %] [% bibitemloo.reservecount %] [% END %]
-                                                        </td>
-                                                    [% END %]
-                                                    [% IF ( reserve_in_future ) %]
-                                                        <td class="reserve_date">
-                                                            <input name="reserve_date_[% bibitemloo.biblionumber %]" id="from" size="10" class="datepickerfrom"/>
-                                                            <p><a href="#" class="clearfield">Clear date</a></p>
-                                                        </td>
-                                                    [% END # / IF reserve_in_future %]
-
-                                                    [% IF ( OpacHoldNotes && bibitemloo.holdable ) %]
-                                                        <td><input type="button" id="shownotes_[% bibitemloo.biblionumber %]" class="btn shownotes" value="Show notes"/></td>
+
+                                                    [% SET OPACShowHoldQueueDetails = Koha.Preference('OPACShowHoldQueueDetails') %]
+                                                    [% IF OPACShowHoldQueueDetails == 'holds_priority' || OPACShowHoldQueueDetails == 'priority' %]
+                                                        <li class="priority">
+                                                            <span class="label">Your priority: </span>
+                                                            [% bibitemloo.rank %]
+                                                        </li>
                                                     [% END %]
 
-                                                    <td class="expiration_date">
-                                                        <input name="expiration_date_[% bibitemloo.biblionumber %]" id="to" size="10" class="datepickerto" />
-                                                        <p><a href="#" class="clearfield">Clear date</a></p>
-                                                    </td>
-
-                                                    [% IF ( OPACItemHolds ) %]
-                                                        <!-- ITEM HOLDS -->
-                                                        <td class="place_on_type" style="display:none">
-                                                            <label for="reqany_[% bibitemloo.biblionumber %]">
-                                                            [% UNLESS ( bibitemloo.holdable ) %]
-                                                                <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]" id="reqany_[% bibitemloo.biblionumber %]" class="selectany" value="Any" disabled="disabled" />
-                                                            [% ELSE %]
-                                                                <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]" id="reqany_[% bibitemloo.biblionumber %]" class="selectany" value="Any" checked="checked" />
-                                                            [% END %]
-                                                            Next available copy
-                                                            </label>
-                                                            <label for="reqspecific_[% bibitemloo.biblionumber %]">
-                                                            [% UNLESS ( bibitemloo.holdable ) %]
-                                                                <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]" id="reqspecific_[% bibitemloo.biblionumber %]" class="selectspecific" disabled="disabled" value="Specific" />
-                                                            [% ELSE %]
-                                                                <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]" id="reqspecific_[% bibitemloo.biblionumber %]" class="selectspecific" value="Specific" />
-                                                            [% END %]
-                                                            A specific copy
-                                                            </label>
-                                                        </td>
-                                                    [% END # / IF OPACItemHolds %]
-                                                [% END # / IF bibitemloo.holdable %]
-
-                                                [% UNLESS ( singleBranchMode ) %]
-                                                    [% IF ( bibitemloo.holdable && choose_branch ) %]
-                                                        <td class="branch">
-                                                            [% UNLESS ( bibitemloo.holdable ) %]
-                                                                <select name="branch" id="branch_[% bibitemloo.biblionumber %]" disabled="disabled">
-                                                                [% FOREACH branchloo IN bibitemloo.branchloop %]
-                                                                    [% IF ( branchloo.selected ) %]
-                                                                        <option value="[% branchloo.branchcode %]" selected="selected">[% branchloo.branchname %]</option>
-                                                                    [% ELSE %]
-                                                                        <option value="[% branchloo.branchcode %]">[% branchloo.branchname %]</option>
-                                                                    [% END %]
-                                                                [% END %]
-                                                                </select>
-                                                            [% ELSE %]
-                                                                <select name="branch" id="branch_[% bibitemloo.biblionumber %]">
-                                                                [% FOREACH branchloo IN bibitemloo.branchloop %]
-                                                                    [% IF ( branchloo.selected ) %]
-                                                                        <option value="[% branchloo.branchcode %]" selected="selected">[% branchloo.branchname %]</option>
-                                                                    [% ELSE %]
-                                                                        <option value="[% branchloo.branchcode %]">[% branchloo.branchname %]</option>
-                                                                    [% END %]
-                                                                [% END %]
-                                                                </select>
-                                                            [% END # / UNLESS bibitemloo.holdable %]
-                                                        </td>
+                                                    [% IF OPACShowHoldQueueDetails == 'holds_priority' || OPACShowHoldQueueDetails == 'holds' %]
+                                                        <li class="holds-count">
+                                                            <span class="label">Number of holds: </span>
+                                                            [% bibitemloo.reservecount %]
+                                                        </li>
                                                     [% END %]
-                                                [% END # / UNLESS singleBranchMode %]
-                                        </tr>
-
-                                        [% IF ( OpacHoldNotes && bibitemloo.holdable ) %]
-                                            <tr class="notesrow" id="notesrow_[% bibitemloo.biblionumber %]">
-                                                <td>&nbsp;</td>
-                                                <td colspan="[% itemtable_colspan - 2 %]">
-                                                    <label for="notes_[% bibitemloo.biblionumber %]">Hold notes:</label>&nbsp;
-                                                    <span id="forcenotesreason_[% bibitemloo.biblionumber %]" class="forcenotesreason"></span>
-                                                    <textarea id="notes_[% bibitemloo.biblionumber %]" name="notes_[% bibitemloo.biblionumber %]">[% bibitemloo.holdnotes %]</textarea>
-                                                    <input type="hidden" id="notesmandatory_[% bibitemloo.biblionumber %]" value="[% bibitemloo.mandatorynotes %]"/>
-                                                </td>
-                                            </tr>
-                                        [% END %]
-
-                                        [% IF ( OPACItemHolds && bibitemloo.holdable ) %]
-                                            <tr class="copiesrow" id="copiesrow_[% bibitemloo.biblionumber %]">
-                                                <td>&nbsp;</td>
-                                                <td colspan="[% itemtable_colspan - 2 %]">
-                                                    <table class="table table-bordered table-striped">
-                                                        <caption>Select a specific copy:</caption>
-                                                        <tr>
-                                                            <th>Copy</th>
-                                                            [% IF ( item_level_itypes ) %]
-                                                              <th>Item type</th>
-                                                            [% END %]
-                                                            <th>Barcode</th>
-                                                            [% UNLESS ( singleBranchMode ) %]
-                                                              <th>Home library</th>
-                                                              <th>Last location</th>
-                                                            [% END %]
-                                                            <th>Call number</th>
-                                                            [% IF ( itemdata_enumchron ) %]
-                                                              <th>Vol info</th>
-                                                            [% END %]
-                                                            <th>Information</th>
-                                                        </tr>
-
-                                                        [% FOREACH itemLoo IN bibitemloo.itemLoop %]
-                                                            <tr class="[% itemLoo.backgroundcolor %]">
-                                                                <td class="copy">
-                                                                    [% IF ( itemLoo.available ) %]
-                                                                        <input type="radio" class="checkitem checkitem_[% bibitemloo.biblionumber %]" name="checkitem_[% bibitemloo.biblionumber %]" value="[% itemLoo.itemnumber %]" />
-                                                                    [% ELSE %]
-                                                                        <input disabled="disabled" type="radio" class="checkitem" name="checkitem" value="[% itemLoo.itemnumber %]" />
-                                                                        <img src="/opac-tmpl/lib/famfamfam/silk/cross.png" alt="Cannot be put on hold" title="Cannot be put on hold" />
-                                                                    [% END %]
-                                                                    [% IF ( itemLoo.copynumber ) %]
-                                                                        [% itemLoo.copynumber %]
-                                                                    [% END %]
-                                                                </td>
-                                                                [% IF ( item_level_itypes ) %]
-                                                                    <td class="itype">
-                                                                        [% UNLESS ( noItemTypeImages ) %]
-                                                                            [% IF ( itemLoo.imageurl ) %]
-                                                                                <img src="[% itemLoo.imageurl %]" alt="" />
+
+
+                                                    [% UNLESS ( singleBranchMode ) %]
+                                                        [% IF ( bibitemloo.holdable && choose_branch ) %]
+                                                            <li class="branch">
+                                                                <label for="branch_[% bibitemloo.biblionumber %]">Pick up location:</label>
+                                                                [% UNLESS ( bibitemloo.holdable ) %]
+                                                                    <select name="branch" id="branch_[% bibitemloo.biblionumber %]" disabled="disabled">
+                                                                        [% FOREACH branchloo IN bibitemloo.branchloop %]
+                                                                            [% IF ( branchloo.selected ) %]
+                                                                                <option value="[% branchloo.branchcode %]" selected="selected">[% branchloo.branchname %]</option>
+                                                                            [% ELSE %]
+                                                                                <option value="[% branchloo.branchcode %]">[% branchloo.branchname %]</option>
                                                                             [% END %]
                                                                         [% END %]
-                                                                        [% itemLoo.description %]
-                                                                    </td>
+                                                                    </select>
+                                                                [% ELSE %]
+                                                                    <select name="branch" id="branch_[% bibitemloo.biblionumber %]">
+                                                                        [% FOREACH branchloo IN bibitemloo.branchloop %]
+                                                                            [% IF ( branchloo.selected ) %]
+                                                                                <option value="[% branchloo.branchcode %]" selected="selected">[% branchloo.branchname %]</option>
+                                                                            [% ELSE %]
+                                                                                <option value="[% branchloo.branchcode %]">[% branchloo.branchname %]</option>
+                                                                            [% END %]
+                                                                        [% END %]
+                                                                    </select>
+                                                                [% END # / UNLESS bibitemloo.holdable %]
+                                                            </li>
+                                                        [% END # / IF bibitemloo.holdable && choose_branch %]
+                                                    [% END # / UNLESS singleBranchMode %]
+                                                </ul>
+
+                                                <a class="toggle-hold-options" id="toggle-hold-options-[% bibitemloo.biblionumber %]" style="display:none;" href="#">Show more options</a>
+
+                                                <div id="hold-options-[% bibitemloo.biblionumber %]" class="hold-options">
+
+                                                    <ul>
+                                                        [% IF ( reserve_in_future ) %]
+                                                            <li>
+                                                                <label for="from[% bibitemloo.biblionumber %]">Hold starts on date:</label>
+                                                                <input name="reserve_date_[% bibitemloo.biblionumber %]" id="from[% bibitemloo.biblionumber %]" size="10" class="holddatefrom"/>
+                                                                <span class="date-format from" data-biblionumber="[% bibitemloo.biblionumber %]">[% INCLUDE 'date-format.inc' %]</span>
+                                                            </li>
+                                                        [% END %]
+
+                                                        <li>
+                                                            <label for="to[% bibitemloo.biblionumber %]">Hold not needed after:</label>
+                                                            <input name="expiration_date_[% bibitemloo.biblionumber %]" id="to[% bibitemloo.biblionumber %]" size="10" class="holddateto" />
+                                                            <span class="date-format to" data-biblionumber="[% bibitemloo.biblionumber %]">[% INCLUDE 'date-format.inc' %]</span>
+                                                        </li>
+
+                                                        [% IF ( OpacHoldNotes ) %]
+                                                            <li>
+                                                                <div class="notesrow" id="notesrow_[% bibitemloo.biblionumber %]">
+                                                                    <label for="holdnotes[% bibitemloo.biblionumber %]">Hold notes:</label>
+                                                                    <span id="forcenotesreason_[% bibitemloo.biblionumber %]" class="forcenotesreason"></span>
+                                                                    <textarea id="holdnotes[% bibitemloo.biblionumber %]" rows="2" cols="30" name="notes_[% bibitemloo.biblionumber %]">[% bibitemloo.holdnotes %]</textarea>
+                                                                    <input type="hidden" id="notesmandatory_[% bibitemloo.biblionumber %]" value="[% bibitemloo.mandatorynotes %]"/>
+                                                                </div>
+                                                            </li>
+                                                        [% END # / IF OpacHoldNotes %]
+
+                                                        <li>
+                                                        </li>
+                                                        [% IF bibitemloo.itemholdable %]
+                                                            <!-- ITEM HOLDS -->
+                                                            <li class="lradio place_on_type" style="display:none;">
+                                                                [% IF NOT bibitemloo.force_hold %]
+                                                                    <label class="radio inline" for="reqany_[% bibitemloo.biblionumber %]">Next available item</label>
+                                                                    <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]"
+                                                                            id="reqany_[% bibitemloo.biblionumber %]"
+                                                                            class="selectany"
+                                                                            value="Any"
+                                                                            checked="checked"
+                                                                    />
+                                                                [% END %]
+                                                                <label class="radio inline" for="reqspecific_[% bibitemloo.biblionumber %]">A specific item</label>
+                                                                <input type="radio" name="reqtype_[% bibitemloo.biblionumber %]"
+                                                                       id="reqspecific_[% bibitemloo.biblionumber %]"
+                                                                       class="selectspecific"
+                                                                       value="Specific"
+                                                                />
+                                                            </li>
+                                                        [% END # / IF bibitemloo.itemholdable %]
+                                                    </ul>
+
+                                                    [% IF bibitemloo.itemholdable %]
+                                                        <table class="copiesrow table table-bordered table-striped" id="copiesrow_[% bibitemloo.biblionumber %]">
+                                                            <caption>Select a specific item:</caption>
+                                                            <tr>
+                                                                <th>Copy number</th>
+                                                                [% IF ( item_level_itypes ) %]
+                                                                    <th>Item type</th>
                                                                 [% END %]
-                                                                <td class="barcode">[% itemLoo.barcode %]</td>
+                                                                <th>Barcode</th>
                                                                 [% UNLESS ( singleBranchMode ) %]
-                                                                    <td class="homebranch">[% itemLoo.homeBranchName %]</td>
-                                                                    <td class="holdingbranch">[% itemLoo.holdingBranchName %]</td>
+                                                                    <th>Home library</th>
+                                                                    <th>Last location</th>
                                                                 [% END %]
-                                                                <td class="call_no">[% itemLoo.callNumber %]</td>
+                                                                <th>Call number</th>
                                                                 [% IF ( itemdata_enumchron ) %]
-                                                                    <td class="vol_info">[% itemLoo.enumchron %]</td>
+                                                                    <th>Vol info</th>
                                                                 [% END %]
-                                                                <td class="information">
-                                                                    [% IF ( itemLoo.dateDue ) %]
-                                                                        <span class="checkedout">Due [% itemLoo.dateDue %]</span>
-                                                                    [% ELSIF ( itemLoo.transfertwhen ) %]
-                                                                        <span class="intransit">In transit from [% itemLoo.transfertfrom %] to [% itemLoo.transfertto %] since [% itemLoo.transfertwhen %]</span>
+                                                                <th>Information</th>
+                                                            </tr>
+
+                                                            [% FOREACH itemLoo IN bibitemloo.itemLoop %]
+                                                                <tr class="[% itemLoo.backgroundcolor %]">
+                                                                    <td class="copynumber">
+                                                                        [% IF ( itemLoo.available ) %]
+                                                                            <input type="radio" class="checkitem checkitem_[% bibitemloo.biblionumber %]" name="checkitem_[% bibitemloo.biblionumber %]" value="[% itemLoo.itemnumber %]" />
+                                                                        [% ELSE %]
+                                                                            <input disabled="disabled" type="radio" class="checkitem" name="checkitem" value="[% itemLoo.itemnumber %]"
+                                                                                   style="display:none;" />
+                                                                            <img src="[% interface %]/lib/famfamfam/silk/cross.png" alt="Cannot be put on hold" title="Cannot be put on hold" />
+                                                                        [% END %]
+
+                                                                        [% IF ( itemLoo.copynumber ) %]
+                                                                            [% itemLoo.copynumber %]
+                                                                        [% END %]
+                                                                    </td>
+
+                                                                    [% IF ( item_level_itypes ) %]
+                                                                        <td class="itype">
+                                                                            [% UNLESS ( noItemTypeImages ) %]
+                                                                                [% IF ( itemLoo.imageurl ) %]
+                                                                                    <img src="[% itemLoo.imageurl %]" alt="" />
+                                                                                [% END %]
+                                                                            [% END %]
+                                                                            [% itemLoo.translated_description %]
+                                                                        </td>
                                                                     [% END %]
-                                                                    [% IF ( itemLoo.message ) %]
-                                                                        <span class="lost">Unavailable (lost or missing)</span>
+
+                                                                    <td class="barcode">[% itemLoo.barcode %]</td>
+                                                                    [% UNLESS ( singleBranchMode ) %]
+                                                                        <td class="homebranch">[% itemLoo.homeBranchName %]</td>
+                                                                        <td class="holdingbranch">[% itemLoo.holdingBranchName %]</td>
                                                                     [% END %]
-                                                                    [% IF ( itemLoo.notforloan ) %]
-                                                                        <span class="notforloan">Not for loan ([% itemLoo.notforloanvalue %])</span>
+                                                                    <td class="call_no">[% itemLoo.callNumber %]</td>
+                                                                    [% IF ( itemdata_enumchron ) %]
+                                                                        <td class="vol_info">[% itemLoo.enumchron %]</td>
                                                                     [% END %]
-                                                                    [% IF ( itemLoo.reservedate ) %]
-                                                                        <span class="waiting">
-                                                                            [% IF ( itemLoo.waitingdate ) %]
-                                                                                Waiting
-                                                                            [% ELSE %]
-                                                                                On hold
-                                                                            [% END %]
-                                                                            for patron
-                                                                            [% IF ( itemLoo.waitingdate ) %]
-                                                                                at
-                                                                            [% ELSE %]
-                                                                                expected at
-                                                                            [% END %]
-                                                                            [% itemLoo.ExpectedAtLibrary %] since
-                                                                            [% IF ( itemLoo.waitingdate ) %]
-                                                                                [% itemLoo.waitingdate %]
-                                                                            [% ELSE %]
-                                                                                [% IF ( itemLoo.reservedate ) %]
-                                                                                    [% itemLoo.reservedate %]
+                                                                    <td class="information">
+                                                                        [% IF ( itemLoo.dateDue ) %]
+                                                                            <span class="checkedout">Due [% itemLoo.dateDue %]</span>
+                                                                        [% ELSIF ( itemLoo.transfertwhen ) %]
+                                                                            <span class="intransit">In transit from [% itemLoo.transfertfrom %] to [% itemLoo.transfertto %] since [% itemLoo.transfertwhen %]</span>
+                                                                        [% END %]
+
+                                                                        [% IF ( itemLoo.message ) %]
+                                                                            <span class="lost">Unavailable (lost or missing)</span>
+                                                                        [% END %]
+
+                                                                        [% IF ( itemLoo.notforloan ) %]
+                                                                            <span class="notforloan">Not for loan ([% itemLoo.notforloanvalue %])</span>
+                                                                        [% END %]
+
+                                                                        [% IF ( itemLoo.reservedate ) %]
+                                                                            <span class="waiting">
+                                                                                [% IF ( itemLoo.waitingdate ) %]
+                                                                                    Waiting
+                                                                                [% ELSE %]
+                                                                                    On hold
                                                                                 [% END %]
-                                                                            [% END %].
-                                                                        </span>
-                                                                    [% ELSE %]
-                                                                        <span class="notonhold">Not on hold</span>
-                                                                    [% END # / IF itemLoo.reservedate %]&nbsp;
-                                                                </td>
-                                                            </tr>
-                                                        [% END # / FOREACH itemLoo %]
-                                                    </table>
-                                                </td>
-                                            </tr>
-                                        [% END # / IF OPACItemHolds && bibitemloo.holdable %]
-                                    [% END # / FOREACH bibitemloo %]
-                                </table> <!-- / #bibitemloop -->
-                            </div><!-- / #bigloop -->
+                                                                                for patron
+                                                                                [% IF ( itemLoo.waitingdate ) %]
+                                                                                    at
+                                                                                [% ELSE %]
+                                                                                    expected at
+                                                                                [% END %]
+                                                                                [% itemLoo.ExpectedAtLibrary %] since
+                                                                                [% IF ( itemLoo.waitingdate ) %]
+                                                                                    [% itemLoo.waitingdate | $KohaDates %]
+                                                                                [% ELSE %]
+                                                                                    [% IF ( itemLoo.reservedate ) %]
+                                                                                        [% itemLoo.reservedate %]
+                                                                                    [% END %]
+                                                                                [% END %].
+                                                                            </span>
+                                                                        [% ELSE %]
+                                                                            <span class="notonhold">Not on hold</span>
+                                                                        [% END # / IF ( itemLoo.reservedate )%]
+                                                                    </td>
+                                                                </tr>
+                                                            [% END # / FOREACH itemLoo IN bibitemloo.itemLoop%]
+                                                        </table> <!-- / #copiesrow_[% bibitemloo.biblionumber %] -->
+                                                    [% END # / IF ( bibitemloo.itemholdable )%]
+                                                </div> <!-- / #hold-options-[% bibitemloo.biblionumber %] -->
+                                            </fieldset>
+                                        [% END # / IF ( bibitemloo.holdable ) %]
+                                    </div> <!-- / .holdrow -->
+                                [% END # / FOREACH bibitemloo IN bibitemloop %]
+                            </div><!-- #bigloop -->
+
                             [% UNLESS ( none_available ) %]
                                 <input type="submit" value="Place hold" class="btn placehold" />
                             [% END %]
+
                         </form>
                     [% END # / UNLESS message %]
                 </div> <!-- / #holds -->
-            </div> <!-- / .span12 -->
-        </div> <!-- / .row-fluid -->
-    </div> <!-- / .container-fluid -->
+    </div> <!-- / .container -->
 </div> <!-- / .main -->
 [% INCLUDE 'opac-bottom.inc' %]
 [% BLOCK jsinclude %]
 [% INCLUDE 'calendar.inc' %]
 <script type="text/javascript">
 // <![CDATA[
-    var MSG_NO_COPY_SELECTED = _("Expecting a specific copy selection.");
+    var MSG_NO_ITEM_SELECTED = _("Expecting a specific item selection.");
     var ForceHoldNotesReasons=new Array(
-       _("This title consists of multiple volumes/parts. Please indicate which part you need. Clicking on specific copy information may be helpful."),
+       _("This title consists of multiple volumes/parts. Please indicate which part you need. Clicking on specific item information may be helpful."),
        "*** Add a new reason above this line ***" );
        // NOTE: Do not renumber reasons; this will affect use of existing ones.
 
             $(this).closest("td").find("input").val("");
             e.preventDefault();
         });
+
+    // Select the first item available
+    function select_first_available(id){
+        var radios = $("input:radio[name='checkitem_" + id + "']");
+        $(radios).first().attr("checked", "checked");
+    }
+
     $(document).ready(function() {
         $("#hold-request-form").preventDoubleFormSubmit();
         var copiesRowId = null;
         var wasSpecific = false;
         var lastCopiesRowId = null;
+
+        $(".toggle-hold-options").show();
+        $(".hold-options").hide();
+        $(".holddatefrom,.holddateto").prop("readOnly", true);
+
         $(".checkitem").parent().click(function(e){
             if(e.target.tagName.toLowerCase() == 'td'){
                 $(this).find("input.checkitem").each( function() {
-                    $(this).attr('checked', !$(this).attr('checked'));
+                    $(this).attr('checked', 'checked');
                 });
             }
         });
+
+        // click on a first td check the confirmjs checkbox
+        $("td.hold").click(function(e){
+          if(e.target.tagName.toLowerCase() == 'td'){
+            $(this).find("input.confirmjs").each( function() {
+               $(this).attr('checked', !$(this).attr('checked'));
+               $(this).change();
+            });
+          }
+        });
+
+        $(".toggle-hold-options").on("click",function(e){
+            e.preventDefault();
+            toggleLink = $(this);
+            var optionsID = this.id.replace("toggle-hold-options-","");
+            $("#hold-options-"+optionsID).toggle(0, function() {
+                toggleLink.text($(this).is(':visible') ? _("Hide options") : _("Show more options"));
+            });
+        });
+
         // Hides all 'specific copy' table rows on load.
         $(".copiesrow").hide();
-        $(".notesrow").hide();
+
+        [% FOREACH bibitemloo IN bibitemloop %]
+          [% IF bibitemloo.force_hold %]
+            $("#toggle-hold-options-[% bibitemloo.biblionumber %]").click();
+            $("#reqspecific_[% bibitemloo.biblionumber %]").click();
+            $("#copiesrow_[% bibitemloo.biblionumber %]").show();
+          [% END %]
+        [% END %]
 
         // Insert reasons for forced hold notes
         $(".forcenotesreason").each(function(){
             }
         });
 
-        $("#place_on_hdr").show();
-        $(".place_on_type").show();
+        $(".date-format").each(function(){
+            if($(this).hasClass("to")){ var op = "to"; }
+            if($(this).hasClass("from")){ var op = "from"; }
+            var bibNum = $(this).data("biblionumber");
+            $(this).html("<a href=\"#\" class=\"clear-date\" data-op=\"" + op + "\" id=\"clear" + bibNum + "\">" + _("Clear date") + "</a>");
+        });
+
+        $(".clear-date").on("click",function(e){
+            e.preventDefault();
+            var fieldID = this.id.replace("clear","");
+            var op = $(this).data("op");
+            $("#" + op + fieldID).val("");
+        });
 
         // Replace non-JS single-selection with multi-selection capability.
         $(".reserve_mode").val("multi");
         $(".confirm_nonjs").remove();
         $(".confirmjs_hold").each(function(){
             var bib = $(this).attr("title");
-            var html = "<input type =\"checkbox\" class=\"confirmjs\" checked=\"checked\"";
-            html += "value=\"" + bib + "\"/>";
+            var html = "<label><input type =\"checkbox\" class=\"confirmjs\" checked=\"checked\"";
+            html += "value=\"" + bib + "\" id=\"" + bib + "\" /> " + _("Place a hold on") + " </label> ";
             $(this).html(html);
         });
         $(".confirmjs_nohold").each(function(){
             var bib = $(this).attr("title");
-            var html = "<input type =\"checkbox\" class=\"confirmjs\" disabled=\"disabled\"";
-            html += "value=\"" + bib + "\"/>";
+            var html = "<label><input type =\"checkbox\" class=\"confirmjs\" disabled=\"disabled\"";
+            html += "value=\"" + bib + "\" id=\"" + bib + "\" />" + _("Place a hold on: ") + "</label>";
             $(this).html(html);
         });
 
-        // Make sure a specific item was selected where specified
-        // before moving on to a new item.
-        function changeSelection (newCopiesRowId, isSpecific) {
-            if (copiesRowId && ((copiesRowId != newCopiesRowId) || (wasSpecific != isSpecific))) {
-                var biblioNum = suffixOf(copiesRowId, "_");
-
-                // If the 'specific copy' radio button was checked
-                  if (wasSpecific && (copiesRowId != newCopiesRowId)) {
-                    // Find the selected copy
-                    var item = $(".checkitem_" + biblioNum + ":checked");
-                    if ($(item).size() == 0) {
-                        alert(MSG_NO_COPY_SELECTED);
-                        return false;
-                    }
-                }
-            }
-            copiesRowId = newCopiesRowId;
-            wasSpecific = isSpecific;
-            return true;
-        }
-
-        // When 'specific copy' radio button is clicked
-        $(".selectspecific").click(function() {
-
-            // Make sure all other specific copy table rows are hidden
-            biblioNum = suffixOf($(this).attr("id"), "_");
+        // expand or collapse the copiesrow tr
+        function toggle_copiesrow(biblioNum) {
+            var checkbox = $("input:checkbox[value='"+biblioNum+"']");
             newCopiesRowId = "#copiesrow_" + biblioNum;
+            var select_specific = $("#reqspecific_"+biblioNum).is(":checked");
+            // If the checkbox is checked AND we want a specific item, we display the items block
+            if ( $(checkbox).is(":checked") && select_specific ) {
+                $(newCopiesRowId).show();
+            } else {
+                $(newCopiesRowId).hide();
+             }
+        };
 
-            if (!changeSelection(newCopiesRowId, true)) {
-                return false;
-            }
-            $(".copiesrow:not(" + newCopiesRowId + ")").hide();
+        $("#place_on_hdr").show();
 
-            // Show the specific copy table for this radio button.
-            $(newCopiesRowId).show();
+        $(".place_on_type").show();
+        // onload, selectany is checked
+        $(".selectany").attr("checked", "checked");
+
+        // If the user is *allowed* to choose a specific item
+        // The first one is preselected
+        $("table.copiesrow").each(function(){
+            var id = suffixOf($(this).attr("id"), "_");
+            select_first_available(id);
         });
 
-        // When 'first available' radion button is clicked
-        $(".selectany").click(function() {
-            // Make sure all other specific copy table rows are hidden
-            biblioNum = suffixOf($(this).attr("id"), "_");
-            newCopiesRowId = "#copiesrow_" + biblioNum;
-
-            if (!changeSelection(newCopiesRowId, false)) {
-                return false;
+        // On confirmsjs change
+        $(".confirmjs").change(function(){
+            var id = suffixOf($(this).attr("id"), "_");
+            // If I m checked, I enable radio buttons
+            if ( $(this).is(":checked") ) {
+                $("#reqspecific_" + id).attr("disabled", false);
+                $("#reqany_" + id).attr("disabled", false);
+            }
+            // Else its are disabled
+            else {
+                $("#reqspecific_" + id).attr("disabled", "disabled");
+                $("#reqany_" + id).attr("disabled", "disabled");
             }
+            // expand or collaspe the items block
+            toggle_copiesrow(id);
+        });
 
-            // Hide the copies table row
-            $(".copiesrow").hide();
+        // When 'specific copy' or 'first available' radio button is clicked
+        $(".selectspecific, .selectany").click(function() {
+            var id = suffixOf($(this).attr("id"), "_");
+            toggle_copiesrow(id);
         });
 
         // Show or hide holds notes
             $("#notesrow_"+biblioNum).toggle();
         });
 
-
         // When 'Place Hold' button is clicked
         $(".placehold").click(function(){
             var biblionumbers = "";
             var selections = "";
 
+            [% IF new_reserves_allowed %]
+                if ($(".confirmjs:checked").size() > [% new_reserves_allowed %] ) {
+                    alert(MSG_MAX_HOLDS_EXCEEDED);
+                    return false;
+                }
+            [% END %]
+
             if ($(".confirmjs:checked").size() == 0) {
                 alert(MSG_NO_RECORD_SELECTED);
                 return false;
             });
 
             if (badBib) {
-                alert(MSG_NO_COPY_SELECTED);
+                alert(MSG_NO_ITEM_SELECTED);
                 return false;
             }
 
             return true;
         });
 
+        [% FOREACH bibitemloo IN bibitemloop %]
+            [% IF ( bibitemloo.holdable ) %]
+                // http://jqueryui.com/demos/datepicker/#date-range
+                var dates[% bibitemloo.biblionumber %] = $( "#from[% bibitemloo.biblionumber %], #to[% bibitemloo.biblionumber %]" ).datepicker({
+                    minDate: 1,
+                    changeMonth: true,
+                    numberOfMonths: 1,
+                    onSelect: function( selectedDate ) {
+                        var option = this.id == "from[% bibitemloo.biblionumber %]" ? "minDate" : "maxDate",
+                            instance = $( this ).data( "datepicker" );
+                            date = $.datepicker.parseDate(
+                                instance.settings.dateFormat ||
+                                $.datepicker._defaults.dateFormat,
+                                selectedDate, instance.settings );
+                        dates[% bibitemloo.biblionumber %].not( this ).datepicker( "option", option, date );
+                    }
+                });
+            [% END %]
+        [% END %]
+
  });
 // ]]>
 </script>