<ul id="contentActionMenus" 
    tal:define="menu view/menu"
    tal:condition="view/available"
    i18n:domain="plone">

    <li tal:repeat="menuItem menu">

        <dl class="actionMenu"
            tal:attributes="id menuItem/extra/id"
            tal:define="submenu menuItem/submenu"
            tal:omit-tag="menuItem/extra/hideChildren | nothing">
          <dt tal:define="state_class menuItem/extra/class | nothing;
                          state_class python:state_class and state_class or ''"
              tal:attributes="class string:actionMenuHeader label-${state_class}"
              tal:omit-tag="menuItem/extra/hideChildren | nothing">
            <a href="#"
               tal:omit-tag="not:menuItem/action"
               tal:attributes="href menuItem/action;
                               title menuItem/description"
               i18n:attributes="title;">
                <img width="16"
                     height="16"
                     tal:condition="menuItem/icon"
                     tal:attributes="src menuItem/icon;
                                     alt menuItem/description"
                     i18n:attributes="alt;"/>
                <span tal:content="menuItem/title"
                      i18n:translate="">
                    Title
                </span>
                <span tal:condition="menuItem/extra/stateTitle | nothing"
                      tal:attributes="class menuItem/extra/class | nothing"
                      tal:content="menuItem/extra/stateTitle"
                      i18n:translate="">
                    State title
                </span>
                <span class="arrowDownAlternative" 
                      tal:condition="not:menuItem/extra/hideChildren | not:submenu | nothing">&#9660;</span>
            </a>
          </dt>
          <dd class="actionMenuContent"
              tal:condition="not:menuItem/extra/hideChildren | not:submenu | nothing">
            <ul>
                <tal:block repeat="subMenuItem submenu">
                  <li tal:attributes="class subMenuItem/extra/separator">
                    <a href="#"
                       tal:condition="subMenuItem/action"
                       tal:attributes="href subMenuItem/action;
                                       title subMenuItem/description;
                                       id subMenuItem/extra/id | nothing;
                                       class subMenuItem/extra/class | nothing"
                       i18n:attributes="title">
                        <span tal:omit-tag=""
                          tal:condition="subMenuItem/selected"
                          >&bull;</span>
                        <img width="16"
                             height="16"
                             tal:condition="subMenuItem/icon"
                             tal:attributes="src subMenuItem/icon;
                                             alt subMenuItem/description"
                             i18n:attributes="alt;"/>
                        <span tal:content="structure subMenuItem/title"
                              i18n:translate=""
                              class="subMenuTitle">
                            Title
                        </span>
                    </a>
                    <div tal:condition="not:subMenuItem/action"
                         tal:attributes="id subMenuItem/extra/id | nothing;
                                         class subMenuItem/extra/class | nothing">
                        <span tal:omit-tag=""
                          tal:condition="subMenuItem/selected"
                          >&bull;</span>
                        <img width="16"
                             height="16"
                             tal:condition="subMenuItem/icon"
                             tal:attributes="src subMenuItem/icon;
                                             alt subMenuItem/description"
                             i18n:attributes="alt;"/>
                        <span tal:content="structure subMenuItem/title"
                              i18n:translate=""
                              class="subMenuTitle">
                            Title
                        </span>
                    </div>
                  </li>
                </tal:block>
            </ul>
          </dd>
        </dl>

    </li>

</ul>
