<?php
$html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
$headinclude
<meta name="keywords" content="$general[globalkeyword]" />
<link href="css/network.css" rel="stylesheet" type="text/css" />
<meta name="description" content="$general[globaldescr]" />
<title>$general[globaltitle] - Binary Tree</title>
<script type="text/javascript">
	function checkregform(obj){
		return confirm("$phrase[areyousure]");
	}
</script>

<style>
	#loading{font-size: 3em;}
</style>
</head>
<body class="no-skin">
$header

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="home">Home</a>
				</li>
				<li class="active">Binary Tree</li>
			</ul><!-- /.breadcrumb -->
		</div>
		<div class="page-content">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-30">
					<h3 class="title title-1">Binary Tree</h3>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6">Total Point Left : <b> $point_left</b></div>
				<div class="col-sm-6 total-point-right">Total Point Right : <b> $point_right</b></div>
			</div>
			<div style="width:100%; overflow-x:auto;">
				<div align="center" style="width:810px; margin:auto;">
					$downline
				</div>
			</div>
		</div>
	</div>
</div>
$footer
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">New Downline</h4>
      </div>
      <div class="modal-body" align="center">
		<i class="fa fa-spinner fa-spin" id="loading"></i>
		<div id="downline-list"></div>
      </div>
      <div class="modal-footer">
		<input type="hidden" id="parentid">
		<input type="hidden" id="level">
		<input type="hidden" id="position">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

<script type="text/javascript">
	$(function(){
		var opener;
		
		$("body").on("click", ".new", function(){
			var e = $(this);
			$.ajax({
				type: "POST",
				url: "network",
				data: "do=getPendingDownline",
				dataType: "json",
				success: function(data) {
					if(!data.err){
						$("#downline-list").html(data.list);
						$("#loading").hide();
						$("#downline-list").show();
						
						$("#parentid").val($(e).attr("data-parent"));
						$("#level").val($(e).attr("data-level"));
						$("#position").val($(e).attr("data-position"));
						
					}
				}
			});
		});
		
		$("body").on("click", ".chooseDownline", function(){
			var parentid = $("#parentid").val();
			var level = $("#level").val();
			var position = $("#position").val();
			var id = $(this).attr("data-target");
			
			if(parentid != "" && level != "" && position != "" && id != ""){
				if(!confirm("$phrase[areyousure]")){
					return false;
				}
				
				$("#downline-list").hide();
				$("#loading").show();
				
				$.ajax({
					type: "POST",
					url: "network",
					data: "do=setDownlinePosition&parentid="+parentid+"&level="+level+"&position="+position+"&id="+id,
					dataType: "json",
					success: function(data) {
						if(!data.err){
							/* $("#downline-list").html(data.list);
							$("#loading").hide();
							$("#downline-list").show();
							$(opener).parent().html(data.downline); */
							<if criteria="$is_expand">
							window.location.reload();
							<else>
							window.location.href = "network/$userid";
							</if>
						}
						/* $("#downline-list").html("");
						$("#myModal").modal("hide"); */
					}
				});
			}
			
			return false;
		});
		
		$("#myModal").on("show.bs.modal", function (e) {
			opener = $(e.relatedTarget);
		});
		
		$("#myModal").on("hidden.bs.modal", function () {
			$("#downline-list").html("");
			$("#loading").show();
			$("#downline-list").hide();
		});
	})
</script>

</body>
</html>';
?>