{{define "default_layout"}}
{{template "base_header" .}}
<div class="page">
  {{if .Sidebar}}
    <!--  BEGIN SIDEBAR  -->
    {{template "tabler_sidebar" .}}
    <!--  END SIDEBAR  -->
  {{end}}

  {{if .ShowTopbar}}
    <!-- BEGIN NAVBAR  -->
    {{template "tabler_navbar" .}}
    <!-- END NAVBAR  -->
  {{end}}

  <div class="page-wrapper{{if .WrapperFull}} page-wrapper-full{{end}}">
    <!-- BEGIN PAGE HEADER -->
    {{template "tabler_page_header" .}}
    <!-- END PAGE HEADER -->

    <!-- BEGIN PAGE BODY -->
    <main id="content" class="page-body">
      {{if .WrapperFull}}
      {{.Content}}
      {{else}}
      <div class="container-xl{{if .ContainerCentered}} my-auto{{end}}{{if .ContainerClass}} {{.ContainerClass}}{{end}}">
        {{if hasField . "Cards"}}
          <div class="row row-cards">
            {{range .Cards}}
            <div class="col-md-6 col-lg-4">
              {{template "tabler_card" .}}
            </div>
            {{end}}
          </div>
        {{else if hasField . "Tables"}}
          {{range .Tables}}
          <div class="card{{if .CardClass}} {{.CardClass}}{{end}}">
            {{template "tabler_table" .}}
          </div>
          {{end}}
        {{else if hasField . "FormElements"}}
          {{template "tabler_formelements_content" .FormElements}}
        {{else}}
        {{.Content}}
        {{end}}
      </div>
      {{end}}
    </main>
    <!-- END PAGE BODY -->

    <!-- BEGIN FOOTER -->
    {{template "tabler_footer" .}}
    <!-- END FOOTER -->
  </div>
</div>
{{template "base_footer" .}}
{{end}}