{call_header}
{assign var="actionReturn" value=$obj->actionReturn}
{literal}
 <link rel="stylesheet" href="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}library/jstree/themes/default/style.min.css" />
<style>
ul.jstree-children li.jstree-leaf a i{
  display:none;
}
</style>
{/literal}

<section class="content_area clearfix">
<div class="left_sidebar">
  <ul class="menu">
{*foreach key=num item=item from=$actionReturn.files*}
         {*if !( $num == 0  || $num == 1 ) *}
    <li id="{$num}"><a style="cursor:pointer;" id="{$actionReturn.sqn}">{$item}</a></li>
    {*/if*}
  {*/foreach*}
  <li><a href="budget.php" title="Click to see budget details">Budget</a></li>
      <li><a href="graph.php" title="Click to see Overall objective graph">Overall Objective Graph</a></li>
            <li><a href="graph_program_purpose.php" title="Click to see Project purpose graph">Project Purpose Graph</a></li> 
             <li><a href="graph_budget.php" title="Click to see Budget graph">Budget Graph</a></li> 
      
   <li><a href="smmeforms.php" title="Click to see SMMEs forms">SMMEs and business service performance</a></li>
    </ul>
</div>

    <div class="right_cntnt_sdebr" style="">
  <div class="tree_structure">
 {if $obj->currentAction  ==  "Listing"}
 
{if !$actionReturn.data} 
<br /><br />
 <h1 align="center">No documents in Archives</h1><br/>  

 {else}

   
 <h1>Download Monitoring & Evaluation Archives:</h1><br/>     

<div id="jstree">
 
    <ul>
      {foreach from=$actionReturn.data item=data key=year} 
      <li id="{$year}" title="Click arrow to view all documents">{$year}
        <ul>
             {foreach key=num item=item from=$data}
         {if !( $num == 0  || $num == 1 ) }
             <li>
                 <a href="{$item}" title="{$year}" target="_blank">{$item} &nbsp;&nbsp;&nbsp;<img src="{$smarty.const.CONST_SITE_ADDRESS}images/acrobat.gif" />  </a>
             </li>
             {/if}
              {/foreach}
        </ul>
      </li>
      {/foreach}
    </ul>
</div>
{/if}

{/if}
{literal}
  <!-- 4 include the jQuery library -->
  <script src="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}library/jstree/libs/jquery.js"></script>
  <!-- 5 include the minified jstree source -->
  <script src="{/literal}{$smarty.const.CONST_SITE_ADDRESS}library/{literal}jstree/jstree.min.js"></script>
  <script>
  $(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree();
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
      //console.log(data.selected);
    });
    //var parents = data.rslt.obj.parents("li");
    // 8 interact with the tree - either way is OK
    $('#jstree').bind('select_node.jstree', function(e,data) {
         var href = data.node.a_attr.href;
         var sqn = data.node.a_attr.title;
         //alert(sqn); exit;
         if(href.length == 2){
             alert("You have no permission to access the file")
         }
         if( href.length > 10 ){
            window.open("{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}psdp_docs.php?uid="+href+"&sqn="+sqn);
         }
    });
    
        $('ul.menu li').click(function() {
       //alert( this.id );
       var id = this.id;
       var sheet_id = $('#'+id+' a').attr('id');
       var uid = $('#'+id+' a').text();
       //alert(sheet_id); exit;
       window.open("{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}display_excel2.php?uid="+uid+"&sqn="+sheet_id);
       
    });
  });
  </script>
  {/literal}
  </div>
</div>



</section>

</div>
{call_footer}