var share_template = `

{{@if(it.login == true)}}

  <div class="container-fluid d-flex justify-content-center align-items-center vh-100">
    <div class="card p-4 shadow">
        <form>
            <h2 class="mb-3 text-center">Bitte das Passwort eingeben:</h2>
            <div class="mb-3">
                <label for="password" class="form-label"><b>Passwort</b></label>
                <input type="password" class="form-control" id="password" required>
            </div>
            {{@if(it.was_wrong == true)}}
              <p class="text-danger">Kennwort nicht korrekt!</p>
            {{/if}}

            <button class="btn btn-primary w-100 mt-2" onclick="shared_project_login()">Anmelden</button>
        </form>
    </div>
  </div>

{{#else}}

  <div class="container-fluid mw" >
    <div id="main_div" class="mb-5 p-5">
      {{it.htmlstuff | safe}}
    </div>
  </div>

{{/if}}



<script>

  {{@if(it.was_wrong == true)}}
    if(localStorage.getItem("share_pass") != "" && localStorage.getItem("share_pass") !== null ){
      localStorage.setItem("share_pass", "");
      location.reload();
    }else{
      localStorage.setItem("share_pass", "");
    }
  {{/if}}

  function shared_project_login(){

    var pw = $("#password").val();
    var shared_hash = '{{it.share_hash}}';

    if( shared_hash != "undefined" ){
      show_project("",shared_hash , pw );
    }
  }

  {{@if(it.login == true)}}
    if(localStorage.getItem("share_pass") != "" && localStorage.getItem("share_pass") !== null ){
      var pw = localStorage.getItem("share_pass");
      var shared_hash = '{{it.share_hash}}';

      show_project("",shared_hash , pw );
    }
  {{/if}}

</script>

`;