@{
    ViewData["Title"] = "SMAPI log parser";
}
@model StardewModdingAPI.Web.ViewModels.LogParserModel
@section Head {
    <link rel="stylesheet" href="~/Content/css/log-parser.css?r=20180101" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
    <script src="~/Content/js/log-parser.js?r=20180101"></script>
    <style type="text/css" id="modflags"></style>
    <script>
        $(function() {
            smapi.logParser('@Model.SectionUrl', '@Model.PasteID');
        });
    </script>
}

@*********
** Intro
*********@
<p id="blurb">This page lets you upload, view, and share a SMAPI log to help troubleshoot mod issues.</p>
<input type="button" id="upload-button" value="Share a new log" />

@if (Model.PasteID != null)
{
    <h2>Parsed log</h2>
}
<div id="output" class="trace debug">
    @if (Model.PasteID != null)
    {
        <div id="log-data" style="display: none;">
            <div class="always">
                <table id="gameinfo">
                    <caption>Game info:</caption>
                    <tr>
                        <td>SMAPI Version</td>
                        <td id="api-version"></td>
                    </tr>
                    <tr>
                        <td>Game Version</td>
                        <td id="game-version"></td>
                    </tr>
                    <tr>
                        <td>Platform</td>
                        <td id="platform"></td>
                    </tr>
                    <tr>
                        <td>Mods path</td>
                        <td id="mods-path"></td>
                    </tr>
                    <tr>
                        <td>Log started</td>
                        <td id="log-started"></td>
                    </tr>
                </table>
                <br/>
                <table id="modslist">
                    <caption>Installed Mods: <span id="modlink-r" class="notice btn">Remove all mod filters</span><span class="notice txt"><i>Click any mod to filter</i></span> <span id="modlink-a" class="notice btn txt">Select all</span></caption>
                </table>
                <div id="filters">
                    Filter messages: <span>TRACE</span> | <span>DEBUG</span> | <span class="active">INFO</span> | <span class="active">ALERT</span> | <span class="active">WARN</span> | <span class="active">ERROR</span>
                </div>
            </div>
            <table id="log"></table>
        </div>
    }
    <div id="error" class="color-red"></div>
</div>
<script class="template" id="template-css" type="text/html">
    #output.modfilter:not(.mod-{0}) .mod-{0} { display:none; } #output.modfilter.mod-{0} #modslist tr { background:#ffeeee; } #output.modfilter.mod-{0} #modslist tr#modlink-{0} { background:#eeffee; }
</script>
<script class="template" id="template-modentry" type="text/html">
    <tr id="modlink-{0}">
        <td>{1}</td>
        <td>{2}</td>
        <td>{3}</td>
        <td class={4}>{5}</td>
    </tr>
</script>
<script class="template" id="template-logentry" type="text/html">
    <tr class="{0} mod mod-{1}">
        <td>{2}</td>
        <td>{3}</td>
        <td data-title="{4}">{4}</td>
        <td>{5}</td>
    </tr>
</script>
<script class="template" id="template-lognotice" type="text/html">
    <tr class="{0} mod-repeat mod mod-{1}">
        <td colspan="3"></td>
        <td><i>repeats [{2}] times.</i></td>
    </tr>
</script>
<div id="popup-upload" class="popup">
    <h1>Upload log file</h1>
    <div class="frame">
        <ol>
            <li><a href="https://stardewvalleywiki.com/Modding:Player_FAQs#SMAPI_log" target="_blank">Find your SMAPI log file</a> (not the console text).</li>
            <li>Drag the file onto the textbox below (or paste the text in).</li>
            <li>Click <em>Parse</em>.</li>
            <li>Share the URL of the new page.</li>
        </ol>
        <textarea id="input" placeholder="Paste or drag the log here"></textarea>
        <div class="buttons">
            <input type="button" id="submit" value="Parse" />
            <input type="button" id="cancel" value="Cancel" />
        </div>
    </div>
</div>
<div id="popup-raw" class="popup">
    <h1>Raw log file</h1>
    <div class="frame">
        <textarea id="dataraw"></textarea>
        <div class="buttons">
            <input type="button" id="closeraw" value="Close" />
        </div>
    </div>
</div>
<div id="uploader"></div>