[%  PROCESS "opac/parts/header.tt2";
    PROCESS "opac/parts/misc_util.tt2";
    PROCESS "opac/parts/hold_status.tt2";
    WRAPPER "opac/parts/myopac/base.tt2";
    myopac_page = "holds";
    limit = ctx.holds_limit;
    offset = ctx.holds_offset;
    count = ctx.holds_ids.size;
%]
<h3 class="sr-only">[% l('My Holds') %]</h3>
<div id='myopac_holds_div'>

    <div id="acct_holds_tabs">
        <div class="align selected">
            <a href='#'>[% l("Items on Hold") %]</a>
        </div>
        <div class="align">
            <a href='[% mkurl('hold_history', {}, ['limit','offset','available']) %]'>[% l("Holds History") %]</a>
        </div>
    </div>

    <div class="header_middle">
        <span id="acct_holds_header" style="float:left;">
            [%  IF CGI.param("available");
                    l("Items Ready for Pickup");
                ELSE;
                    l("Current Items on Hold");
                END
            %]
        </span>
        <span class='float-left' style='padding-left: 10px;'>
            <a href='[% mkurl('holds', {limit => limit,offset => (offset - limit)}) %]'
                [% IF offset <= 0 %] class='invisible' [% END %]><span class="nav_arrow_fix">&#9668;</span>[% l('Previous') %]</a>
            [% IF offset > 0 || count > limit;
                curpage = 0;
                WHILE curpage * limit < count;
                    IF curpage * limit == offset;
            %]
            [% curpage + 1 %]
                    [%- ELSE %]
            <a href='[% mkurl('holds', {limit => limit, offset => (curpage * limit)}) %]'>[% curpage + 1 %]</a>
                    [%- END;
                    curpage = curpage + 1;
                END;
            END %]
            <a href='[% mkurl('holds', {limit => limit, offset => (offset + limit)}) %]'
               [% IF count <= limit + offset %] class='invisible' [% END %] >[% l('Next') %]<span class="nav_arrow_fix">&#9658;</span></a>
        </span>

        <span style="float:right;">
            <a class="hide_me" href="#">[% l('Export List') %]</a>
        </span>
    </div>
    <div class="clear-both"></div>
    <div id='holds_main'>
        <form method="post">
        <table class="table_no_border_space table_no_cell_pad opac-auto-097"
            title="[% l('Actions for Items on Hold') %]">
            <tr>
                <td>
                    <select name="action" id="acct_holds_actions" 
                      aria-label="[% l('Select your action for the selected holds') %]"
                      title="[% l('Select your action for the selected holds') %]">
                        <option id='myopac_holds_actions_none' value=''>
                        -- [% l("Actions for selected holds") %] --
                        </option>
                        <option value='suspend'>[% l("Suspend") %]</option>
                        <option value='activate'>[% l("Activate") %]</option>
                        <!-- XXX maybe later <option value='thaw_date'>[% l("Set Active Date") %]</option> -->
                        <option value='cancel'>[% l("Cancel") %]</option>
                    </select>
                </td>
                <td style="padding-left:9px;">
                    <input type="submit" value="[% l('Go') %]"
                        title="[% l('Go') %]" class="opac-button" />
                </td>
                <td style="padding-left:5px;">
                    <a href="#"><img
                        alt="[% l('Holds Help') %]"
                        title="[% l('Actions for selected holds') %]"
                        src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                </td>
                <td style="padding-left:5px;" class='error'>
                    [%  IF ctx.hold_suspend_post_capture;
                            l('One or more holds could not be suspended because the item is at (or en route to) the pickup library.');
                        END;
                    %]
                </td>
                <td align="right">
                    [% IF CGI.param("available") -%]
                    <a href="[% mkurl('holds', {}, ['limit','offset','available']) %]">[% l('Show all holds') %]</a> |
                    <strong>[% l("Show only available holds") %]</strong>
                    [% ELSE -%]
                    <strong>[% l("Show all holds") %]</strong> |
                    <a href="[% mkurl('holds',{available => 1},['limit','offset']) %]">[% l("Show only available holds") %]</a>
                    [% END -%]
                </td>
            </tr>
        </table>
        [% IF ctx.holds.size < 1 %]
        <div class="warning_box">[% l('No holds found.') %]</div>
        [% ELSE %]
        <table id="acct_holds_main_header" title="[% l('Items on Hold') %]"
            class="table_no_border_space table_no_cell_pad">
            <thead>
            <tr>
                <th align="center">
                    <input type="checkbox" title="[% l('Select All Holds') %]"
                      onclick="var inputs=document.getElementsByTagName('input'); for (i = 0; i < inputs.length; i++) { if (inputs[i].name == 'hold_id' &amp;&amp; !inputs[i].disabled) inputs[i].checked = this.checked;}"/>
                </th>
                <th>[% l('Title') %]</th>
                <th>[% l('Author') %]</th>
                <th>[% l('Format') %]</th>
                <th>[% l('Pickup Location') %]</th>
                <th>[% l('Activate') %]</th>
                <th>[% l('Cancel if not filled by') %]</th>
                <th>[% l('Active') %]</th>
                <th>[% l('Status') %]</th>
                <th>[% l('Notes') %]</th>
            </tr>
            </thead>
            <tbody id="holds_temp_parent">
                [% FOR hold IN ctx.holds;
                    attrs = {marc_xml => hold.marc_xml};
                    PROCESS get_marc_attrs args=attrs;
                    ahr = hold.hold.hold %]
                <tr name="acct_holds_temp"
                    class="acct_holds_temp[% ahr.frozen == 't' ? ' inactive-hold' : '' %]">
                    <td align="center" style="text-align:center;">
                        <input type="checkbox" name="hold_id" value="[% ahr.id %]" 
                            [% html_text_attr('title', l('Select hold [_1]', attrs.title)) %]/>
                    </td>
                    <td>
                        <div>
                            [% 
                                title = attrs.title;
                                IF ahr.hold_type == 'P';
                                    title = l('[_1] ([_2])', title, hold.hold.part.label);
                                END;
                            %]
                            <a href="[% mkurl(ctx.opac_root _ '/record/' _ hold.hold.bre_id) %]">[% title | html %]</a>
                        </div>
                    </td>
                    <td>
                        <div>
                            <a href="[% mkurl(ctx.opac_root _ '/results',
                                {qtype => 'author', query => attrs.author.replace('[,\.:;]', '')}
                            ) %]">[% attrs.author | html %]</a>
                        </div>
                    </td>
                    <td>
                        <div class="format_icon">
                          [% 
                            formats = attrs.all_formats.size;
                            IF ahr.hold_type == 'M';
                              # only show selected formats for metarecords
                              formats = [];
                              FOR ccvm IN hold.metarecord_selected_filters.icons;
                                format = {};
                                format.icon = PROCESS get_ccvm_icon id=ccvm.id search_label=1;
                                format.label = PROCESS get_ccvm_label id=ccvm.id search_label=1;
                                formats.push(format);
                              END;
                            END;
                            FOR format IN formats 
                          %]
                            <img title="[% format.label | html %]" 
                              alt="[% format.label | html %]" src="[% format.icon %]" />
                            [% END %]
                        </div>
                    </td>
                    <td>
                        [% ctx.get_aou(ahr.pickup_lib).name | html %]
                    </td>
                    <td>
                        [% IF ahr.frozen == 't' AND ahr.thaw_date;
                            date.format(ctx.parse_datetime(ahr.thaw_date), DATE_FORMAT);
                        END %]
                    </td>
                    <td>
                        [% IF ahr.expire_time;
                            date.format(ctx.parse_datetime(ahr.expire_time), DATE_FORMAT);
                        END %]
                    </td>
                    <td>
                        [% l(ahr.frozen == 'f' ? 'Active' : 'Suspended') %]
                    </td>
                    <td>
                        <div name="acct_holds_status">
                            [% PROCESS get_hold_status hold=hold; %]
                        </div>
                    </td>
                    <td class="hold_notes">
                    [%- FOREACH pubnote IN ahr.notes;
                        IF pubnote.pub == 't';
                    %]
                        <div class="hold_note">
                            <span class="hold_note_title">[% pubnote.title | html %]</span>
                            <br />
                            <span class="hold_note_body">[% pubnote.body | html %]</span>
                        </div>
                    [%- END; END; %]
                    </td>
                    <td class="opac-auto-161">
                        <a href="[% mkurl(ctx.opac_root _ '/myopac/holds/edit', {id => ahr.id}) %]"
                            [% html_text_attr('title', l('Edit hold for item [_1]', attrs.title)) %]>
                            [% l('Edit') %]
                        </a>
                    </td>
                </tr>
                [% END %]
            </tbody>
        </table>
        [% END %]
        </form>
    </div>
</div>
[% END %]