{{ header }}
<div id="information-information" class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
  <div class="row">
    {% if heading_title=="PC Builder" %}
     <img src="https://www.goldonecomputer.com/admin_customize/assets/images/customize.png" />
      <iframe src="https://www.goldonecomputer.com/admin_customize/public/customize" width="100%" frameborder="0" height="1000px" scrolling="no" style="overflow:hidden;" id='idIframe' onload="iframeLoaded()"></iframe>

      <script type="text/javascript">
        function iframeLoaded() {			
             var iFrameID = document.getElementById('idIframe');
            if(iFrameID) {
                  // here you can make the height, I delete it first, then I make it again
                  iFrameID.height = "";
                  var height = iFrameID.contentWindow.document.body.scrollHeight
                  iFrameID.height = height + "px";
            }   
            
        }
        $( window ).resize(function() {
         iframeLoaded()
        });
		$(window).bind('beforeunload', function(){
          return 'Are you sure you want to leave/submit ?';
        })
      </script>
    {% else %}

      
    {{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}
      <h1 class="page-title">{{ heading_title }}</h1>
      {{ description }}{{ content_bottom }}</div>
    {{ column_right }}</div>
    {% endif %}
</div>
{{ footer }}