{% if expectation_suite_name %}
  {% set expectation_suite_name_dot_count = expectation_suite_name.count(".") -%}
{% endif %}

{% if "ValidationResults" in renderer_type or "ProfilingResults" in renderer_type %}
  {% set home_url =  ((expectation_suite_name_dot_count + 4) * "../") + "index.html" -%}
  {% set static_images_dir = ((expectation_suite_name_dot_count + 4) * "../") + "static/images/" -%}
{% elif "ExpectationSuite" in renderer_type %}
  {% set home_url = ((expectation_suite_name_dot_count + 1) * "../") + "index.html" -%}
  {% set static_images_dir = ((expectation_suite_name_dot_count + 1) * "../") + "static/images/" -%}
{% elif "SiteIndex" in renderer_type %}
  {% set home_url = "#" -%}
{% endif %}

{% set static_images_dir = "https://great-expectations-web-assets.s3.us-east-2.amazonaws.com/" -%}

<nav class="navbar navbar-expand-md sticky-top border-bottom" style="height: 70px; background: white;">
  <div class="mr-auto">
    <nav class="d-flex align-items-center">
      <div class="float-left navbar-brand m-0 h-100"  style="margin-left: 16px;">
        <div style="display: flex; justify-content: center; align-items:center; margin-bottom: 24px; margin-top: 24px;">
           <svg width="32" height="32" viewBox="0 0 256 256" >
               <g id="kada_logo_256" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                   <g id="Group" transform="translate(35.000000, 35.000000)" fill="#212529">
                   <polygon id="Fill-48" points="62 152 34 125.920398 34 44 62 44"></polygon>
                   <polygon id="Fill-49" points="138 43 105.678422 43 90 67.1752911 109.285688 87"></polygon>
                   <polygon id="Fill-50" points="69 94.6627 118.551526 144 159 144 85.5271512 71"></polygon>
                   <path d="M92.9994991,15.0259319 C50.0042977,15.0259319 15.0259319,50.0052995 15.0259319,93.0005009 C15.0259319,135.995702 50.0042977,170.974068 92.9994991,170.974068 C135.994701,170.974068 170.974068,135.995702 170.974068,93.0005009 C170.974068,50.0052995 135.994701,15.0259319 92.9994991,15.0259319 M92.9994991,186 C41.7189989,186 0,144.281001 0,93.0005009 C0,41.7200006 41.7189989,0 92.9994991,0 C144.279999,0 186,41.7200006 186,93.0005009 C186,144.281001 144.279999,186 92.9994991,186" id="Fill-51"></path>
                   </g>
               </g>
           </svg>
          <p style="letter-spacing: 1.5px; margin: 0; margin-left: 8px; font-size: 20px;">KADA</p>
        </div>
      </div>
      {% if page_title %}
        <ol class="ge-breadcrumbs breadcrumb d-md-inline-flex bg-light ml-2 mr-0 mt-0 mb-0 pt-0 pb-0 d-none">
            <li class="ge-breadcrumbs-item breadcrumb-item"><a href="{{ home_url }}">Home</a></li>
            <li class="ge-breadcrumbs-item breadcrumb-item active" aria-current="page">{{page_title}}</li>
        </ol>
      {% endif %}
    </nav>
  </div>
</nav>
