<div style='height:100%;margin: 5px; overflow:auto;' class='panel panel-default' id='{{divElementId}}-mainPanel'>
    <div ondrop="dropT(event, '{{divElementId}}')" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class='panel-heading' id='{{divElementId}}-panelHeading'>
        <button id='{{divElementId}}-ownMarker' class='btn btn-link btn-lg' style='padding: 2px; position: absolute;top: 1px;left: 0px;'><i class='glyphicon glyphicon-book'></i></button>
        <button id='{{divElementId}}-subscribersMarker' class='btn btn-link btn-lg' style='padding: 2px; position: absolute;top: 1px;left: 15px;'><i class='glyphicon glyphicon-bookmark'></i></button>
        <div class='row'>
            <div class='col-md-11' id='{{divElementId}}-panelTitle'>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<strong><span class='i18n' data-i18n-id='i18n_taxonomy'>Taxonomy</span></strong></div>
			<button id='{{divElementId}}-resetButton' class='btn btn-link' data-panel='{{divElementId}}' style='padding:2px'><i class='glyphicon glyphicon-repeat'></i></button> </div></div>
          <nav class="navbar navbar-default" role="navigation" style="min-height: 28px;border-radius: 0px;border-bottom: 1px lightgray solid;margin-bottom: 10px;">
		  <ul class="nav navbar-nav navbar-left" >
		  {{#if displaySyncTaxonomyStatus}}
		  <li class="dropdown" style="margin-bottom: 2px; margin-top: 2px;">
		   <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="padding-top: 2px; padding-bottom: 2px">
          	 <span id='{{divElementId}}-panelSyncTaxonomy'>
          	 	<span class="i18n" data-i18n-id="i18n_taxonomy_sync">Sync Taxonomy</span>:
          	 	<span class="i18n" data-i18n-id="i18n_on" id='displayTaxonomyStatus'>Off</span>
          	 </span>
          	 <b class="caret"></b></a>
          	 <ul class="dropdown-menu" role="menu" style="float: none;">
          	  <li>
          	  	<button class="btn btn-link" id='{{divElementId}}-TaxonomySyncTrue'>
          	  		<span class="i18n" data-i18n-id="i18n_on">On</span></button></li>
          	  <li>
          	  	<button class="btn btn-link" id='{{divElementId}}-TaxonomySyncFalse'>
          	  		<span class="i18n" data-i18n-id="i18n_off">Off</span></button></li>
          	 </ul>
          	 </li>
		  {{/if}}
		  <li class="dropdown" style="margin-bottom: 2px; margin-top: 2px;">
          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="padding-top: 2px; padding-bottom: 2px">
          	 <span id='{{divElementId}}-panelTitleDescendant'>
          	 	<span class="i18n" data-i18n-id="i18n_descendants_count">Descendants Count</span>:
          	 	<span class="i18n" data-i18n-id="i18n_on" id='{{divElementId}}-displayStatus'>On</span>
          	 </span>
          	 <b class="caret"></b></a>
          	 <ul class="dropdown-menu" role="menu" style="float: none;">
          	  <li>
          	  	<button class="btn btn-link" id='{{divElementId}}-descendantsCountTrue'>
          	  		<span class="i18n" data-i18n-id="i18n_on">On</span></button></li>
          	  <li>
          	  	<button class="btn btn-link" id='{{divElementId}}-descendantsCountFalse'>
          	  		<span class="i18n" data-i18n-id="i18n_off">Off</span></button></li>
          	 </ul>
          	 </li>
          	 </ul>
			 </nav>
            
			<div class='col-md-11 text-right'>

			
       
    </div>
    <div id='{{divElementId}}-taxonomyConfigBar' style='margin-bottom: 10px;'>       

    </div>
    <div ondrop="dropT(event, '{{divElementId}}')" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class='panel-body' style='height:100%' id='{{divElementId}}-panelBody'>
    </div>
</div>
<div class='modal fade' id='{{divElementId}}-configModal'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class='modal-header'>
                <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
                <h4 class='modal-title'><span class='i18n' data-i18n-id='i18n_options'>Options</span> ({{divElementId}})</h4>
            </div>
            <div class='modal-body' id='{{divElementId}}-modal-body'>
                <p></p>
            </div>
            <div class='modal-footer'>
                <button type='button' class='btn btn-danger' data-dismiss='modal'><span class='i18n' data-i18n-id='i18n_cancel'>Cancel</span></button>
                <button id='{{divElementId}}-apply-button' type='button' class='btn btn-success' data-dismiss='modal'><span class='i18n' data-i18n-id='i18n_apply_changes'>Apply changes</span></button>
            </div>
        </div>
    </div>
</div>