{{#partial "page"}}

{{~inject 'defaultRoomleHash' (lang 'custom.roomle.customizer.shelf-builder.button-1.hashcode')}}

<style>
  body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .page--roomle {
    height: 100vh;
    width: 100vw;
    position: relative;
  }

  .page-main {
    height: 100%;
    width: 100%;
    padding: 0;
  }

  .page-heading,
  .page-description,
  .breadcrumbs {
    display: none !important;
  }

  .logo-link {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
  }

  .logo-link img {
    height: 40px;
    width: auto;
  }
</style>

<div class="logo-link">
  <a href="/">
    <img src="/path-to-your-logo/logo.svg" alt="Home">
  </a>
</div>

<main class="page page--roomle">
    <div class="page-main">
        <div class="roomle-content-wrapper js-roomle-content-wrapper">
            <div class="roomle-type-container">
                {{#for 1 (lang 'custom.roomle.customizer.shelf-builder.button-total')}}
                    <a class="button button--secondary roomle-button" href="{{get 'url' (last ../breadcrumbs)}}?roomle={{lang (concat (concat 'custom.roomle.customizer.shelf-builder.button-' $index) '.hashcode')}}" data-roomle-product-type="{{lang (concat (concat 'custom.roomle.customizer.shelf-builder.button-' $index) '.product-type')}}" data-roomle-product-hashcode="{{lang (concat (concat 'custom.roomle.customizer.shelf-builder.button-' $index) '.hashcode')}}">{{lang (concat (concat 'custom.roomle.customizer.shelf-builder.button-' $index) '.button-text')}}</a>
                {{/for}}
            </div>
            <a href="#" class="room-unit-switch" data-inchfeet-text="Display 3D Model in Inches" data-cm-text="Display 3D Model in Centimeters">Display 3D Model in Centimeters</a>
            <div class="roomle__button-header">
                <button id="export-revit" class="button button--primary">Export Revit</button>
                <button id="export-to-AQ" class="button button--primary">Export to AQ</button>
            </div>
            <div id="roomle" class="roomle-container" data-builder-product-id="{{lang 'custom.roomle.builder-products.shelf-builder.id'}}" data-builder-part-list-opt="{{lang 'custom.roomle.builder-products.shelf-builder.part-list-opt'}}" data-builder-link-opt="{{lang 'custom.roomle.builder-products.shelf-builder.link-opt'}}"></div>
            <div class="loadingOverlay loadingOverlay--roomle-add"></div>
        </div>
    </div>
</main>

{{/partial}}

{{> layout/base}}