{% extends "admin/base_site_nav.html" %}
{% load i18n odoo %}

{% block extra_user_context %}
<svg class="d-none">
    <defs>
        <g id="odoologo">
            <path style="fill: var(--bs-navbar-color)" d="m 166.205,250.621 c 10.126,0 19.689,2.016 28.683,6.046 8.992,4.031 16.898,9.458 23.721,16.279 6.821,6.822 12.248,14.782 16.279,23.876 4.031,9.1 6.046,18.813 6.046,29.147 0,10.34 -1.967,20.001 -5.891,28.993 -3.93,8.992 -9.254,16.899 -15.97,23.721 -6.72,6.821 -14.627,12.199 -23.721,16.124 -9.099,3.93 -18.915,5.892 -29.458,5.892 -10.339,0 -20.053,-1.86 -29.147,-5.581 -9.099,-3.722 -17.054,-8.939 -23.876,-15.659 -6.821,-6.716 -12.199,-14.622 -16.124,-23.722 -3.929,-9.094 -5.892,-19.017 -5.892,-29.768 0,-10.334 1.909,-20 5.736,-28.992 3.823,-8.992 9.147,-16.846 15.97,-23.565 6.821,-6.716 14.83,-12.094 24.031,-16.124 9.196,-4.031 19.07,-6.251 29.613,-6.667 z m -0.31,30.697 c -5.998,0 -11.734,1.139 -17.209,3.411 -5.479,2.277 -10.232,5.427 -14.264,9.458 -4.031,4.03 -7.238,8.735 -9.612,14.108 -2.379,5.378 -3.566,11.27 -3.566,17.674 0,5.998 1.188,11.735 3.566,17.21 2.374,5.479 5.581,10.286 9.612,14.419 4.031,4.137 8.784,7.393 14.264,9.767 5.475,2.379 11.211,3.566 17.209,3.566 5.993,0 11.73,-1.188 17.21,-3.566 5.475,-2.374 10.232,-5.63 14.264,-9.767 4.031,-4.133 7.233,-8.939 9.612,-14.419 2.374,-5.475 3.565,-11.212 3.565,-17.21 -0.62,-12.194 -4.961,-22.48 -13.022,-30.853 -8.063,-8.372 -18.504,-12.97 -31.318,-13.799 h -0.311 z"/>
            <path style="fill: var(--bs-navbar-color)" d="m 382.019,202.869 c 3.513,-0.204 6.821,1.191 9.923,4.186 3.101,2.999 4.65,6.255 4.65,9.768 V 325.66 c 0,10.131 -2.068,19.743 -6.201,28.837 -4.138,9.1 -9.719,17.055 -16.744,23.876 -7.03,6.822 -15.039,12.249 -24.031,16.279 -8.992,4.031 -18.45,6.047 -28.372,6.047 -10.131,0 -19.743,-1.962 -28.838,-5.892 -9.099,-3.925 -17.054,-9.303 -23.876,-16.124 -6.821,-6.821 -12.248,-14.777 -16.279,-23.876 -4.031,-9.094 -6.046,-18.809 -6.046,-29.147 0,-11.163 1.807,-20.979 5.426,-29.458 3.614,-8.474 9.041,-16.434 16.279,-23.876 v 0.311 c 7.646,-7.233 16.071,-12.714 25.271,-16.435 9.196,-3.721 18.653,-5.581 28.372,-5.581 5.785,0 12.66,0.93 20.62,2.791 7.956,1.86 15.863,5.479 23.722,10.853 v -45.892 c 0,-2.064 0.411,-4.031 1.24,-5.892 0.823,-1.86 1.909,-3.566 3.256,-5.116 1.342,-1.551 2.945,-2.738 4.806,-3.566 1.86,-0.823 3.722,-1.134 5.582,-0.93 z M 365.895,325.66 c 0,-5.581 -1.192,-11.057 -3.566,-16.435 -2.379,-5.373 -5.635,-10.179 -9.768,-14.418 -4.138,-4.235 -8.891,-7.598 -14.264,-10.078 -5.378,-2.48 -11.061,-3.721 -17.054,-3.721 -5.998,0 -11.734,1.191 -17.21,3.565 -5.479,2.379 -10.232,5.582 -14.264,9.613 -4.03,4.03 -7.238,8.788 -9.612,14.263 -2.379,5.48 -3.565,11.217 -3.565,17.21 0,6.201 1.187,11.991 3.565,17.364 2.374,5.378 5.582,10.078 9.612,14.108 4.031,4.031 8.784,7.238 14.264,9.612 5.476,2.379 11.212,3.566 17.21,3.566 5.993,0 11.676,-1.188 17.054,-3.566 5.373,-2.374 10.126,-5.581 14.264,-9.612 4.133,-4.03 7.389,-8.73 9.768,-14.108 2.373,-5.372 3.566,-11.162 3.566,-17.363 z"/>
            <path style="fill: var(--bs-navbar-color)" d="m 480.623,250.621 c 10.126,0 19.689,2.016 28.683,6.046 8.992,4.031 16.898,9.458 23.721,16.279 6.821,6.822 12.248,14.782 16.279,23.876 4.031,9.1 6.046,18.813 6.046,29.147 0,10.34 -1.967,20.001 -5.891,28.993 -3.93,8.992 -9.254,16.899 -15.97,23.721 -6.72,6.821 -14.627,12.199 -23.721,16.124 -9.099,3.93 -18.915,5.892 -29.458,5.892 -10.339,0 -20.053,-1.86 -29.147,-5.581 -9.099,-3.722 -17.054,-8.939 -23.876,-15.659 -6.821,-6.716 -12.199,-14.622 -16.124,-23.722 -3.929,-9.094 -5.892,-19.017 -5.892,-29.768 0,-10.334 1.909,-20 5.736,-28.992 3.823,-8.992 9.147,-16.846 15.97,-23.565 6.821,-6.716 14.83,-12.094 24.031,-16.124 9.196,-4.031 19.07,-6.251 29.613,-6.667 z m -0.31,30.697 c -5.998,0 -11.734,1.139 -17.209,3.411 -5.479,2.277 -10.232,5.427 -14.264,9.458 -4.031,4.03 -7.238,8.735 -9.612,14.108 -2.379,5.378 -3.566,11.27 -3.566,17.674 0,5.998 1.188,11.735 3.566,17.21 2.374,5.479 5.581,10.286 9.612,14.419 4.031,4.137 8.784,7.393 14.264,9.767 5.475,2.379 11.211,3.566 17.209,3.566 5.993,0 11.73,-1.188 17.21,-3.566 5.475,-2.374 10.232,-5.63 14.264,-9.767 4.031,-4.133 7.233,-8.939 9.612,-14.419 2.374,-5.475 3.565,-11.212 3.565,-17.21 -0.62,-12.194 -4.961,-22.48 -13.022,-30.853 -8.063,-8.372 -18.504,-12.97 -31.318,-13.799 h -0.311 z"/>
            <path style="fill: var(--bs-navbar-color)" d="m 638.142,250.621 c 10.126,0 19.689,2.016 28.683,6.046 8.992,4.031 16.898,9.458 23.721,16.279 6.821,6.822 12.248,14.782 16.279,23.876 4.031,9.1 6.046,18.813 6.046,29.147 0,10.34 -1.967,20.001 -5.891,28.993 -3.93,8.992 -9.254,16.899 -15.97,23.721 -6.72,6.821 -14.627,12.199 -23.721,16.124 -9.099,3.93 -18.915,5.892 -29.458,5.892 -10.339,0 -20.053,-1.86 -29.147,-5.581 -9.099,-3.722 -17.054,-8.939 -23.876,-15.659 -6.821,-6.716 -12.199,-14.622 -16.124,-23.722 -3.929,-9.094 -5.892,-19.017 -5.892,-29.768 0,-10.334 1.909,-20 5.736,-28.992 3.823,-8.992 9.147,-16.846 15.97,-23.565 6.821,-6.716 14.83,-12.094 24.031,-16.124 9.196,-4.031 19.07,-6.251 29.613,-6.667 z m -0.311,30.697 c -5.998,0 -11.734,1.139 -17.209,3.411 -5.479,2.277 -10.232,5.427 -14.264,9.458 -4.031,4.03 -7.238,8.735 -9.612,14.108 -2.379,5.378 -3.566,11.27 -3.566,17.674 0,5.998 1.188,11.735 3.566,17.21 2.374,5.479 5.581,10.286 9.612,14.419 4.031,4.137 8.784,7.393 14.264,9.767 5.475,2.379 11.211,3.566 17.209,3.566 5.993,0 11.73,-1.188 17.21,-3.566 5.475,-2.374 10.232,-5.63 14.264,-9.767 4.031,-4.133 7.233,-8.939 9.612,-14.419 2.374,-5.475 3.565,-11.212 3.565,-17.21 -0.62,-12.194 -4.961,-22.48 -13.023,-30.853 -8.062,-8.372 -18.503,-12.97 -31.317,-13.799 h -0.311 z"/>
        </g>
    </defs>
</svg>

{% odooContext as odoo_context %}
{% if not odoo_context.db or not odoo_context.url %}
    <li class="navbar-item" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom"
        style="position:relative" data-bs-title="{% trans "No odoo connection configured yet" %}" data-bs-offset="0,7">
        <a class="nav-link" href="{{request.prefix}}/data/common/parameter/?noautofilter&name__contains=odoo"
           style="position: relative; display: inline-block">
             <svg viewBox="90 200 623 200" width="3em">
                <use href="#odoologo"></use>
            </svg>
            <span
                class="fa fa-ban text-danger"
                style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; font-size: 2em">
        </span>
        </a>
        &nbsp;&nbsp;
    </li>
{% else %}
    <li class="navbar-item" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom"
        style="position:relative" data-bs-offset="0,7"
        data-bs-title="{% blocktrans with company=odoo_context.company db=odoo_context.db url=odoo_context.url %}Odoo connection<br>for company {{company}}<br>to database {{db}}{% endblocktrans %}">
        <a class="nav-link" href="{{odoo_context.url}}" target="_blank">
            <svg viewBox="90 200 623 200" width="3em">
                <use href="#odoologo"></use>
            </svg>
        </a>
    </li>
{% endif %}
{% endblock %}