[%  PROCESS "default/opac/parts/header.tt2";
    PROCESS "default/opac/parts/misc_util.tt2";
    WRAPPER "default/opac/parts/myopac/base.tt2";
    myopac_page = "holds"  %]
<div id='myopac_holds_div'>

    <div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
        <div class="align selected">
            <img src="[% ctx.media_prefix %]/images/sub_holds_on.jpg"/>
        </div>
        <div class="align">
            <a href='hold_history'><img src="[% ctx.media_prefix %]/images/sub_holds_hist_off.jpg"/></a>
        </div>
        <div class="clear-both"></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 style="float:right;">
            <a class="hide_me" href="#">Export List</a>
        </span>
    </div>
    <div class="clear-both"></div>
    <div id='holds_main'>
        <form method="POST">
        <table cellpadding='0' cellspacing='0' class="opac-auto-097">
            <tr>
                <td width="1">
                    <select name="action" id="acct_holds_actions">
                        <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 width="1" style="padding-left:9px;">
                    <input type="image"
                        alt="[% l('Go') %]" title="[% l('Go') %]"
                        src="[% ctx.media_prefix %]/images/go-btn.png" />
                </td>
                <td width="1" style="padding-left:5px;">
                    <a href="#"><img
                        alt="Holds Help"
                        src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
                </td>
                <td align="right">
                    [% l("Show") %] &nbsp; &nbsp;
                    [% IF CGI.param("available") %]
                    <a href="holds">[% l('all') %]</a> |
                    <strong>[% l("only available") %]</strong>
                    [% ELSE %]
                    <strong>[% l("all") %]</strong> |
                    <a href="holds?available=1">[% l("only available") %]</a>
                    [% END %] &nbsp; &nbsp;
                    [% l("holds") %]
                    <select class="hide_me" id="holds_sort">
                        <option value="">-- Sort By --</option>
                        <option value="title">Title</option>
                        <option value="pickup">PickUp Location</option>
                        <option value="status">Status</option>
                    </select>
                </td>
            </tr>
        </table>
        [% IF ctx.holds.size < 1 %]
        <div class="warning_box">
            <big><strong>[% l('No holds found.') %]</strong></big>
        </div>
        [% ELSE %]
        <table id="acct_holds_main_header" cellpadding='0' cellspacing='0'
            border='0' width="100%">
            <tr>
                <td width="36" align="center">
                    <input type="checkbox" id="check_all_holds" />
                </td>
                <td width="138">
                    <span title="Click to sort"
                        style="cursor:pointer;">
                        Title
                    </span>
                </td>
                <td width="123">
                    <span title="Click to sort" style="cursor:pointer;">Author</span>
                </td>
                <td width="64">
                    <span title="Click to sort"
                        style="cursor:pointer;">Format</span>
                </td>
                <td width="136">
                    <span title="Click to sort"
                        style="cursor:pointer;">Pickup Location</span>
                </td>
                <td width="104">Activate</td>
                <td width="106">Cancel if not<br />filled by</td>
                <td width="95">Active</td>
                <td width="172">
                    <span title="Click to sort"
                        style="cursor:pointer;">Status</span>
                </td>
            </tr>
        </table>
        <div class="hide_me">
            <select id="hold_pickup_lib_temp" name="hold_pickup_lib_sel"
                class="hide_me" style="width:125px;height:21px;"></select>
        </div>

        <table cellpadding='0' cellspacing='0' border='0' width="100%">
            <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 id="acct_holds_temp" name="acct_holds_temp"
                    class="acct_holds_temp">
                    <td width="36" align="center" style="text-align:center;">
                        <input type="checkbox" name="hold_id" value="[% ahr.id %]" />
                    </td>
                    <td width="138">
                        <div style="margin-top:10px;margin-bottom:10px;">
                            <a href="[% ctx.opac_root %]/record/[% hold.hold.bre.id %]">[% attrs.title | html %]</a>
                        </div>
                    </td>
                    <td width="123">
                        <div style="margin-top:10px;margin-bottom:10px;">
                            <a href="[% ctx.opac_root %]/results?qtype=author&amp;query=[% attrs.author | replace('[,\.:;]', '') | url %]">[% attrs.author | html %]</a>
                        </div>
                    </td>
                    <td width="64">
                        <div style="width:26px;height:23px;margin-top:6px;margin-bottom:6px;">
                            [% IF attrs.format_icon %]
                            <img src="[% ctx.media_prefix %]/images/[% attrs.form_icon %]"
                                title="[% attrs.format %]" alt="[% attrs.format %]" />
                            [% ELSE;
                                attrs.format;
                               END %]
                        </div>
                    </td>
                    <td width="136">
                        [% ctx.get_aou(ahr.pickup_lib).name %]
                    </td>
                    <td width="104">
                        <!-- <input
                            title="Enter a date (e.g. 10/21/2010)"
                            class="hide_me" style="width:91px;"
                            name="activate_box" type="text" /> -->
                        [% IF ahr.frozen == 't' AND
                                ahr.thaw_date;
                            date.format(ctx.parse_datetime(ahr.thaw_date), DATE_FORMAT);
                        END %]
                    </td>
                    <td width="106">
                        <!-- <input title="[% l('Enter a date (e.g. 10/21/2010)') %]"
                            class="hide_me" style="width:91px;"
                            name="hold_expires_box" type="text" />-->
                        [% IF ahr.expire_time;
                            date.format(ctx.parse_datetime(ahr.expire_time), DATE_FORMAT);
                        END %]
                    </td>
                    <td width="95">
                        <!-- <select name="hold_active_sel"
                            style="width:90px;" class="hide_me">
                            <option value="f">Active</option>
                            <option value="t">Suspended</option>
                        </select> -->
                        [% l(ahr.frozen == 'f' ? 'Active' : 'Suspended') %]
                    </td>
                    <td width="110">
                        <div name="acct_holds_status"
                            style="margin-top:10px;margin-bottom:10px;">
                            [% PROCESS get_hold_status hold=hold; %]
                        </div>
                    </td>
                    <td class="opac-auto-161">
                        <a href="[% ctx.opac_root %]/myopac/holds/edit?id=[% ahr.id %]">Edit</a>
                    </td>
                </tr>
                [% END %]
            </tbody>
        </table>
        [% END %]
        </form>
    </div>

    <span id='myopac.holds.cancel.confirm' class='hide_me'>[% l("Are you sure you wish to cancel the selected holds?") %]</span>
    <span id='myopac.holds.freeze.confirm' class='hide_me'>[% l("Are you sure you wish to suspend the selected holds?  If an item has already been selected to fulfill the hold, it will not be suspended") %]</span>
    <span id='myopac.holds.thaw.confirm' class='hide_me'>[% l("Are you sure you wish to activate the selected holds?") %]</span>
    <span id='myopac.holds.thaw_date.confirm' class='hide_me'>[% l("Are you sure you wish to change the activate date for the selected holds?") %]</span>
    <span id='myopac.holds.freeze.select_thaw' class='hide_me'>[% l("Select an automatic activation date.  If no date is chosen, the holds will remain suspended until they are manually activated.") %]</span>

    <table width='100%' id='myopac_holds_processing' class='hide_me'>
        <tr><td>[% l("Processing holds... This may take a moment.") %]</td></tr>
    </table>
   
    <span class='hide_me' id='myopac_holds_cancel_verify'>
    	[% l("If you wish to cancel the selected hold, click OK, otherwise click Cancel.") %]
    </span>
</div>
<div id='myopac_holds_thaw_date_form' class='hide_me'>
    <div id='myopac_holds_freeze_select_thaw'>
        [% l("Select an automatic activation date.  If no date is chosen, the holds will remain suspended until they are manually activated.") %]
    </div>
    <p>
        <input size='10' maxlength='10'
            type='text' id='myopac_holds_thaw_date_input' />
    </p>
    <p>
        <button>[% l("Submit") %]</button>
    </p>
</div>
[% END %]