{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>
 h2{
 font-size:16px;
 }
   ul.jstree-children li.jstree-leaf a i{
  display:none;
}
 </style>

{/literal}

<section class="content_area clearfix">
<h2>Monitoring & Evaluation</h2>
<span class="date">Date : {$actionReturn.seqdate}, Sequence No : {$actionReturn.seqnum}</span>

<div class="left_sidebar">
<h2>View Data</h2>
  <ul class="menu">
{foreach key=num item=item from=$actionReturn.files}
         {if !( $num == 0  || $num == 1 ) }
            {if ( $num == 2 ) }
    <li id="{$num}"><a style="cursor:pointer;" id="{$actionReturn.sqn}" name="Overall Objective">M & E Data</a></li>
    {/if}
    {/if}
  {/foreach}
   <li><a href="budget.php">Budget</a></li>
      <li><a href="graph.php">Overall Objective Graph</a></li>
            <li><a href="graph_program_purpose.php">Project Purpose Graph</a></li> 
             <li><a href="graph_budget.php">Budget Graph</a></li> 
      
   <li><a href="smmeforms.php">SMMEs and business service performance</a></li>
    </ul>
</div>

<div class="right_cntnt_sdebr" style="min-height:415px;">
  <div class="tree_structure">
 {if $obj->currentAction  ==  "Listing"}
            
      <h2>Download Documents</h2>          
    <div id="jstree">
    <ul>
      {if $actionReturn.data.sqn !=""}
      <li class="sequencenum" id="{$actionReturn.data.sqn}">{$actionReturn.data.sqn}
        <ul>
             {foreach key=num item=item from=$actionReturn.files}
         {if !( $num == 0  || $num == 1 ) }
             <li>
                 <a href="{$item} " target="_blank">{$item} &nbsp;&nbsp;&nbsp;<img src="{$smarty.const.CONST_SITE_ADDRESS}images/acrobat.gif" />  </a>
             </li>
             {/if}
              {/foreach}
       
        </ul>
      </li>
      {/if}
    </ul>
</div>
{/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 = $('li.sequencenum').attr('id');
         //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').attr('name');
       //alert(uid); exit;
       window.location.href = "{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}display_excel2.php?uid="+uid+"&sqn="+sheet_id;
       
    });
  });
  </script>
  {/literal}
  </div>
</div>



</section>

</div>
{call_footer}