
<div class="dialog share-overlay" layout="dialog" layout-id="client-update" id="client_update" topmost="true">

  <!-- dialog header -->
  <div class="content-head">
    <%= image_tag("content/icon_alert.png",  :height => '24', :width => '24', :class => "content-icon") %><h1>alert</h1>
  </div>


  <div class="dialog-inner">
      <!-- contents are replaced during update flow -->
  </div>
  <!-- end right column -->
  <br clear="all">

</div>

<script type="text/template" id="template-update-start">
  <div class="left w20"><%= image_tag("content/icon_information_big.png", :height => '80', :width => '80') %></div>

  <div class="left w80">There is a new version of the JamKazam application available, and you must allow the application to be updated prior to continuing. We apologize for any inconvenience.</div>

  <br clear="all">

  <div class="right">
    <!--<a class="button-grey close-application" href="#">CLOSE APPLICATION</a>&nbsp;--><a class="button-orange start-update" href="#">START UPDATE</a>
  </div>
</script>

<script type="text/template" id="template-update-downloading">
  <h2 align="center">Application update is downloading</h2>
  <br />

  <div class="progress-bar">
    <div id="progress-bar" class="progress-bar-progress"></div>
  </div>

  <br clear="all" /><br />


  <!--
  <div class="right">
    <a href="#" class="button-grey close-application">CANCEL AND CLOSE APPLICATION</a>
  </div>
  -->
</script>

<script type="text/template" id="template-update-proceeding">
    <h2 align="center">Application is Updating</h2>
    <br />

    <div class="progress-bar">
      <div class="progress-bar-progress w100"></div>
    </div>

    <br />
    <br />
    <div id="client-updater-updating" align="center">
      Please wait while the application updates.
      <div id='update-steps'></div>
      <!--
      Installation of update is about to start.<br />
      This application will close automatically in a moment.-->
    </div>
</script>

<script type="text/template" id="template-update-restarting">
  <h2 align="center">Application is Restarting</h2>
  <br />

  <div class="progress-bar">
    <div class="progress-bar-progress w100"></div>
  </div>

  <br />
  <br />
  <div align="center">
    {% if(data.os == 'MacOSX') { %}
      This application will close automatically in <span class="countdown-secs">{{data.countdown}}</span> {{data.countdown == 1 ? 'second' : 'seconds'}}.
      If it does not close, please restart it manually or download the latest JamKazam from <a class="open-downloads" href="/downloads" rel="external">our downloads page</a>.
    {% } else { %}
      The updater will launch automatically in <span class="countdown-secs">{{data.countdown}}</span> seconds.
      If you do not see a Windows updater, please restart it manually or download the latest JamKazam from <a class="open-downloads" href="/downloads" rel="external">our downloads page</a>.
    {% } %}
  </div>
</script>


<script type="text/template" id="template-update-error">
  <h2 align="center">Please Download to Update</h2>
  <br />

  <div align="center">
    <div class="download-manual">
    <p class="fix">Download the latest JamKazam from <a class="open-downloads" href="/downloads" rel="external">our downloads page</a>.</p>
    </div>
    <div class="error-detail">
    {{data.error_msg}}
    </div>
  </div>


  <!--
  <div class="right">
    <a href="#" class="button-grey close-application">CANCEL AND CLOSE APPLICATION</a>
  </div>
  -->
</script>