[% USE raw %]
[% USE Asset %]
[% PROCESS 'i18n.inc' %]
[% USE Koha %]
[% INCLUDE 'doc-head-open.inc' %]
<title>[% FILTER collapse %]
    [% t("Editor") | html %] &rsaquo;
    [% t("Cataloging") | html %] &rsaquo;
    [% t("Koha") | html %]
[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
[% Asset.css("css/cateditor.css") | $raw %]
[% Asset.css("lib/codemirror/codemirror.min.css") | $raw %]
[% Asset.css("css/humanmsg.css") | $raw %]
[% Asset.js("js/cataloging.js") | $raw %]
[% Asset.js("lib/jquery/plugins/humanmsg.js") | $raw %]
</head>
<body id="cat_addbiblio" class="cat">

   <div id="loading">
       <div>Loading, please wait...</div>
   </div>

[% WRAPPER 'header.inc' %]
    [% INCLUDE 'cat-search.inc' %]
[% END %]
[% PROCESS 'keyboard_shortcuts.inc' %]

[% WRAPPER 'sub-header.inc' %]
    [% WRAPPER breadcrumbs %]
        [% WRAPPER breadcrumb_item %]
            <a href="/cgi-bin/koha/cataloguing/cataloging-home.pl">Cataloging</a>
        [% END %]
        [% WRAPPER breadcrumb_item bc_active= 1 %]
            <span>Editor</span>
        [% END %]
    [% END #/ WRAPPER breadcrumbs %]
[% END #/ WRAPPER sub-header.inc %]

<div class="main container-fluid">
    <div class="row">
        <div class="col-sm-10 col-sm-push-2">
            <main>
                [% INCLUDE 'messages.inc' %]

[% IF Koha.Preference('EnableAdvancedCatalogingEditor') %]
    <div id="toggle-editor">
        <label for="toggle-editor">Advanced editor: </label>
        <label class="switch">
            <input id="toggleEditor" type="checkbox" checked="checked">
            <span class="slider"></span>
        </label>
    </div>
[% END %]

<h1 id="title">Cataloging editor</h1>


<div id="editor">
    <input id="import-records-input" type="file" style="display: none">
    <div id="toolbar" class="btn-toolbar">
        <button class="btn btn-default" id="new-record" title="Open fresh record"><i class="fa fa-plus"></i> <span>New record</span></button>
        <div class="btn-group">
            <button class="btn btn-default" id="save-record" title="Save current record (Ctrl-S)"><i class="fa-solid fa-hard-drive"></i> <span>Save</span></button>
            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" id="save-dropdown">
            </ul>
        </div>
        <button class="btn btn-default" id="import-records" title="Import an MARC (ISO 2709) or MARCXML record"><i class="fa fa-download"></i> <span>Import record...</span></button>
        <button class="btn btn-default" id="open-macros" title="Run and edit macros"><i class="fa fa-play"></i> <span>Macros...</span></button>
        <div class="btn-group">
            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog"></i> Settings <span class="caret"></span></button>
            <ul id="prefs-menu" class="dropdown-menu">
                <li><a id="switch-editor" href="#">Switch to basic editor</a></li>
                <li><a id="set-field-widgets" href="#"></a></li>
                <li class="dropdown-header">Change framework</li>
                <li>
                    <a class="change-framework" data-frameworkcode="">
                        <i class="fa fa-fw unselected">&nbsp;</i>
                        <i class="fa fa-fw fa-check selected">&nbsp;</i>
                        Default
                    </a>
                </li>
                [% FOREACH framework IN frameworks %]
                    <li>
                        <a class="change-framework" data-frameworkcode="[% framework.frameworkcode | html %]">
                            <i class="fa fa-fw fa-check selected"></i>
                            <i class="fa fa-fw unselected">&nbsp;</i>
                            [% framework.frameworktext | html %]
                        </a>
                    </li>
                [% END %]
                <li class="divider"></li>
                <li><a class="set-fontSize" style="font-size: .92em" href="#">Small text</a></li>
                <li><a class="set-fontSize" style="font-size: 1em" href="#">Normal text</a></li>
                <li><a class="set-fontSize" style="font-size: 1.08em" href="#">Large text</a></li>
                <li><a class="set-fontSize" style="font-size: 1.18em" href="#">Huge text</a></li>
                <li class="divider"></li>
                <li><a class="set-font" style="font-family: monospace" href="#">Default font</a></li>
                <li><a class="set-font" style="font-family: Consolas" href="#">Consolas</a></li>
                <li><a class="set-font" style="font-family: 'Courier New'" href="#">Courier New</a></li>
                <li><a class="set-font" style="font-family: 'DejaVu Sans Mono'" href="#">DejaVu Sans Mono</a></li>
                <li><a class="set-font" style="font-family: 'Lucida Console'" href="#">Lucida Console</a></li>
                <li><a class="set-font" style="font-family: Monaco" href="#">Monaco</a></li>
            </ul>
        </div>
        <button class="btn btn-default" id="show-alerts" title="Previous alerts"><i class="fa fa-bell"></i> Alerts <span class="caret"></span></button>
        <button class="btn btn-default" id="show-shortcuts" title="Supported keyboard shortcuts"><i class="fa-solid fa-keyboard"></i> Keyboard shortcuts <span class="caret"></span></button>
        <button class="btn btn-default hide" id="set-keyboard-layout" data-target="#keyboard-layout" data-toggle="modal" title="Set virtual keyboard layout"><i class="fa-solid fa-keyboard"></i> Keyboard layout </button>
    </div>
    [%# CodeMirror instance will be inserted here %]
    <div id="statusbar">
        <div id="status-tag-info">
        </div>
        <div id="status-subfield-info">
        </div>
    </div>
</div>
            </main>
        </div> <!-- /.col-sm-10.col-sm-push-2 -->

        <div class="col-sm-2 col-sm-pull-10">
            <aside>
                <h3>Search</h3>
                <form id="quicksearch">
                    <fieldset class="brief">
                    <ol>
                        <li><label for="search-by-keywords">Keywords:</label></li>
                        <li><input class="search-box" data-qualifier="term" id="search-by-keywords" placeholder="(Ctrl-Alt-K)" /></li>
                        <li><label for="search-by-author">Author:</label></li>
                        <li><input class="search-box" data-qualifier="author" id="search-by-author" placeholder="(Ctrl-Alt-A)" /></li>
                        <li><label for="search-by-isbn">ISBN:</label></li>
                        <li><input class="search-box" data-qualifier="isbn" id="search-by-isbn" placeholder="(Ctrl-Alt-I)" /></li>
                        <li><label for="search-by-title">Title:</label></li>
                        <li><input class="search-box" data-qualifier="title" id="search-by-title" placeholder="(Ctrl-Alt-T)" /></li>
                        <li><a href="#" id="show-advanced-search" title="Show advanced search (Ctrl-Alt-S)">Advanced &raquo;</a></li>
                    </fieldset>
                </form>
                <h3>Clipboard</h3>
                <fieldset class="brief">
                    <select id="clipboard" name="clipboard" size=10>
                    </select>
                </fieldset>
            </aside>
        </div> <!-- /.col-sm-2.col-sm-pull-10 -->
     </div> <!-- /.row -->

</div>

<div id="advanced-search-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="advanced-search-title" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">

<div class="modal-header">
    <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="advanced-search-title">Advanced search</h3>
</div>
<div class="modal-body">
  <form id="advanced-search">
    <div class="row">
    <div class="col-md-3">
        <div id="search-facets">
            <ul>
                <li>Servers:<ul id="advanced-search-servers"></ul></li>
            </ul>
        </div>
    </div>
    <div class="col-md-9">
        <div id="toolbar" class="btn-toolbar">
            <button class="btn btn-default" type="submit"><i class="fa fa-search"></i> <span>Search</span></button>
            <button class="btn btn-default" type="reset"><i class="fa fa-trash-can"></i> <span>Clear</span></button>
        </div>
        <ul id="advanced-search-fields">
            <li>
                <label for="advanced-search-by-isbn">ISBN:</label>
                <input class="search-box" data-qualifier="isbn" id="advanced-search-by-isbn" />
            </li>
            <li>
                <label for="advanced-search-by-issn">ISSN:</label>
                <input class="search-box" data-qualifier="issn" id="advanced-search-by-issn" />
            </li>
            <li>
                <label for="advanced-search-by-title">Title:</label>
                <input class="search-box" data-qualifier="title" id="advanced-search-by-title" />
            </li>
            <li>
                <label for="advanced-search-by-author">Author:</label>
                <input class="search-box" data-qualifier="author" id="advanced-search-by-author" />
            </li>
            <li>
                <label for="advanced-search-by-subject">Subject:</label>
                <input class="search-box" data-qualifier="subject" id="advanced-search-by-subject" />
            </li>
            <li>
                <label for="advanced-search-by-lc-number">LC call number:</label>
                <input class="search-box" data-qualifier="cn_lc" id="advanced-search-by-lc-number" />
            </li>
            <li>
                <label for="advanced-search-by-lccn">LCCN:</label>
                <input class="search-box" data-qualifier="lccn" id="advanced-search-by-lccn" />
            </li>
            <li>
                <label for="advanced-search-by-control-number">Control number:</label>
                <input class="search-box" data-qualifier="local_number" id="advanced-search-by-control-number" />
            </li>
            <li>
                <label for="advanced-search-by-dewey">Dewey number:</label>
                <input class="search-box" data-qualifier="cn_dewey" id="advanced-search-by-dewey" />
            </li>
            <li>
                <label for="advanced-search-by-standard-number">Standard number:</label>
                <input class="search-box" data-qualifier="standard_identifier" id="advanced-search-by-standard-number" />
            </li>
            <li>
                <label for="advanced-search-by-publisher-number">Publisher number:</label>
                <input class="search-box" data-qualifier="music_identifier" id="advanced-search-by-publisher-number" />
            </li>
            <li>
                <label for="advanced-search-by-publication-date">Publication date:</label>
                <input class="search-box" data-qualifier="date" id="advanced-search-by-publication-date" />
            </li>
        </ul>
    </div>
    </div>
  </form>
</div>
</div>
</div>
</div>

<div id="search-results-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="search-results-title" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">

<div class="modal-header">
    <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="search-results-title">Results</h3>
</div>

<div class="modal-body">
    <div class="row">
    <div class="col-md-3">
        <div id="search-facets">
            <ul>
                <li>Servers:<ul id="search-serversinfo"></ul></li>
            </ul>
        </div>
    </div>
    <div class="col-md-9">
        <!-- tabindex attribute allows JS-controlled focus -->
        <div id="searchresults" tabindex="-1">
            <div id="search-top-pages">
                <nav aria-label="Search results navigation">
                </nav>
            </div>

            <table class="dataTable"> <!-- This is not a real dataTable but we want to inherit the CSS rules -->
                <thead>
                    <tr></tr>
                </thead>
                <tbody></tbody>
            </table>

            <div id="search-bottom-pages">
                <nav aria-label="Search results navigation">
                </nav>
            </div>
        </div>
    </div>
    </div>
    <div id="search-overlay"><span>Loading...</span><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 100%"></div></div></div>
</div>
</div>
</div>

</div>

<div id="macro-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="macro-title" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">

<div class="modal-header">
    <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="macro-title">Macros</h3>
</div>

<div class="modal-body">
    <div class="row">
    <div class="col-md-3"><ul id="macro-list"></ul></div>
    <div class="col-md-9" id="macro-editor">
        <div id="macro-toolbar" class="btn-toolbar">
            <button class="btn btn-default" id="run-macro" title="Run and edit macros"><i class="fa fa-play"></i> Run macro</button>
            <button class="btn btn-default" id="delete-macro" title="Delete macro"><i class="fa fa-trash-can"></i> Delete macro</button>
            <label class="macro_shared" for="public" style="display:none;">Public macro:</label>
            [% IF CAN_user_editcatalogue_create_shared_macros %]
                <input class="macro_shared" type="checkbox" name="public" style="display:none;"/>
            [% ELSE %]
                <input class="macro_shared" type="checkbox" name="public" style="display:none;" disabled/>
            [% END %]
            <div id="macro-save-message"></div>
        </div>
    </div>
    </div>
</div>
</div>
</div>
</div>

<div id="keyboard-layout" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Set virtual keyboard layout</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="exampleInputEmail1">Filter layouts</label>
                    <input type="search" class="form-control filter"/>
                </div>
                <hr/>
                <div class="layouts"></div>
            </div>
        </div>
    </div>
</div>

<div id="shortcuts-contents" style="display: none">
[% IF ( CAN_user_parameters_manage_keyboard_shortcuts ) %]
    <a id="redefine_shortcuts" href="/cgi-bin/koha/admin/adveditorshortcuts.pl">Redefine shortcuts</a>
[% END %]
<table class="table table-condensed">
    <thead>
        <tr>
            <th>Shortcut</th>
            <th>Behavior</th>
        </tr>
    </thead>
    <tbody>
        [% FOREACH shortcut IN shortcuts %]
            <tr>
                <td>[% shortcut.shortcut_keys | html %]</td>
                <td>[% PROCESS keyboard_shortcut_descriptions shortcut_name=shortcut.shortcut_name %]</td>
            </tr>
        [% END %]
        <tr>
            <td>Ctrl-S</td>
            <td>Save record (cannot be remapped)</td>
        </tr>
    </tbody>
</table>
</div>

[% PROCESS 'cateditor-ui.inc' %]

[% INCLUDE 'intranet-bottom.inc' %]
