<!doctype html>
<html lang="en">

<head>

<meta charset="utf-8">
<title> {{APP_NAME}} </title>

<link rel="shortcut icon" href="{{url_for('static', filename='images/app.ico')}}">
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='jquery-ui/jquery-ui.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='growl/jquery.growl.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='popmenu/jquery.popmenu.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='spectrum/spectrum.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='select2/select2.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='chartjs/Chart.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='lightgallery/css/lightgallery.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/main.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-scenario.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-ob.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-extras.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/sortable.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-template-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-simple-note-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/ask-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/select-vo-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-vo-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/select-roar-scenario-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/vassal-shim.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/lfa.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/lfa-upload.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-search-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-card.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-upload-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-downloads-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/turn-track-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/user-settings-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/program-info.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/please-wait.css')}}" />

</head>

<!-- ----------------------------------------------------------------- -->

<body>

<noscript>
    <div style="margin:1em;"> Javascript is disabled. Please enable it, then reload this page. </div>
</noscript>

<img id="loader" src="{{url_for('static',filename='images/loader.gif')}}" style="position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;z-index:999;">

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

<div id="menu" style="display:none;">
    <input type="image" src="{{url_for('static',filename='images/menu.png')}}" value="actions">
</div>

{%include "tabs.html"%}

<input id="load-scenario" type="file" accept=".json" style="display:none;">
<input id="load-template-pack" type="file" accept=".zip,.j2" style="display:none;">
<input id="load-vsav" type="file" accept=".vsav" style="display:none;">
<input id="load-vlog" type="file" multiple accept=".vlog" style="display:none;">
<input id="select-vsav-for-upload" type="file" multiple accept=".vsav" style="display:none;">
<input id="select-screenshot-for-upload" type="file" multiple accept=".png,.jpg,.jpeg,.gif" style="display:none;">

<div id="alt-webapp-base-url" style="display:none;"> Webapp base URL: </div>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

<div id="watermark" style="display:none;">
    <img src="{{url_for('static',filename='images/watermark.png')}}">
</div>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

{%include "edit-template-dialog.html"%}
{%include "edit-simple-note-dialog.html"%}

{%include "select-vo-dialog.html"%}
{%include "select-vo-image-dialog.html"%}
{%include "edit-vo-dialog.html"%}
{%include "scenario-info-dialog.html"%}
{%include "scenario-search-dialog.html"%}
{%include "scenario-upload-dialog.html"%}
{%include "scenario-downloads-dialog.html"%}
{%include "select-roar-scenario-dialog.html"%}

{%include "vassal.html"%}
{%include "lfa.html"%}
{%include "lfa-upload.html"%}

{%include "turn-track-dialog.html"%}
{%include "user-settings-dialog.html"%}
{%include "program-info-dialog.html"%}

{%include "ask-dialog.html"%}
{%include "please-wait.html"%}

</body>

<!-- ----------------------------------------------------------------- -->

<script src="{{url_for('static',filename='jquery/jquery-3.3.1.min.js')}}"></script>
<script src="{{url_for('static',filename='jquery-ui/jquery-ui.min.js')}}"></script>
<script src="{{url_for('static',filename='jinja/jinja.js')}}"></script>
<script src="{{url_for('static',filename='growl/jquery.growl.js')}}"></script>
<script src="{{url_for('static',filename='popmenu/jquery.popmenu-1.0.0.min.js')}}"></script>
<script src="{{url_for('static',filename='hotkey/jquery.hotkey.js')}}"></script>
<script src="{{url_for('static',filename='spectrum/spectrum.js')}}"></script>
<script src="{{url_for('static',filename='download/download.min.js')}}"></script>
<script src="{{url_for('static',filename='jszip/jszip.min.js')}}"></script>
<script src="{{url_for('static',filename='select2/select2.min.js')}}"></script>
<script src="{{url_for('static',filename='split/split.min.js')}}"></script>
<script src="{{url_for('static',filename='js-cookie/js.cookie.js')}}"></script>
<script src="{{url_for('static',filename='chartjs/Chart.min.js')}}"></script>
<script src="{{url_for('static',filename='chartjs/chartjs-plugin-labels.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lightgallery.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-thumbnail.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-zoom.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-rotate.min.js')}}"></script>

<script>
gAppName = "{{APP_NAME}}" ;
gAppVersion = "{{APP_VERSION}}" ;
gImagesBaseUrl = "{{url_for('static',filename='images')}}" ;
gAppConfigUrl = "{{url_for('get_app_config')}}" ;
gGetStartupMsgsUrl = "{{url_for('get_startup_msgs')}}" ;
gGetTemplatePackUrl = "{{url_for('get_template_pack')}}" ;
gGetAslRulebook2VoNoteTargetsUrl = "{{url_for('get_asl_rulebook2_vo_note_targets')}}" ;
gShowAslRulebook2VoNoteUrl = "{{url_for('show_asl_rulebook2_target',target='TARGET')}}" ;
gGetDefaultScenarioUrl = "{{url_for('get_default_scenario')}}" ;
gVehicleListingsUrl = "{{url_for('get_vehicle_listings',merge_common=1)}}" ;
gOrdnanceListingsUrl = "{{url_for('get_ordnance_listings',merge_common=1)}}" ;
gVehicleNotesUrl = "{{url_for('get_vehicle_notes')}}" ;
gOrdnanceNotesUrl = "{{url_for('get_ordnance_notes')}}" ;
gGetVaslPieceInfoUrl = "{{url_for('get_vasl_piece_info')}}" ;
gGetOnlineCounterImagesUrl = "{{url_for('get_online_counter_images')}}" ;
gGetScenarioIndexUrl = "{{url_for('get_scenario_index')}}" ;
gGetScenarioUrl = "{{url_for('get_scenario',scenario_id='ID')}}" ;
gGetScenarioCardUrl = "{{url_for('get_scenario_card',scenario_id='ID')}}" ;
gGetRoarScenarioIndexUrl = "{{url_for('get_roar_scenario_index')}}" ;
gAnalyzeVsavUrl = "{{url_for('analyze_vsav')}}" ;
gAnalyzeVlogsUrl = "{{url_for('analyze_vlogs')}}" ;
gUpdateVsavUrl = "{{url_for('update_vsav')}}" ;
gPrepareAsaUploadUrl = "{{url_for('prepare_asa_upload')}}" ;
gOnSuccessfulAsaUploadUrl = "{{url_for('on_successful_asa_upload',scenario_id='ID')}}" ;
gMakeSnippetImageUrl = "{{url_for('make_snippet_image')}}" ;
gGetProgramInfoUrl = "{{url_for('get_program_info')}}" ;
gHelpUrl = "{{url_for('show_help')}}" ;
</script>

<script src="{{url_for('static',filename='main.js')}}"></script>
<script src="{{url_for('static',filename='snippets.js')}}"></script>
<script src="{{url_for('static',filename='scenarios.js')}}"></script>
<script src="{{url_for('static',filename='scenario-upload.js')}}"></script>
<script src="{{url_for('static',filename='nat_caps.js')}}"></script>
<script src="{{url_for('static',filename='extras.js')}}"></script>
<script src="{{url_for('static',filename='simple_notes.js')}}"></script>
<script src="{{url_for('static',filename='vo.js')}}"></script>
<script src="{{url_for('static',filename='vo2.js')}}"></script>
<script src="{{url_for('static',filename='vassal.js')}}"></script>
<script src="{{url_for('static',filename='lfa.js')}}"></script>
<script src="{{url_for('static',filename='lfa-upload.js')}}"></script>
<script src="{{url_for('static',filename='LogFileAnalysis.js')}}"></script>
<script src="{{url_for('static',filename='turn_track.js')}}"></script>
<script src="{{url_for('static',filename='roar.js')}}"></script>
<script src="{{url_for('static',filename='sortable.js')}}"></script>
<script src="{{url_for('static',filename='user_settings.js')}}"></script>
<script src="{{url_for('static',filename='jQueryHandlers.js')}}"></script>
<script src="{{url_for('static',filename='utils.js')}}"></script>
<script src="{{url_for('static',filename='timer.js')}}"></script>

{%include "testing.html"%}

</html>
