<div class="header-top-menu">
    <ul class="nav navbar-nav notika-top-nav">
        <li class="nav-item nc-al"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                                      class="nav-link dropdown-toggle"><span><i
                class="notika-icon notika-alarm"></i></span>
        </a>
            <div role="menu" class="dropdown-menu message-dd task-dd animated zoomIn">
                <div class="hd-mg-tt">
                    <h2>Notifications</h2>
                </div>
                <div class="hd-message-info hd-task-info">
                    <div class="skill">
                        {% for ikr in coming_ikrs %}
                        <a href="{{ikr.get_absolute_url}}">
                            <div class="hd-message-sn">
                                <div class="hd-message-img">
                                    <img src="{% static 'image/truck.jpg' %}" alt="">
                                </div>
                                <div class="hd-mg-ctn">
                                    <h3>IKR № {{ ikr.number }}</h3>
                                    <p>{{ ikr.get_latest_shipment.info }}</p>
                                </div>
                            </div>
                        </a>
                        {% endfor %}
                    </div>
                </div>
                <div class="hd-mg-va">
                    <a href="{% url 'ikr:index' %}?status=1">View All</a>
                </div>
            </div>
        </li>

        <li class="nav-item nc-al"><a  data-toggle="dropdown" role="button" aria-expanded="false"
                                      class="nav-link dropdown-toggle">
            <div class="spinner4 spinner-4"></div>
            <div class="ntd-ctn"><span>{{coming_ikrs.count}}</span></div>

            <div role="menu" class=" message-dd notification-dd animated zoomIn">
            </div>
        </a>
        </li>

    </ul>
</div>