<!DOCTYPE html>
<html lang="en" data-yomichan-page="search">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>Yomichan Search</title>
        <link rel="icon" type="image/png" href="/mixed/img/icon16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="/mixed/img/icon19.png" sizes="19x19">
        <link rel="icon" type="image/png" href="/mixed/img/icon38.png" sizes="38x38">
        <link rel="icon" type="image/png" href="/mixed/img/icon48.png" sizes="48x48">
        <link rel="icon" type="image/png" href="/mixed/img/icon64.png" sizes="64x64">
        <link rel="icon" type="image/png" href="/mixed/img/icon128.png" sizes="128x128">
        <link rel="stylesheet" type="text/css" href="/mixed/lib/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/mixed/lib/bootstrap/css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="/mixed/css/display.css">
        <link rel="stylesheet" type="text/css" href="/mixed/css/display-default.css" data-yomichan-theme-name="default">
        <link rel="stylesheet alternate" type="text/css" href="/mixed/css/display-dark.css" data-yomichan-theme-name="dark">
    </head>
    <body>
        <div class="container">
            <div id="intro" style="overflow: hidden;">
                <div class="page-header">
                    <h1>Yomichan Search</h1>
                </div>
                <p style="margin-bottom: 0;">Search your installed dictionaries by entering a Japanese expression into the field below.</p>
            </div>

            <div class="search-input">
                <div class="input-group" style="padding-top: 20px;">
                    <span title="Enable kana input method" class="input-group-text">
                        <input type="checkbox" id="wanakana-enable" class="icon-checkbox" />
                        <label for="wanakana-enable" class="scan-disable">あ</label>
                    </span>
                    <span title="Enable clipboard monitor" class="input-group-text">
                        <input type="checkbox" id="clipboard-monitor-enable" class="icon-checkbox" />
                        <label for="clipboard-monitor-enable"><span class="glyphicon glyphicon-paste"></span></label>
                    </span>
                </div>

                <form class="input-group">
                    <input type="text" class="form-control" placeholder="Search for..." id="query" autofocus>
                    <span class="input-group-btn">
                        <input type="submit" class="btn btn-default form-control" id="search" value="Search">
                    </span>
                </form>
            </div>

            <div id="spinner" hidden><img src="/mixed/img/spinner.gif"></div>

            <div class="scan-disable">
                <div id="query-parser-select-container" class="input-group"></div>
                <div id="query-parser-content"></div>
            </div>

            <hr>

            <div id="navigation-header" class="navigation-header" hidden><div class="navigation-header-actions">
                <button class="action-button action-previous"><img src="/mixed/img/source-term.svg" class="icon-image" title="Source term (Alt + B)" alt></button>
                <button class="action-button action-next"><img src="/mixed/img/source-term.svg" class="icon-image" title="Next term (Alt + F)" alt></button>
            </div></div><div class="navigation-header-spacer"></div>

            <div id="content"></div>

            <div id="no-results" hidden>
                <div class="entry">
                    <p>No results found.</p>
                </div>
            </div>
        </div>

        <script src="/mixed/lib/handlebars.min.js"></script>
        <script src="/mixed/lib/wanakana.min.js"></script>

        <script src="/mixed/js/core.js"></script>
        <script src="/mixed/js/dom.js"></script>
        <script src="/mixed/js/api.js"></script>

        <script src="/bg/js/dictionary.js"></script>
        <script src="/bg/js/handlebars.js"></script>
        <script src="/bg/js/japanese.js"></script>
        <script src="/fg/js/document.js"></script>
        <script src="/fg/js/source.js"></script>
        <script src="/mixed/js/audio.js"></script>
        <script src="/mixed/js/display-context.js"></script>
        <script src="/mixed/js/display.js"></script>
        <script src="/mixed/js/display-generator.js"></script>
        <script src="/mixed/js/scroll.js"></script>
        <script src="/mixed/js/text-scanner.js"></script>
        <script src="/mixed/js/template-handler.js"></script>

        <script src="/bg/js/search-query-parser-generator.js"></script>
        <script src="/bg/js/search-query-parser.js"></script>
        <script src="/bg/js/clipboard-monitor.js"></script>
        <script src="/bg/js/search.js"></script>
        <script src="/bg/js/search-frontend.js"></script>
    </body>
</html>