{{#unless session.isAuthenticated}}
<div id="root" class="bg-gray8">
    {{ outlet }}
</div>
{{/unless}}
{{#if session.isAuthenticated}}
<div id="root" class="page-authorized page-dashboard {{if isShowAppBar "page-nav-top" ""}}">
    <div class="d-md-flex">
        {{#if isShowMenu }}
        <AppNavbar class="d-block" @privileges={{ sessionAccount.currentPrivilegeInfo }} />
        {{/if}}
        <section id="content" class="flex-grow-1">
            <div class="pull-to-refresh-material__control">
                <svg class="pull-to-refresh-material__icon" fill="#4285f4" width="24" height="24" viewBox="0 0 24 24">
                <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" />
                <path d="M0 0h24v24H0z" fill="none" />
                </svg>

                <svg class="pull-to-refresh-material__spinner" width="24" height="24" viewBox="25 25 50 50">
                <circle class="pull-to-refresh-material__path" cx="50" cy="50" r="20" fill="none" stroke="#4285f4" stroke-width="4" stroke-miterlimit="10" />
                </svg>
            </div>
            {{ outlet }}
        </section>
        {{#if isShowMenu }}
        <AppNavbarBottom />
        {{/if}}
    </div>
</div>
<button type="button" class="d-none" id="refreshButton" {{ action "refreshRoute"}}></button>
<script>
    $('.hino-fab-options-button').on('click', function(e) {
        e.preventDefault();
        $('.hino-fab-options-item').slideToggle();
    });

    pullToRefresh({
        container: document.querySelector("#content"),
        animates: ptrAnimatesMaterial,
        refresh() {
          return new Promise(resolve => {
            $("#refreshButton").trigger("click");
            setTimeout(resolve, 3000)
          })
        }
    });
</script>
{{#if isShowAppUpdate }}
<div class="modal show d-block" id="modal-app-update" role="dialog">
  <div class="modal-dialog popup-app-update">
    <div class="modal-content">
      <div class="modal-header">
          <h5 class="modal-title" id="messageModalLabel">
            Application Update Available
          </h5>
          <button type="button" class="close d-none" data-dismiss="modal" aria-label="Close" {{ action "closePopup" }}>
            <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
        <h4>An update for this application is available</h4>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-secondary float-left d-none" data-dismiss="modal" {{ action "closePopup" }}>Later</button>
          <button type="button" class="btn btn-primary btn-hino-red-darker" {{ action "goToStore" }}>Update</button>
      </div>
    </div>
  </div>
</div>
<div class="modal-backdrop show"></div>
{{/if}}
{{/if}}