<!DOCTYPE html>
<html>
  <head>
    <!--
      data-i18n=Front
      data-i18n=Previous
      data-i18n=Cancel
      data-i18n=Back
      data-i18n=Editable
      data-i18n=Viewable
      data-i18n=New
      data-i18n=Save
      data-i18n=Proceed
      data-i18n=Add
      data-i18n=Filter
      data-i18n=Views
      data-i18n=Jump
      data-i18n=Delete
      data-i18n=Export
      data-i18n=Actions
      data-i18n=Cut
      data-i18n=Add
      data-i18n=Previous
      data-i18n=Next
      data-i18n=Loading
    -->
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title>FIF Header</title>

    <!-- renderjs -->
    <script src="rsvp.js" type="text/javascript"></script>
    <script src="renderjs.js" type="text/javascript"></script>
    <script src="handlebars.js" type="text/javascript"></script>
    <script src="gadget_global.js" type="text/javascript"></script>

    <!-- custom script -->
    <script src="fif_gadget_erp5_header.js" type="text/javascript"></script>

    <script id="header-title-link-template" type="text/x-handlebars-template"><a data-i18n="{{title}}" class="ui-btn ui-btn-icon-left ui-icon-{{icon}}" href="{{url}}">{{title}}</a></script>
    <script id="header-title-template" type="text/x-handlebars-template"><span data-i18n="{{title}}">{{title}}</span></script>

    <script id="header-link-template" type="text/x-handlebars-template">
       <a role="button" data-i18n="{{title}}" href="{{url}}" class="responsive ui-btn ui-icon-{{icon}} ui-btn-icon-left ui-first-child ui-last-child {{class}}">{{title}}</a>
    </script>

    <script id="header-button-template" type="text/x-handlebars-template">
       <form><button name='{{name}}' data-i18n="{{title}}" type='submit' class='responsive ui-btn ui-icon-{{icon}} ui-btn-icon-left ui-first-child ui-last-child {{class}}'>{{title}}</button></form>
    </script>

    <script id="sub-header-template" type="text/x-handlebars-template">
        {{#each sub_header_list}}
          <li class="ui-block-{{block}}"><a href="{{url}}" data-i18n="{{title}}" class="ui-btn ui-btn-icon-top ui-icon-{{icon}} {{class}}">{{title}}</a></li>
        {{/each}}
    </script>

  </head>
  <body>

  <div data-role="header" data-theme="a" class="ui-header ui-bar-a" data-position="fixed" data-tap-toggle="false">

    <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">
      <div class="ui-controlgroup-controls">
      </div>
    </div>

    <h1 class="ui-title"></h1>

    <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
      <div class="ui-controlgroup-controls">
      </div>
    </div>
    <!-- ROQUESUBHEADER -->
    <div class="ui-navbar ui-subheader ui-grid-container ui-body-a" role="navigation">
			<ul class="ui-grid-d">
			</ul>
		</div>
    <!-- ROQUESUBHEADER -->
  </div>

  </body>
</html>