	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
       
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" type="text/css" href="<?php echo asset_url(); ?>plugins/select2/select2.css" />
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/DataTables/media/css/DT_bootstrap.css" />
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">


		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/datepicker/css/datepicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-daterangepicker/daterangepicker-bs3.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/jQuery-Tags-Input/jquery.tagsinput.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/summernote/build/summernote.css">

		<style type="text/css">
			.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
			    background-color: #428bca;
			    border-color: #357ebd;
			    border-top: 1px solid #357ebd;
			    color: white;
			    text-align: center;
			}

		</style>
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<a class="navbar-brand" href="index.html">
						CLIP<i class="clip-clip"></i>ONE
					</a>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
				<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
								<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										 Dashboard 
									</a>
								</li>
                                <li>
									<a href="#">
										 HW Sale 
									</a>
								</li>
                                
								<li class="active">
									Broker List
								</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">
												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							<div class="page-header">
								<h3>Broker Payment </h3>
							</div>

                            <p>Please use the table below to navigate or filter the results. </p>
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
							<?php if ($error ==1) {
								echo '<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">×</button>Purchase successfully added </div>';
							?>
							<script type="text/javascript">
									if (localStorage.getItem('poitems')) {
					                    localStorage.removeItem('poitems');
					                }
					                if (localStorage.getItem('podiscount')) {
					                    localStorage.removeItem('podiscount');
					                }
					                if (localStorage.getItem('tax_select')) {
					                    localStorage.removeItem('tax_select');
					                }
					                if (localStorage.getItem('poref')) {
					                    localStorage.removeItem('poref');
					                }
					                if (localStorage.getItem('powarehouse')) {
					                    localStorage.removeItem('powarehouse');
					                }
					                if (localStorage.getItem('ponote')) {
					                    localStorage.removeItem('ponote');
					                }
					                if (localStorage.getItem('posupplier')) {
					                    localStorage.removeItem('posupplier');
					                }
					                if (localStorage.getItem('supplier')) {
					                    localStorage.removeItem('supplier');
					                }
					                if (localStorage.getItem('poextras')) {
					                    localStorage.removeItem('poextras');
					                }
					                if (localStorage.getItem('podate')) {
					                    localStorage.removeItem('podate');
					                }
					                if (localStorage.getItem('postatus')) {
					                    localStorage.removeItem('postatus');
					                }
					                if (localStorage.getItem('poshipping')) {
					                    localStorage.removeItem('poshipping');
					                }

							</script>
							<?php } ?>
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Broker Payment  <button style="float:right;" class="btn btn-xs btn-info" onClick="click_broker_update_btn(<?php echo $details['broker_id']; ?>)" > Add New Broker Payment</button>
									
										<i class="fa fa-external-link-square"></i>
									Broker Payment  <button style="float:right;" class="btn btn-xs btn-danger" onClick="click_broker_deduction_btn(<?php echo $details['broker_id']; ?>)" >Add Deduction </button>
								</div>
								
			<div class="col-md-12">
			    				 <div id="printableArea">
              <div id="printableArea">
                <h3>Broker Commission Summay</h3>
                <div class="page-header"> </div>               
                <table class="table table-bordered table-condensed table-hover table-striped dataTable" id="">                
                  <tr>
                    <th width="50%">Broker Code</th>
                    <td width="50%"><div id="broker_code"><?php echo $details['broker_code'];?> </div></td>
                  </tr>
                  <tr>
                    <th width="50%">Broker Name</th>
                    <td width="50%"><div id="broker_name"> <?php echo $details['broker_name'];?></div></td>
                  </tr>
                  <tr>
                 <th>Total Commssion</th>
                    <td><div id="rout"><?php echo $commssion_total;?></div></td>
                  </tr>
                   <tr>
                <th>Commssion Deduction</th>
                    <td><div id="rout"><?php echo $deduction_total;?></div></td>
                  </tr>
                   <tr>
                 <th>Paid Commssion</th>
                    <td><div id="rout"><?php echo $paid_total;?></div></td>
                  </tr>
                   <tr>
                 <th>Balance Commssion</th>
                    <td><div id="rout"><?php echo ($commssion_total-$deduction_total)-$paid_total;?></div></td>
                  </tr>
                    <tr>
                 <th>Pending Authorization Commssion</th>
                    <td><div id="rout"><?php echo $pending_auth_commssion;?></div></td>
                  </tr>
                  
                 
                 
                  
                </table>
              </div>
            </div>
            </div>	
								
								<div class="panel-body">
								    <div id="error"></div>
									<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table">
										<thead>
								            <tr>
												<th>Pyment Ref</th>
												<th>Recipt No / Cheque No</th>
												<th>Pyment Date</th>
												<th>Paymet Type</th>
												<th>Payment By</th>
												<th>Remarks</th>
												<th>Amount</th>
								            </tr>
								        </thead>
								        <tfoot>
												<tr>
									            <th>Pyment Ref</th>
												<th>Recipt No / Cheque No</th>
												<th>Pyment Date</th>
												<th>Paymet Type</th>
												<th>Payment By</th>
												<th>Remarks</th>
												<th>Amount</th>
								            </tr>
								        </tfoot>
									</table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
							
							
								<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Broker Sale Commisiions  
								</div>
								<div class="panel-body">
								    <div id="error"></div>
									<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table2">
										<thead>
								            <tr>
												<th>Invoive No</th>
												<th>Date</th>
												<th>Product</th>
												<th>Product Commission</th>
												<th>Total Commsiion</th>
								            </tr>
								        </thead>
								        <tfoot>
												<tr>
											<th>Invoive No</th>
												<th>Date</th>
												<th>Product</th>
												<th>Product Commission</th>
												<th>Total Commsiion</th>
								            </tr>
								        </tfoot>
									</table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
							
								<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Broker Approval Pending Sale Commisiions  
								</div>
								<div class="panel-body">
								    <div id="error"></div>
									<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table3">
										<thead>
								            <tr>
												<th>Invoive No</th>
												<th>Date</th>
												<th>Product</th>
												<th>Product Commission</th>
												<th>Total Commsiion</th>
													<th>Action</th>
								            </tr>
								        </thead>
								        <tfoot>
												<tr>
											<th>Invoive No</th>
												<th>Date</th>
												<th>Product</th>
												<th>Product Commission</th>
												<th>Total Commsiion</th>
												<th>Action</th>
								            </tr>
								        </tfoot>
									</table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
							
								<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Broker Sale Commisiions Deductions  
								</div>
								<div class="panel-body">
								    <div id="error"></div>
									<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table4">
										<thead>
								            <tr>
												<th>Deduction Ref</th>
												<th>Recipt No </th>
												<th>Deduction Date</th>
												<th>Deduction Type</th>
												<th>Deduction By</th>
												<th>Remarks</th>
												<th>Amount</th>
								            </tr>
								        </thead>
								        <tfoot>
												<tr>
									           	<th>Deduction Ref</th>
												<th>Recipt No </th>
												<th>Deduction Date</th>
												<th>Deduction Type</th>
												<th>Deduction By</th>
												<th>Remarks</th>
												<th>Amount</th>
								            </tr>
								        </tfoot>
									</table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
							
							
							
							
							
							
							
							
						</div>
					</div>

                    <!-- end grid -->
                    
					
			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				2014 &copy; clip-one by cliptheme.
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<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">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->
		<script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/dataTables.bootstrap.min.js"></script>
        
          <script type="text/javascript" src="<?php echo asset_url(); ?>js/accounting.js"></script>
          <script type="text/javascript" src="<?php echo asset_url(); ?>js/accounting.min.js"></script>
        <script>
			jQuery(document).ready(function() {
				//TableData.init();
				products_load();
				products_load2();
				products_load3();
				products_load4();
			});


			function products_load() {

					    $('#products_table').DataTable({
					        "ajax": "<?php echo base_url('broker/get_paid_list_broker?broker_id='.$broker_id) ?>",
					        "bDestroy": true,
					        "iDisplayLength": 10,
							"order": [[ 0, "desc" ]], "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
				
                var pq = 0, sq = 0, bq = 0, pa = 0, grand_tot = 0, tech_tot = 0, parts_tot=0 , ser_tot=0;
				//alert(aaData.length);
				var ser_tot3=0;
				var ser_tot2=0;
				var ser_tot1=0;
				var ser_tot4=0;
				//var sales_rtn=0;
                for (var i = 0; i < aaData.length; i++) {
                   // p = (aaData[aiDisplay[i]][2]).split('__');
					ser_tot1 += parseFloat(aaData[[i]][6]);
                }
                var nCells = nRow.getElementsByTagName('th');
				nCells[6].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot1, "", 2, ",", ".")+' </div>';
            }
		 });
	}
	
		function products_load2() {

					    $('#products_table2').DataTable({
					        "ajax": "<?php echo base_url('broker/get_commssion_list_broker?broker_id='.$broker_id) ?>",
					        "bDestroy": true,
					        "iDisplayLength": 10,
							"order": [[ 0, "desc" ]], "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
				
                var pq = 0, sq = 0, bq = 0, pa = 0, grand_tot = 0, tech_tot = 0, parts_tot=0 , ser_tot=0;
				//alert(aaData.length);?broker_id='.$broker_id				var ser_tot3=0;
				var ser_tot2=0;
				var ser_tot1=0;
				var ser_tot4=0;
				//var sales_rtn=0;
                for (var i = 0; i < aaData.length; i++) {
                   // p = (aaData[aiDisplay[i]][2]).split('__');
					ser_tot1 += parseFloat(aaData[[i]][4]);
                }
                var nCells = nRow.getElementsByTagName('th');
				nCells[4].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot1, "", 2, ",", ".")+' </div>';
            }
		 });
	}
	
		function products_load3() {

					    $('#products_table3').DataTable({
					        "ajax": "<?php echo base_url('broker/get_pending_commssion_list_broker?broker_id='.$broker_id) ?>",
					        "bDestroy": true,
					        "iDisplayLength": 10,
							"order": [[ 0, "desc" ]], "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
				
                var pq = 0, sq = 0, bq = 0, pa = 0, grand_tot = 0, tech_tot = 0, parts_tot=0 , ser_tot=0;
				//alert(aaData.length);?broker_id='.$broker_id				var ser_tot3=0;
				var ser_tot2=0;
				var ser_tot1=0;
				var ser_tot4=0;
				//var sales_rtn=0;
                for (var i = 0; i < aaData.length; i++) {
                   // p = (aaData[aiDisplay[i]][2]).split('__');
					ser_tot1 += parseFloat(aaData[[i]][4]);
                }
                var nCells = nRow.getElementsByTagName('th');
				nCells[4].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot1, "", 2, ",", ".")+' </div>';
            }
		 });
	}
	
	
		function products_load4() {

					    $('#products_table4').DataTable({
					        "ajax": "<?php echo base_url('broker/get_deduction_list_broker?broker_id='.$broker_id) ?>",
					        "bDestroy": true,
					        "iDisplayLength": 10,
							"order": [[ 0, "desc" ]], "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
				
                var pq = 0, sq = 0, bq = 0, pa = 0, grand_tot = 0, tech_tot = 0, parts_tot=0 , ser_tot=0;
				//alert(aaData.length);
				var ser_tot3=0;
				var ser_tot2=0;
				var ser_tot1=0;
				var ser_tot4=0;
				//var sales_rtn=0;
                for (var i = 0; i < aaData.length; i++) {
                   // p = (aaData[aiDisplay[i]][2]).split('__');
					ser_tot1 += parseFloat(aaData[[i]][6]);
                }
                var nCells = nRow.getElementsByTagName('th');
				nCells[6].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot1, "", 2, ",", ".")+' </div>';
            }
		 });
	}
					



function click_add_new_btn(){		
	var $modal = $('#ajax-modal');
	 $('body').modalmanager('loading');
			setTimeout(function () {
				$modal.load('<?php echo base_url("broker/create_broker?"); ?>', '', function () {
					$modal.modal();
					/*$(".search-select").select2({
				         placeholder: "Select a State",
				         allowClear: true
				    });*/
				});
			}, 1000);
}

					
					
function click_broker_update_btn(broker_id){		
	var $modal = $('#ajax-modal');
	 $('body').modalmanager('loading');
			setTimeout(function () {
				$modal.load('<?php echo base_url("broker/broker_payment_add?broker_id="); ?>'+broker_id, '', function () {
					$modal.modal();
					/*$(".search-select").select2({
				         placeholder: "Select a State",
				         allowClear: true
				    });*/
				});
			}, 1000);
}




function approval_broker_commsiion(id){
	jQuery.ajax({
		type: "POST",
		url: "<?php echo base_url().'broker/approval_broker_commsiion?id='?>"+id,
		cache: false,
		success: function(response)
		{
		    var obj = jQuery.parseJSON( response );
		    if ( obj.status == 1 ){
		        displayNotice('page','Successfully Allocated !!');
		        setTimeout(function(){
		           location.reload();
                }, 1000);
            }else{
                displayNotice('page','Previous batch not found. please enter new one !!');		  
				setTimeout(function(){
				    location.reload();
				}, 1000);
				
	    	}
	    }
	});
}

function click_broker_deduction_btn(broker_id){		
	var $modal = $('#ajax-modal');
	 $('body').modalmanager('loading');
			setTimeout(function () {
				$modal.load('<?php echo base_url("broker/broker_diduction_add?broker_id="); ?>'+broker_id, '', function () {
					$modal.modal();
					/*$(".search-select").select2({
				         placeholder: "Select a State",
				         allowClear: true
				    });*/
				});
			}, 1000);
}




		</script>
	</body>
	<!-- end: BODY -->
</html>