extends layout
block content
    include imports.pug
    <div id='app'>
        <div class='row'>
            <div class='col-md-10 col-xs-12 col-sm-12'>
                <p>!{strings.index.prompt}</p>
                <vue-easymde v-model='text' :options='easyMDEOpts'></vue-easymde>
                <button :disabled='!text' v-on:click='getTempURL' class='btn btn-primary getbtn'>!{strings.index.generate}</button>

                <transition name='fade'>
                    <p v-if='enurl'>
                        | !{strings.index.shareprompt}
                        | <span id='enurl'>
                        | {{ enurl }}
                        | <button v-on:click='copyTempURL' class='btn btn-sm'>
                        |   <i class='fa' :class='copyicon'></i>
                        | </button></span>
                    </p>
                </transition>
                hr
                <p>!{strings.index.info}</p>
            </div>
        </div>
    </div>
    //- modal
    <div id='modal'>
        <div id='mmodal' class='modal'>
          <div class='modal-dialog' role='document'>
            <div class='modal-content'>
              <div class='modal-header'>
                <h5 class='modal-title'>{{ tr(title) }}</h5>
                <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
                  <span aria-hidden='true'>&times;</span>
                </button>
              </div>
              <div class='modal-body' v-html='tr(msg)'>
              </div>
              <div class='modal-footer'>
                <button type='button' class='btn btn-primary' data-dismiss='modal'>{{ tr('&lt;close&gt;') }}</button>
              </div>
            </div>
          </div>
        </div>
    </div>
    //- Export translations for modal
    script.
        var dynstrs = {
            '<close>':  '!{strings.index["<close>"]}',
            '<info>':   '!{strings.index["<info>"]}',
            '<error>':  '!{strings.index["<error>"]}',
            '<none>':   '!{strings.index["<none>"]}',
            '<loading>':'!{strings.index["<loading>"]}',
            '<failed>': '!{strings.index["<failed>"]}',
            '<neterr>': '!{strings.index["<neterr>"]}',
            '<unknerr>':'!{strings.index["<unknerr>"]}'
        };
        tr = function(str) {
            var test = new RegExp(Object.keys(dynstrs).join('|'), 'g');
            return str.replace(test, function(key) {
                return dynstrs[key];
            })
        };
    script(src=base_path+'javascripts/a.js')