{% extends "sphinx_rtd_theme/layout.html" %} {% block scripts %} {{ super() }}
<script
  type="text/javascript"
  src="{{ pathto('_static/js/ncs.js', 1) }}"
></script>
<script src="{{ pathto('_static/js/bootstrap.bundle.min.js', 1) }}"></script>
{% endblock %} {% block extrahead %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400&family=Noto+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link
  href="{{ pathto('_static/css/bootstrap.min.css', 1) }}"
  rel="stylesheet"
/>
<link
  rel="shortcut icon"
  href="{{ pathto('_static/images/favicon.ico', 1) }}"
/>
{% endblock %} {%- block sidebartitle %}

<a href="{{ pathto(root_doc|default(master_doc)) }}">
  {{ project }}
</a>

{%- if theme_subtitle %}
  <div class="ncs-subtitle">
    {{ theme_subtitle }}
  </div>
{%- endif %}

{%- if theme_display_version %}
  <div class="version">
    {{ version }}
  </div>
{%- endif %}

{%- include "searchbox.html" %}
{% endblock %}
{%- block extrabody %}
<svg xmlns="http://www.w3.org/2000/svg" style="position:absolute;width:0;height:0;overflow:hidden" aria-hidden="true" focusable="false">
  <symbol id="ico-prev" viewBox="0 0 24 24">
    <path fill="currentColor" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
  </symbol>
  <symbol id="ico-next" viewBox="0 0 24 24">
    <path fill="currentColor" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
  </symbol>
</svg>
{%- if theme_add_gtm|tobool %}
<!-- Google Tag Manager (noscript) -->
<noscript>
  <iframe src="https://www.googletagmanager.com/ns.html?id={{ theme_gtm_id }}"
  height="0"
  width="0"
  style="display:none;visibility:hidden">
  </iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
{%- endif %}

<div class="announcement{{ '-fixed' if theme_set_default_announcement|tobool else '' }}">
  {%- if theme_set_default_announcement|tobool %}
  {{ theme_default_announcement_message }}
  {%- endif %}
</div>
<div class="d-print-none ncs-header">
  <div class="container-xl ncs-header-top">
    <div class="row h-100 flex-nowrap">
      <div class="d-none d-md-block col-2">
        <div class="bg-white py-4 px-3 ml-2 ncs-header-logo">
          {%- if theme_logo_url %}
          <a href="{{ theme_logo_url }}" target="_blank" rel="noopener noreferrer">
          {%- endif %}
            <img
              class="ncs-header-logo"
              src="{{ pathto('_static/images/nordic-logo.png', 1) }}"
              alt=""
            />
          {%- if theme_logo_url %}
          </a>
          {%- endif %}
        </div>
      </div>
      <div
      class="col-8 col-md-6 pr-md-3 d-flex flex-column align-self-center justify-content-center me-auto ncs-header-search-col"
     >
     <a href="{{ pathto(root_doc|default(master_doc)) }}" class="ncs-techdocs-logo-link d-block mb-2 d-flex align-items-center gap-2">
      <img class="ncs-techdocs-logo" src="{{ pathto('_static/images/ncs-logo.svg', 1) }}" alt="" />
      <span class="ncs-techdocs-title">nRF Connect Docs</span>
    </a>
       <form class="w-100" action="{{ pathto('search') }}" method="get">
          <div class="form-group">
            <input
              type="text"
              name="q"
              class="ncs-search-input form-control"
              placeholder="Search our developer documentation data"
            />
          </div>
        </form>
      </div>
      {%- if not theme_standalone|tobool %}
      <div class="col-4 col-md-4 d-md-block px-3 py-3 ps-md-2 d-flex justify-content-end align-items-center flex-nowrap gap-3">
        <div class="dropdown">
          <button
            class="btn dropdown-toggle ncs-btn-versions"
            type="button"
            id="dropdownMenuButton1"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >
            <span class="ncs-btn-versions-label ncs-label-long">Versions</span>
            <span class="ncs-btn-versions-label ncs-label-short">Versions</span>
            <span id="ncsversion" class="ncs-btn-versions-version"></span>
          </button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"></div>
        </div>
        {%- if theme_addons_url %}
        <a href="{{ theme_addons_url }}"
        target="_blank"
        rel="noopener noreferrer"
        class="btn ncs-btn-header">
       <span class="ncs-label-long">nRF Connect SDK Add-ons</span>
       <span class="ncs-label-short">Add-ons</span>
       </a>
        {%- endif %}
        {%- if theme_bare_metal_url %}
        <a href="{{ theme_bare_metal_url }}"
        target="_blank"
        rel="noopener noreferrer"
        class="btn ncs-btn-header">
      <span class="ncs-label-long">{{ theme_bare_metal_label | default('nRF Connect SDK Bare Metal') }}</span>
      <span class="ncs-label-short">Bare Metal</span>
      </a>
        {%- endif %}
        {%- if theme_ncs_url %}
        <a href="{{ theme_ncs_url }}"
        target="_blank"
        rel="noopener noreferrer"
        class="btn ncs-btn-header">
          <span class="ncs-label-long">{{ theme_ncs_label | default('nRF Connect SDK Docs') }}</span>
          <span class="ncs-label-short">nRF Connect SDK Docs</span>
        </a>
        {%- endif %}
      </div>
    </div>
  </div>
  {% endif %} 
  {%- if not theme_standalone|tobool %}
  <div class="ncs-header-nav">
    <div class="container-xl">
      <div class="row">
        <div class="col col-12 d-flex justify-content-center">
          <nav class="navbar navbar-dark navbar-expand-lg p-0">
            <span class="navbar-brand d-block d-lg-none py-2 pl-1"
              >Documentation sets</span
            >
            <button
              class="navbar-toggler"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#navbarNavAltMarkup"
              aria-controls="navbarNavAltMarkup"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
              <ul class="navbar-nav">
                {%- for name, config in theme_docsets.items() %}
                <li class="nav-item {{ 'active' if name == theme_docset else '' }} py-1 px-3">
                  <a
                    class="nav-link"
                    href="{{ pathto('', 1) }}../{{ name }}/{{ config[1] }}.html"
                    >{{ config[0] }}</a
                  >
                </li>
                <li><hr class="dropdown-divider" /></li>
                {%- endfor %}
              </ul>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </div>

  {%- endif %}</div><div id="ncs-feedback-root" class="ncs-feedback-btn-placeholder" data-config-url="{{ pathto('_static/theme-config.json', 1) }}" data-page-title="{{ title | e }}" style="display: none;">  <a href="#" id="ncs-feedback-link" class="ncs-feedback-btn" title="Send feedback">    <span class="ncs-feedback-btn-icon" aria-hidden="true">★</span>    <span class="ncs-feedback-btn-text">Feedback</span>  </a></div><script>
    (function () {
      var root = document.getElementById('ncs-feedback-root');
      if (!root) return;
      var configUrl = root.getAttribute('data-config-url');
      if (!configUrl) return;
      if (configUrl.indexOf('http') !== 0) {
        configUrl = configUrl.startsWith('/') 
          ? (window.location.origin + configUrl) 
          : configUrl;
      }
      var link = document.getElementById('ncs-feedback-link');
      if (!link) return;
    

    
      fetch(configUrl, { cache: 'default' })
        .then(function (res) { return res.ok ? res.json() : Promise.reject(); })
        .then(function (config) {
          if (!config.feedback_email) return;
          var pageTitle = root.getAttribute('data-page-title') || document.title || '';
          var prefix = 'Customer Feedback - Nordic Developer Documentation Portal: ';
          var subject = prefix + (pageTitle || 'No title');
          var pageUrl = window.location.href;
          var pageTitle = root.getAttribute('data-page-title') || document.title || 'No title';
          var body = 'Topic is: ' + pageTitle + '\n\nYour comment is: \n\nThis is page URL: ' + pageUrl;
    
          var mailto = 'mailto:' + encodeURIComponent(config.feedback_email);
          var params = [];
          params.push('subject=' + encodeURIComponent(subject));
          params.push('body=' + encodeURIComponent(body));
          mailto += '?' + params.join('&');
    
          link.href = mailto;
          root.style.display = '';
          link.addEventListener('click', function (e) {
            e.preventDefault();
            if (link.href && link.href.indexOf('mailto:') === 0) {
              window.location.href = link.href;
            }
          });
        })
        .catch(function () {});
    })();
    </script>{% endblock %}