<?php session_start();
if(empty($_SESSION['id'])):
header('Location:../index.php');
endif;
if(empty($_SESSION['branch'])):
header('Location:../index.php');
endif;

?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Customer Payment | <?php include('../dist/includes/title.php');?></title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="../plugins/select2/select2.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
    <style>
      img.profile_pic {
    width: 152px;
    height: 125px;
    border: 5px solid #ccc;
}
    </style>
 </head>
  <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
  <body class="hold-transition skin-<?php echo $_SESSION['skin'];?> layout-top-nav">
    <div class="wrapper">
      <?php include('../dist/includes/header.php');
      include('../dist/includes/dbcon.php');
      ?>
      <!-- Full Width Column -->
      <div class="content-wrapper">
        <div class="container">
          <!-- Content Header (Page header) -->
          <?php 
           $cid=$_REQUEST['cid'];
           $sid=$_REQUEST['sid'];
          ?>
          <section class="content-header">
            <h1>
              <a class="btn btn-lg btn-warning" href="account_summary.php?cid=<?php echo $cid;?>">Back</a>
              
            </h1>
            <ol class="breadcrumb">
              <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
              <li class="active">Customer</li>
            </ol>
          </section>

          <!-- Main content -->
          <section class="content">
            <div class="row">
	      <div class="col-md-3">
              <div class="box box-primary">
                <div class="box-body">
                  <!-- Date range -->
                  <form method="post" action="" enctype="multipart/form-data">
		  <?php
        
		      $query=mysqli_query($con,"select * from customer where cust_id='$cid'")or die(mysqli_error());
			       $row=mysqli_fetch_array($query);
		  ?>	
		    <img class = "profile_pic" src = "../dist/uploads/<?php echo $row['cust_pic'];?>">
                  <div class="form-group">
                    <label for="date">Customer Name</label>
                    <div class="input-group col-md-12">
                      <h3><?php echo $row['cust_last'].", ".$row['cust_first'];?></h3>
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->
		  
                  <div class="form-group">
                    <label for="date">Address</label>
                    <div class="input-group col-md-12">
                      <?php echo $row['cust_address'];?>
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->
                  <div class="form-group">
                    <label for="date">Contact</label>
                    <div class="input-group col-md-12">
                      <?php echo $row['cust_contact'];?>
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->
                  <div class="form-group">
                    <label for="date">Balance</label>
                    <div class="input-group col-md-12">
                      <h3><?php echo number_format($row['balance'],2);?></h3>
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->
                 
                 <a href="#" data-target="#teacherreg" data-toggle="modal" class="btn btn-block btn-warning"><i class="glyphicon glyphicon-plus-sign text-blue"></i>Add Payment</a>
				</form>	
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col (right) -->
            
            <div class="col-xs-9">
              <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                  <li class=""><a href="#fa-icons" data-toggle="tab" aria-expanded="true">PAYMENT FORM</a></li>
                </ul>
                <div class="tab-content">
                  <!-- Font Awesome Icons -->
                  
			<style>
.button {
  font: bold 16px Arial;
  text-decoration: none;
  background-color: #66FFB2;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
</style>			
				  
				  
				  
                  <div class="tab-pane active" id="fa-icons">
                                     <table id="" class="table table-bordered table-striped">
                  <thead>
                      <tr>
                        <th>TR #</th>
                        <th>Product</th>
                        <th>Qty</th>
                        <th>Price</th>
                        <th>Old Total</th>
						<th>Balance</th>
						<th>Date</th>
						<th>Status</th>
						<th>Action</th>
                        
                      </tr>
                    </thead>
                    <tbody>
<?php
    $sid=$_REQUEST['sid'];
   $query=mysqli_query($con,"select * from sales where sales_id='$sid'")or die(mysqli_error($con));
		$qty=0;$grand=0;$discount=0;
				while($row=mysqli_fetch_array($query)){
				$sales_id=$row['sales_id'];
				$cust_id=$row['cust_id'];
				
                $total=$row['amount_due'];
				$grand=$grand+$total;
                $discount=$discount+$row['discount'];
				
				$ggaga=$row['total'];
	 $partial1=$row['partial1'];
	  $partial2=$row['partial2'];
	   $partial3=$row['partial3'];
	   $partotal=  $partial1 +  $partial2 +  $partial3;
	$dave=$ggaga - $partotal;
				
				
				
				$mybranch=$row['branch_id'];
				if($mybranch == 1){
					$branch="GLASS";
				}else if($mybranch == 2){
					$branch="ROOF";
				}
			$query1=mysqli_query($con,"select * from customer where cust_id='$cust_id'")or die(mysqli_error($con));
        $row1=mysqli_fetch_array($query1);	
				
				
		$query2=mysqli_query($con,"select * from sales_details where sales_id='$sales_id'")or die(mysqli_error($con));
        $row2=mysqli_fetch_array($query2);
				$prod_id=$row2['prod_id'];
		$query3=mysqli_query($con,"select * from product where prod_id='$prod_id'")or die(mysqli_error($con));
        $row3=mysqli_fetch_array($query3);		
				
				
?>
            <tr>
			
            <td><?php echo $row['sales_id'];;?></td>
            <td><?php echo $row3['prod_name'];?></td>
           
            <td><?php echo $row2['qty'];?></td>
			<td><?php echo $row2['price'];?></td>
			 <td><?php echo $row['total'];?></td>
            <td style="font-size:18px;"><?php echo $dave;?></td>
         
								
            <td><?php echo date("M d, Y h:i a",strtotime($row['date_added']));?></td>    
			<td><?php 
                        if ($row['status']=='cash') 
                        echo "<span class='badge bg-green'> CASH </span> ";
                        else echo "<span class='badge bg-red'>Balance</span>";
                        ?></td>
		 <td>  <a href="#" data-target="#teacherreg" data-toggle="modal" class="btn btn-block btn-warning"><i class="glyphicon glyphicon-plus-sign text-blue"></i>Pay Balance</a></td>
 <?php }?>                          
                      </tbody>
                  
                  </table>
 
                  </div><!-- /#fa-icons -->

                </div><!-- /.tab-content -->
              </div><!-- /.nav-tabs-custom -->
            </div>
          </div><!-- /.row -->
	  
            
          </section><!-- /.content -->
        </div><!-- /.container -->
      </div><!-- /.content-wrapper -->
      <?php include('../dist/includes/footer.php');?>
    </div><!-- ./wrapper -->

<div id="teacherreg" class="modal fade in primary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" 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">×</button>
                        <h4 class="modal-title"><i class="glyphicon glyphicon-plus" style="font-size:30px;"></i>Add Payment for Balance Total of <?php echo $row1['balance'];?></h4>
                      </div>
                      <div class="modal-body">
					  
					  <?php
   $cid=$_REQUEST['cid'];
    $sid=$_REQUEST['sid'];
    $query4=mysqli_query($con,"select * from term natural join sales where cust_id='$cid' order by term_id desc limit 0,1")or die(mysqli_error($con));
      $row1=mysqli_fetch_array($query4);    
?>    
			  <form class="form-horizontal" method="post" action="payment_addbalance.php" enctype='multipart/form-data'>
                             <input type="hidden" class="form-control" id="tlast" name="cid" value="<?php echo $cid;?>">  
                               <input type="hidden" class="form-control" id="tlast" name="sid" value="<?php echo $sid;?>">  
                            
                             <div class="form-group">
                        				  <label class="control-label col-lg-3" for="tlast">Balance Payment Amount</label>
                        				  <div class="col-lg-8">
										  
										  <?php 
										  	$query1=mysqli_query($con,"select * from customer where cust_id='$cid'")or die(mysqli_error($con));
                                           $row1=mysqli_fetch_array($query1);	
										   $mypayment=$row1['balance']; 
										  ?>
                                    <input type="hidden" class="form-control" id="tlast" name="balance" value="<?php echo $row1['balance']; ?>">  
                                     <input type="text" class="form-control" id="tlast" name="amount" placeholder="Amount" required>  
				                           </div>
                             </div> 
                            
                      </div>       
                      <!--end of modal body-->
                      <div class="modal-footer">
			<button type="submit" name="save" class="btn btn-primary">Complete</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
                      </div>
               </div>
               
               <!--end of modal content-->
                </form>
           </div>
        </div>   
<!--end of teacherreg modal-->
    <!-- jQuery 2.1.4 -->
    <script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../plugins/select2/select2.full.min.js"></script>
    <!-- SlimScroll -->
    <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <!-- FastClick -->
    <script src="../plugins/fastclick/fastclick.min.js"></script>
    <!-- AdminLTE App -->
    <script src="../dist/js/app.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="../dist/js/demo.js"></script>
    <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
    
    <script>
      $(function () {
        $("#example1").DataTable();
        $('#example2').DataTable({
          "paging": true,
          "lengthChange": false,
          "searching": false,
          "ordering": true,
          "info": true,
          "autoWidth": false
        });
      });
    </script>
     <script>
      $(function () {
        //Initialize Select2 Elements
        $(".select2").select2();

        //Datemask dd/mm/yyyy
        $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
        //Datemask2 mm/dd/yyyy
        $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
        //Money Euro
        $("[data-mask]").inputmask();

        //Date range picker
        $('#reservation').daterangepicker();
        //Date range picker with time picker
        $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
        //Date range as a button
        $('#daterange-btn').daterangepicker(
            {
              ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
              },
              startDate: moment().subtract(29, 'days'),
              endDate: moment()
            },
        function (start, end) {
          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
        );

        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
          checkboxClass: 'icheckbox_minimal-blue',
          radioClass: 'iradio_minimal-blue'
        });
        //Red color scheme for iCheck
        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
          checkboxClass: 'icheckbox_minimal-red',
          radioClass: 'iradio_minimal-red'
        });
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
          checkboxClass: 'icheckbox_flat-green',
          radioClass: 'iradio_flat-green'
        });

        //Colorpicker
        $(".my-colorpicker1").colorpicker();
        //color picker with addon
        $(".my-colorpicker2").colorpicker();

        //Timepicker
        $(".timepicker").timepicker({
          showInputs: false
        });
      });
    </script>
  </body>
</html>
