Merge pull request 'added new sales transaction page' (#4) from paulcortezl5 into main
Reviewed-on: #4pull/5/head
commit
699eb6c1d6
@ -1,402 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<title>AdminKW | Sales</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="adminlte/bootstrap/css/bootstrap.min.css">
|
|
||||||
<!-- Font Awesome -->
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
|
||||||
<!-- Ionicons -->
|
|
||||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
|
||||||
<!-- bootstrap datepicker -->
|
|
||||||
<link rel="stylesheet" href="adminlte/plugins/datepicker/datepicker3.css">
|
|
||||||
<!-- Select2 -->
|
|
||||||
<link rel="stylesheet" href="adminlte/plugins/select2/select2.min.css">
|
|
||||||
<!-- DataTables -->
|
|
||||||
<link rel="stylesheet" href="adminlte/plugins/datatables/dataTables.bootstrap.css">
|
|
||||||
<!-- Theme style -->
|
|
||||||
<link rel="stylesheet" href="adminlte/dist/css/AdminLTE.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="adminlte/dist/css/skins/_all-skins.min.css">
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
</head>
|
|
||||||
<body class="hold-transition skin-blue sidebar-mini">
|
|
||||||
|
|
||||||
<!-- Modal Stock In -->
|
|
||||||
<div id="mdlSales" class="modal fade" role="dialog" aria-hidden="true">
|
|
||||||
<div class="modal-dialog">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
||||||
<span aria-hidden="true">×</span></button>
|
|
||||||
<h4 class="modal-title">Add New Sales</h4>
|
|
||||||
</div>
|
|
||||||
<!-- form start -->
|
|
||||||
<?php echo form_open('addSalesNew?transDate='.$selectedDate); ?>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-5 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Invoice No</label>
|
|
||||||
<input type="text" class="form-control" id="txtInvoiceNo" name="txtInvoiceNo" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-7 col-xs-8">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Customer Name</label>
|
|
||||||
<input type="text" class="form-control" id="txtCustomer" name="txtCustomer" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<!-- MAP & BOX PANE -->
|
|
||||||
<div class="box box-success">
|
|
||||||
<div class="box-header with-border">
|
|
||||||
<h3 class="box-title">Customer Assignment</h3>
|
|
||||||
<div class="box-tools pull-right">
|
|
||||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /.box-header -->
|
|
||||||
<div class="box-body no-padding">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.col -->
|
|
||||||
</div>
|
|
||||||
<!-- /.row -->
|
|
||||||
</div>
|
|
||||||
<!-- /.box-body -->
|
|
||||||
</div>
|
|
||||||
<!-- /.box -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Select Transaction Type</label>
|
|
||||||
<select id="cmbTransType" name="cmbTransType" class="form-control" style="width: 100%;">
|
|
||||||
<option value="salesTrans">Sales Transaction</option>
|
|
||||||
<option value="layawayDP">Layaway Deposit</option>
|
|
||||||
<option value="layawaySP">Layaway Subsequent Payment</option>
|
|
||||||
<option value="layawayFP">Layaway Full Payment</option>
|
|
||||||
<option value="others">Others (Repair, Sulda, Dorado, etc...)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h4>Item Information</h4>
|
|
||||||
<p><small>Enter item information. Value inside Item Price field is a price of an item after discount.</small></p>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-7 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Select Category</label>
|
|
||||||
<select id="cmbCategory" name="cmbCategory" class="form-control select2" style="width: 100%;" onchange="onCategoryChange()">
|
|
||||||
<?php if(isset($htmlCategoryList)) echo $htmlCategoryList; else echo "<option>none</option>" ?>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-5 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Model Number</label>
|
|
||||||
<input type="text" class="form-control" id="txtModelNo" name="txtModelNo" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-7 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Item Price</label>
|
|
||||||
<input type="number" class="form-control" id="txtPrice" name="txtPrice" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-5 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Quantity</label>
|
|
||||||
<input type="number" class="form-control" id="txtQty" name="txtQty" value="1" min="0" onwheel="this.blur()" step="0.25" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h4>Customer Payment</h4>
|
|
||||||
<p><small>Enter the amount paid by the customer in various mode of payment. Leave field as zero (0) if not applicable.</small></p>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-3 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Cash</label>
|
|
||||||
<input type="number" class="form-control" id="txtCash" name="txtCash" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Credit Card</label>
|
|
||||||
<input type="number" class="form-control" id="txtCard" name="txtCard" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Check</label>
|
|
||||||
<input type="number" class="form-control" id="txtCheck" name="txtCheck" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Dollar</label>
|
|
||||||
<input type="number" class="form-control" id="txtDollar" name="txtDollar" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-6 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Total Amount Paid</label>
|
|
||||||
<input type="text" class="form-control" id="txtTotalAmount" name="txtTotalAmount" value="0" readonly >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Balance </label><small>(Applicable with Layaway only)</small>
|
|
||||||
<input type="text" class="form-control" id="txtBalance" name="txtBalance" value="0" readonly >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h4>Bank and Tax Information</h4>
|
|
||||||
<p><small>Enter bank share and withholding tax information.</small></p>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-5 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Bank Share %</label>
|
|
||||||
<input type="number" class="form-control" id="txtBankShare" name="txtBankShare" value="0" min="0" onwheel="this.blur()" step="any" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-7 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>Withholding Tax</label>
|
|
||||||
<select id="cmbWTaxOptn" name="cmbWTaxOptn" class="form-control" style="width: 100%;">
|
|
||||||
<option value="0">Others</option>
|
|
||||||
<option value="1">Union Bank</option>
|
|
||||||
<option value="2">Debit Card</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<label>Remarks</label>
|
|
||||||
<textarea class="form-control" id="txtRemarks" name="txtRemarks" rows="3"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
||||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- /.modal-content -->
|
|
||||||
</div>
|
|
||||||
<!-- /.modal-dialog -->
|
|
||||||
</div>
|
|
||||||
<!-- /.modal -->
|
|
||||||
<!-- /.Modal Member Enrolment -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Place top bar here -->
|
|
||||||
|
|
||||||
<!-- Site wrapper -->
|
|
||||||
<div class="wrapper">
|
|
||||||
|
|
||||||
<header class="main-header">
|
|
||||||
<!-- Logo -->
|
|
||||||
<a href="<?php site_url(); ?>" class="logo">
|
|
||||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
|
||||||
<span class="logo-mini"><b>A</b>KW</span>
|
|
||||||
<!-- logo for regular state and mobile devices -->
|
|
||||||
<span class="logo-lg"><b><?php echo $this->session->user["branch"]; ?></b> Branch</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<?php $this->load->view('pages/topnav'); ?>
|
|
||||||
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- Left navigation -->
|
|
||||||
<?php $this->load->view('pages/leftnav'); ?>
|
|
||||||
|
|
||||||
<!-- Content Wrapper. Contains page content -->
|
|
||||||
<div class="content-wrapper">
|
|
||||||
<!-- Content Header (Page header) -->
|
|
||||||
<section class="content-header">
|
|
||||||
<h1>
|
|
||||||
Sales
|
|
||||||
<small>it all starts here</small>
|
|
||||||
</h1>
|
|
||||||
<ol class="breadcrumb">
|
|
||||||
<li><a href="<?php echo site_url(); ?>"><i class="fa fa-dashboard"></i> Home</a></li>
|
|
||||||
<li><a href="#">Examples</a></li>
|
|
||||||
<li class="active">Blank page</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Main content -->
|
|
||||||
<section class="content">
|
|
||||||
|
|
||||||
<?php
|
|
||||||
if(validation_errors() != "")
|
|
||||||
{
|
|
||||||
?>
|
|
||||||
<div class="alert alert-danger alert-dismissable">
|
|
||||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
||||||
<h4><i class="icon fa fa-ban"></i> Opppppps!</h4>
|
|
||||||
<?php echo validation_errors(); ?>
|
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
|
|
||||||
<div class="box box-info">
|
|
||||||
<div class="box-body">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<form method="get">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="transDate">Set Transaction Date</label> <small>Click Set Date after changing the transaction date.</small>
|
|
||||||
<div class="input-group">
|
|
||||||
<div class="input-group-addon">
|
|
||||||
<i class="fa fa-calendar"></i>
|
|
||||||
</div>
|
|
||||||
<input id="transDate" name="transDate" type="text" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask value="<?php echo $selectedDate; ?>">
|
|
||||||
<span class="input-group-btn">
|
|
||||||
<button class="btn btn-info btn-flat" type="submit">Set Date</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<!-- /.input group -->
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Default box -->
|
|
||||||
<div class="box">
|
|
||||||
<div class="box-header with-border">
|
|
||||||
<h3 class="box-title">Transasction Result for date <?php echo $selectedDate; ?></h3>
|
|
||||||
</div>
|
|
||||||
<div class="box-body">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<div class="table-responsive">
|
|
||||||
<table id="dtSalesList" class="table table-bordered table-striped">
|
|
||||||
<thead><th>Invoice</th>
|
|
||||||
<th>CatCode</th>
|
|
||||||
<th>ModelNo</th>
|
|
||||||
<th>Customer</th>
|
|
||||||
<th>Qty</th>
|
|
||||||
<th>Price</th>
|
|
||||||
<th>Payment</th>
|
|
||||||
<th>Tax Info</th>
|
|
||||||
<th>Layaway</th>
|
|
||||||
<th>Misc</th>
|
|
||||||
<th>Trans Type</th>
|
|
||||||
<th>Remarks</th>
|
|
||||||
<th>Date</th>
|
|
||||||
<th>Validated</th>
|
|
||||||
</thead>
|
|
||||||
<tbody><?php echo $htmlTableList; ?></tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div><!-- /.box-body -->
|
|
||||||
<div class="box-footer">
|
|
||||||
<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#mdlSales">Add New Sales</button>
|
|
||||||
</div><!-- /.box-footer-->
|
|
||||||
</div><!-- /.box -->
|
|
||||||
|
|
||||||
</section><!-- /.content -->
|
|
||||||
</div><!-- /.content-wrapper -->
|
|
||||||
|
|
||||||
<footer class="main-footer">
|
|
||||||
<div class="pull-right hidden-xs">
|
|
||||||
<b>Version</b> 2.3.0
|
|
||||||
</div>
|
|
||||||
<strong>Copyright © 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
|
|
||||||
</footer>
|
|
||||||
</div><!-- ./wrapper -->
|
|
||||||
|
|
||||||
<!-- jQuery 2.1.4 -->
|
|
||||||
<script src="adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
|
||||||
<!-- Bootstrap 3.3.5 -->
|
|
||||||
<script src="adminlte/bootstrap/js/bootstrap.min.js"></script>
|
|
||||||
<!-- InputMask -->
|
|
||||||
<script src="adminlte/plugins/input-mask/jquery.inputmask.js"></script>
|
|
||||||
<script src="adminlte/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
|
|
||||||
<script src="adminlte/plugins/input-mask/jquery.inputmask.extensions.js"></script>
|
|
||||||
<!-- datepicker -->
|
|
||||||
<script src="adminlte/plugins/datepicker/bootstrap-datepicker.js"></script>
|
|
||||||
<!-- DataTables -->
|
|
||||||
<script src="adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
|
|
||||||
<script src="adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
|
|
||||||
<!-- SlimScroll -->
|
|
||||||
<script src="adminlte/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
|
||||||
<script src="adminlte/plugins/fastclick/fastclick.min.js"></script>
|
|
||||||
<!-- AdminLTE App -->
|
|
||||||
<script src="adminlte/dist/js/app.min.js"></script>
|
|
||||||
<!-- Select2 -->
|
|
||||||
<script src="adminlte/plugins/select2/select2.full.min.js"></script>
|
|
||||||
<script>
|
|
||||||
$(function () {
|
|
||||||
//Initialize Select2 Elements
|
|
||||||
$(".select2").select2();
|
|
||||||
|
|
||||||
//Datemask dd/mm/yyyy
|
|
||||||
//$("#dtTransDate").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
|
|
||||||
$('.datepicker').datepicker({
|
|
||||||
format: 'mm/dd/yyyy'
|
|
||||||
});
|
|
||||||
|
|
||||||
//Money Euro
|
|
||||||
$("[data-mask]").inputmask();
|
|
||||||
|
|
||||||
$('#dtSalesList').DataTable({
|
|
||||||
"paging": true,
|
|
||||||
"lengthChange": false,
|
|
||||||
"searching": true,
|
|
||||||
"ordering": true,
|
|
||||||
"info": true,
|
|
||||||
"autoWidth": false
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function onCategoryChange()
|
|
||||||
{
|
|
||||||
$("#txtModelNo").val($('#cmbCategory').find(":selected").val() + "-");
|
|
||||||
}
|
|
||||||
|
|
||||||
function amountPaidSummation()
|
|
||||||
{
|
|
||||||
var totalAmount = parseFloat($("#txtCash").val()) + parseFloat($("#txtCard").val()) + parseFloat($("#txtCheck").val()) + parseFloat($("#txtDollar").val());
|
|
||||||
var balance = (parseFloat($("#txtPrice").val()) * parseFloat($("#txtQty").val())) - totalAmount;
|
|
||||||
|
|
||||||
$("#txtTotalAmount").val(totalAmount.toFixed(2));
|
|
||||||
$("#txtBalance").val(balance.toFixed(2));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -0,0 +1,357 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminKW | Email Sending</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="adminlte/bootstrap/css/bootstrap.min.css">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- bootstrap datepicker -->
|
||||||
|
<link rel="stylesheet" href="adminlte/plugins/datepicker/datepicker3.css">
|
||||||
|
<!-- Select2 -->
|
||||||
|
<link rel="stylesheet" href="adminlte/plugins/select2/select2.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="adminlte/dist/css/AdminLTE.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="adminlte/dist/css/skins/_all-skins.min.css">
|
||||||
|
|
||||||
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition skin-blue sidebar-mini">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Modal Customer Information -->
|
||||||
|
<div id="mdlCustomer" class="modal fade" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span></button>
|
||||||
|
<h4 class="modal-title">Assign Customer to Sales Transaction</h4>
|
||||||
|
</div>
|
||||||
|
<!-- form start -->
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtCustomerSearch">Customer Name</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" id="txtCustomerSearch" name="txtCustomerSearch">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="btn btn-info btn-flat" >Search</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||||
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.modal-content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.modal-dialog -->
|
||||||
|
</div>
|
||||||
|
<!-- /.modal -->
|
||||||
|
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
|
||||||
|
<header class="main-header">
|
||||||
|
<!-- Logo -->
|
||||||
|
<a href="<?php site_url(); ?>" class="logo">
|
||||||
|
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||||
|
<span class="logo-mini"><b>A</b>KW</span>
|
||||||
|
<!-- logo for regular state and mobile devices -->
|
||||||
|
<span class="logo-lg"><b><?php echo $this->session->user["branch"]; ?></b> Branch</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<?php $this->load->view('pages/topnav'); ?>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Left navigation -->
|
||||||
|
<?php $this->load->view('pages/leftnav'); ?>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<h1>
|
||||||
|
Add Sales
|
||||||
|
<small>it all starts here</small>
|
||||||
|
</h1>
|
||||||
|
<ol class="breadcrumb">
|
||||||
|
<li><a href="<?php echo site_url(); ?>"><i class="fa fa-dashboard"></i> Home</a></li>
|
||||||
|
<li><a href="<?php echo site_url(); ?>salesnew">Sales Transaction</a></li>
|
||||||
|
<li class="active">New Sales</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
<div class="box box-info">
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<form method="get">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="transDate">Set Transaction Date</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<div class="input-group-addon">
|
||||||
|
<i class="fa fa-calendar"></i>
|
||||||
|
</div>
|
||||||
|
<input id="transDate" name="transDate" type="text" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask value="<?= $selectedDate ?>">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-info btn-flat" type="submit">View Report</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- /.input group -->
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
|
||||||
|
<!-- /.box -->
|
||||||
|
|
||||||
|
<?php
|
||||||
|
if($this->input->get("transDate", true) != null)
|
||||||
|
{
|
||||||
|
?>
|
||||||
|
<form action="addSalesNew?transDate=<?= $selectedDate ?>" method="post" class="box">
|
||||||
|
<div class="box-header">
|
||||||
|
<h3>New Sales for date <?= $selectedDate ?></h3>
|
||||||
|
</div>
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Invoice No</label>
|
||||||
|
<input type="text" class="form-control" id="txtInvoiceNo" name="txtInvoiceNo" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtCustomer">Customer Name</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" id="txtCustomer" name="txtCustomer" disabled="true">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="btn btn-info btn-flat" data-dismiss="modal" data-toggle="modal" data-target="#mdlCustomer">Customer Info</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Select Transaction Type</label>
|
||||||
|
<select id="cmbTransType" name="cmbTransType" class="form-control" style="width: 100%;">
|
||||||
|
<option value="salesTrans">Sales Transaction</option>
|
||||||
|
<option value="layawayDP">Layaway Deposit</option>
|
||||||
|
<option value="layawaySP">Layaway Subsequent Payment</option>
|
||||||
|
<option value="layawayFP">Layaway Full Payment</option>
|
||||||
|
<option value="others">Others (Repair, Sulda, Dorado, etc...)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4>Item Information</h4>
|
||||||
|
<p><small>Enter item information. Value inside Item Price field is a price of an item after discount.</small></p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Select Category</label>
|
||||||
|
<select id="cmbCategory" name="cmbCategory" class="form-control select2" style="width: 100%;" onchange="onCategoryChange()">
|
||||||
|
<?php if(isset($htmlCategoryList)) echo $htmlCategoryList; else echo "<option>none</option>" ?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Model Number</label>
|
||||||
|
<input type="text" class="form-control" id="txtModelNo" name="txtModelNo" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Item Price</label>
|
||||||
|
<input type="number" class="form-control" id="txtPrice" name="txtPrice" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Quantity</label>
|
||||||
|
<input type="number" class="form-control" id="txtQty" name="txtQty" value="1" min="0" onwheel="this.blur()" step="0.25" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4>Customer Payment</h4>
|
||||||
|
<p><small>Enter the amount paid by the customer in various mode of payment. Leave field as zero (0) if not applicable.</small></p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-3 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Cash</label>
|
||||||
|
<input type="number" class="form-control" id="txtCash" name="txtCash" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Credit Card</label>
|
||||||
|
<input type="number" class="form-control" id="txtCard" name="txtCard" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Check</label>
|
||||||
|
<input type="number" class="form-control" id="txtCheck" name="txtCheck" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Dollar</label>
|
||||||
|
<input type="number" class="form-control" id="txtDollar" name="txtDollar" value="0" min="0" onwheel="this.blur()" step="0.01" onchange="amountPaidSummation()" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Total Amount Paid</label>
|
||||||
|
<input type="text" class="form-control" id="txtTotalAmount" name="txtTotalAmount" value="0" readonly >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Balance </label><small>(Applicable with Layaway only)</small>
|
||||||
|
<input type="text" class="form-control" id="txtBalance" name="txtBalance" value="0" readonly >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4>Bank and Tax Information</h4>
|
||||||
|
<p><small>Enter bank share and withholding tax information.</small></p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Bank Share %</label>
|
||||||
|
<input type="number" class="form-control" id="txtBankShare" name="txtBankShare" value="0" min="0" onwheel="this.blur()" step="any" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Withholding Tax</label>
|
||||||
|
<select id="cmbWTaxOptn" name="cmbWTaxOptn" class="form-control" style="width: 100%;">
|
||||||
|
<option value="0">Others</option>
|
||||||
|
<option value="1">Union Bank</option>
|
||||||
|
<option value="2">Debit Card</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<label>Remarks</label>
|
||||||
|
<textarea class="form-control" id="txtRemarks" name="txtRemarks" rows="3"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer">
|
||||||
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
|
<a href="<?= site_url(); ?>salesnew?transDate=<?= $selectedDate ?>" class="btn btn-default">Back to Sales</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
?>
|
||||||
|
<div class="box">
|
||||||
|
<div class="box-body">
|
||||||
|
<a href="<?= site_url(); ?>salesnew?transDate=<?= $selectedDate ?>">Back to Sales</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</section><!-- /.content -->
|
||||||
|
</div><!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="pull-right hidden-xs">
|
||||||
|
<b>Version</b> 2.3.0
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
|
||||||
|
</footer>
|
||||||
|
</div><!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery 2.1.4 -->
|
||||||
|
<script src="adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||||
|
<!-- Bootstrap 3.3.5 -->
|
||||||
|
<script src="adminlte/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
<!-- InputMask -->
|
||||||
|
<script src="adminlte/plugins/input-mask/jquery.inputmask.js"></script>
|
||||||
|
<script src="adminlte/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
|
||||||
|
<script src="adminlte/plugins/input-mask/jquery.inputmask.extensions.js"></script>
|
||||||
|
<!-- datepicker -->
|
||||||
|
<script src="adminlte/plugins/datepicker/bootstrap-datepicker.js"></script>
|
||||||
|
<!-- SlimScroll -->
|
||||||
|
<script src="adminlte/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="adminlte/plugins/fastclick/fastclick.min.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="adminlte/dist/js/app.min.js"></script>
|
||||||
|
<!-- Select2 -->
|
||||||
|
<script src="adminlte/plugins/select2/select2.full.min.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
//Initialize Select2 Elements
|
||||||
|
$(".select2").select2();
|
||||||
|
|
||||||
|
//Datemask dd/mm/yyyy
|
||||||
|
//$("#dtTransDate").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
|
||||||
|
$('.datepicker').datepicker({
|
||||||
|
format: 'mm/dd/yyyy'
|
||||||
|
});
|
||||||
|
|
||||||
|
//Money Euro
|
||||||
|
$("[data-mask]").inputmask();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
function onCategoryChange()
|
||||||
|
{
|
||||||
|
$("#txtModelNo").val($('#cmbCategory').find(":selected").val() + "-");
|
||||||
|
}
|
||||||
|
|
||||||
|
function amountPaidSummation()
|
||||||
|
{
|
||||||
|
var totalAmount = parseFloat($("#txtCash").val()) + parseFloat($("#txtCard").val()) + parseFloat($("#txtCheck").val()) + parseFloat($("#txtDollar").val());
|
||||||
|
var balance = (parseFloat($("#txtPrice").val()) * parseFloat($("#txtQty").val())) - totalAmount;
|
||||||
|
|
||||||
|
$("#txtTotalAmount").val(totalAmount.toFixed(2));
|
||||||
|
$("#txtBalance").val(balance.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue