<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminKW | Sales Maintenance</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 Sales Edit -->
    <div id="mdlEditSales" 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">&times;</span></button>
            <h4 class="modal-title">Edit Sales</h4>
          </div>
          <!-- form start -->
          <?php echo form_open('salesmaintenanceeditnew?transDate='.$selectedDate); ?>
          
          <input type="hidden" id="hdnRecordID" name="hdnRecordID" />

          <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-12">
                <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">
                <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>Category</label>
                  <input type="text" class="form-control" id="cmbCategory" name="cmbCategory" readonly >
                </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" readonly >
                </div>
              </div>
            </div>
            <p><small>NOTE: When you change this category, model number will reset. Make sure to update model number too.</small></p>
            <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-3 col-xs-7">
                <div class="form-group">
                  <label>Quantity</label>
                  <input type="number" class="form-control" id="txtQty" name="txtQty" readonly >
                </div>
              </div>
              <div class="col-lg-2 col-xs-5">
                <div class="form-group">
                  <label>Qty to 0</label>
                  <button type="button" class="btn btn-default form-control" id="btnSetQtyToZero" name="btnSetQtyToZero" onclick="setQtyToZero()">Set</button>
                </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&nbsp;</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 -->

    
    <!-- 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>&nbsp;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">&times;</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>&nbsp;<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>

          <?php echo form_open('salesmaintenancedeletenew?transDate='.$selectedDate, 'onsubmit="return confirm(\'You are about to delete an item. Proceed?\');"');  ?>
          <!-- 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">
                  <p>For cancelled transaction, edit the item and click button <b>Set</b> to set the quantity to zero and deduct the quantity in you branch ledger. Continue editing the rest of the value and click <b>Save Changes</b>.</p>
                  <p>If you clicked <b>Set</b> button and cancelled the editing, the quantity will not reflect right away. Refresh the page so that the quantity will show the latest value.</p>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-12">
                  <div class="table-responsive">
                    <table id="dtSalesList" class="table table-bordered table-striped">
                      <thead>
                        <th>Action</th>
                        <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><!-- /.box -->
          </form>

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 2.3.0
        </div>
        <strong>Copyright &copy; 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));
      }

      $(document).on("click", "#btnEditSales", function(){
        $("#hdnRecordID").val($(this).data("recordid"));
        $("#txtInvoiceNo").val($(this).data("invoicenum"));
        $("#cmbTransType").val($(this).data("transtype")).change();
        $("#txtCustomer").val($(this).data("custname"));
        $("#cmbCategory").val($(this).data("catcode")).change();
        $("#txtModelNo").val($(this).data("modelno"));
        $("#txtQty").val($(this).data("qty"));
        $("#txtPrice").val($(this).data("price"));
        $("#txtCash").val($(this).data("cash"));
        $("#txtDollar").val($(this).data("dollar"));
        $("#txtCheck").val($(this).data("checque"));
        $("#txtCard").val($(this).data("creditcard"));
        $("#txtBankShare").val($(this).data("bankshare"));
        $("#cmbWTaxOptn").val($(this).data("wtaxoption")).change();
        $("#txtRemarks").val($(this).data("remarks"));

        amountPaidSummation();
      });

      function setQtyToZero()
      {
        $.post("setmaintenancenewsetqtyto0", 
        {recordID:$("#hdnRecordID").val()}, 
        function(data){
          if(data["success"] == true)
          {
            $("#txtQty").val(data["data"]);
            $("#btnSetQtyToZero").prop("disabled", true);
          }
        }, 
        "json");
      }
    </script>
  </body>
</html>
