[% ctx.page_title = 'User Editor' %]
[% WRAPPER default/base.tt2 %]
<script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/actor/user/register.js'></script>
<link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/[% ctx.skin %]/register.css" />

<div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="">
    <script type="dojo/method" event="onSubmit">
        /* we don't want to use the form action, but uEditSave and UEditSaveClone from the Save buttons.  We
            do want to use the Form's validation features, which we do from within UEditSave, etc. */
        return false;
    </script>
    <table>
        [% INCLUDE default/actor/user/register_table.tt2 %]
    </table>
</div>

<div id='uedit-save-div'>
    <button dojoType='dijit.form.Button' jsId='saveButton' onClick='uEditSave' scrollOnFocus='false'></button>
    <button dojoType='dijit.form.Button' jsId='saveCloneButton' onClick='uEditSaveClone' scrollOnFocus='false'></button>
    <div id='require-toggle'>
        <a href='javascript:uEditToggleRequired(1);' id='uedit-show-required'>Show Only Required Fields</a><br id='uedit-show-required-br'/>
        <a href='javascript:uEditToggleRequired(2);' id='uedit-show-suggested'>Show Suggested Fields</a><br id='uedit-show-suggested-br'/>
        <a href='javascript:uEditToggleRequired(0);' id='uedit-show-all' class='hidden'>Show All Fields</a>
    </div>
</div>

<!-- context help widget -->
<a class='hidden' id='uedit-help-template'><img src='/opac/images/advancedsearch-icon.png'></img></a>
<fieldset id='uedit-help-div' class='hidden'>
    <legend id='uedit-help-field'/>
    <div id='uedit-help-text'/>
</fieldset>

<!-- duplicate patron search results -->
<div id='uedit-dupe-div' class='hidden'>
    <div><a href='javascript:void(0);' id='uedit-dupe-names-link'></a></div>
    <div><a href='javascript:void(0);' id='uedit-dupe-email-link'></a></div>
    <div><a href='javascript:void(0);' id='uedit-dupe-ident-link'></a></div>
    <div><a href='javascript:void(0);' id='uedit-dupe-phone-link'></a></div>
    <div><a href='javascript:void(0);' id='uedit-dupe-address-link'></a></div>
</div>

<div class='hidden'>
    <span id='true' style='color:green;'>&#x2713;</span>
    <span id='false' style='color:red;'>&#x2717;</span>
    <div dojoType='dijit.Dialog' jsId='allCardsDialog'>
        <table class='oils-generic-table' style='margin:10px;'>
            <thead>
                <tr>
                    <th>Barcode</th>
                    <th>Active</th>
                </tr>
            </thead>
            <tbody id='uedit-all-cards-tbody'>
                <tr id='uedit-all-cards-tr-template'>
                    <td><div name='barcode'></div></td>
                    <td><div name='active'></div></td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td colspan='2' style='text-align:center;'>
                        <button dojoType='dijit.form.Button' onClick='allCardsDialog.hide()' scrollOnFocus='false'>Close</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


[% END %]