@{
    ViewBag.Title = "StockTransferIn";
}








<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">
<link rel="stylesheet" type="text/css" href="../app-assets/vendors/css/hopscotch.css">

<script type="text/javascript" src="~/ProjectScript/Windowsprint.js"></script>


<script type="text/javascript" src="../Projectscript/StockTransferIn.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>
<script>

    //Print After Copy
    function PrintthisBill() {
        PrintthisBillWindows('StockIN', i, 'MAIN');
    }

</script>

<style>
    /*.form-control:disabled, .form-control[readonly] {
        background-color: white;
    }*/
    
</style>

<div class="myData" data-x="M103" />

<div id="Entry" style="margin-top:-12px;width:75%;margin-left:12.5%">
   
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header" >
                    <h4 class="card-title mb-0" style="font-weight:bold">Stock Transfer In</h4>
                </div>
                <div class="card-body"style="margin-top:-6px">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:15px;margin-top:-14px;"></div>
                                <form action="#">
                                    <div class="form-body" style="margin-right:18px;border-bottom:1px solid  #cccccc;border-top:1px solid  #cccccc;">
                                        <div class="row" style="background-color:#E0F3F4;margin-left:3px;width:100%;height:180px;margin-top:4px;margin-bottom:4px;">
                                            <div class="col-md-12">
                                                <div class="form-group" style="margin-left:9px;">
                                                    <br />
                                                    <div class="hopscotch-bubble animated tour-demo-tour" id="tour1" style="position: absolute; top: 65px; left:160px;display:none">
                                                        <div class="hopscotch-bubble-container" style="width: 280px; padding: 10px;">
                                                            <div class="hopscotch-bubble-content">
                                                                <h3 class="hopscotch-title">Search STIn Number Here.</h3>
                                                                <div class="hopscotch-content"></div>
                                                            </div>
                                                        </div>
                                                        <div class="hopscotch-bubble-arrow-container hopscotch-arrow up">
                                                            <div class="hopscotch-bubble-arrow-border"></div>
                                                            <div class="hopscotch-bubble-arrow"></div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <input type="hidden" id="stono" />
                                                        <label class="col-lg-1" style="font-weight:bold">STI No#<span class="danger" style="margin-left:2px;">*</span></label>
                                                        <div class="col-lg-11">
                                                            <div class="row">
                                                                <div class="col-md-1">
                                                                    <input type="text" id="STINo" class="form-control" disabled style="background-color:white;width:195%" onkeyup="">
                                                                </div>
                                                                <label class="col-lg-2 " style="margin-left:8%;font-weight:bold"> Location<span class="danger">*</span></label>
                                                                <div class="col-md-2">
                                                                    <select id="LocationIn" class="form-control" style="height:74%;margin-left:-60%"></select>
                                                                </div>
                                                                <label class="col-lg-2 text-lg-right" style="margin-left:-8%;font-weight:bold">Transfer From<span class="danger">*</span></label>
                                                                <div class="col-md-2 input-group">
                                                                        <select id="ToLocationIn" class="form-control" style=""></select>
                                                                            <div class="input-group-append" id="addProd">
                                                                                <button type="button" id="btntrnsfr" class="btn btn-outline-primary" style="height:100%" onclick="GetList(0)"><b>⇆</b></button>
                                                                            </div>
                                                                </div>
                                                                @*<div class="form-group">*@
                                                                <label class="col-lg-2 text-lg-center "  style="font-weight:bold">STI Date</label>
                                                                <div class="col-md-1 text-lg-left ">
                                                                    <input type="text" class="form-control" id="STIDate" style="width:198%;margin-left:-105%">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row" style="margin-top:-1px;">
                                                        <label class="col-lg-1"  style="font-weight:bold">Db.A/c<span class="danger">*</span></label>
                                                        <div class="col-lg-11">
                                                            <div class="row">
                                                                <div class="col-md-5">
                                                                    <table width="100%">
                                                                        <tr>
                                                                            <td width="29%">
                                                                                <input type="hidden" id="hiddendebit" />
                                                                                <input type="text" id="DebitAccountIn" class="form-control" onkeyup="checkDebitAccounttextempty(event)" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px">
                                                                            </td>
                                                                            <td width="71%">
                                                                                <input type="text" id="txtdacnt" maxlength="4" class="form-control" name="acnt1" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white;" disabled />
                                                                            </td>
                                                                        </tr>

                                                                    </table>
                                                                </div>

                                                                <label class="col-lg-2 text-lg-right"  style="font-weight:bold">Comments</label>
                                                                <div class="col-md-5">
                                                                    <textarea id="Comments" class="form-control" style="position:absolute;width:92.8%; height:230%;resize: none;"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="row" style="margin-top:10px;">
                                                                <label class="col-lg-1"  style="font-weight:bold">Cr.A/c<span class="danger">*</span></label>
                                                                <div class="col-lg-11">
                                                                    <div class="row">
                                                                        <div class="col-md-5">

                                                                            <table width="100%">
                                                                                <tr>
                                                                                    <td width="29%">
                                                                                        <input type="hidden" id="hiddenCredit" />
                                                                                        <input type="text" id="CreditAccountIn" class="form-control" onkeyup="checkCreditAccounttextempty(event)" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px">
                                                                                    </td>
                                                                                    <td width="71%">
                                                                                        <input type="text" id="txtcacnt" maxlength="4" class="form-control" name="acnt2" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white;" disabled />
                                                                                    </td>
                                                                                </tr>

                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>



                                    </div>
                                   <br/>                                   
                                    <div style="margin-left:0px;margin-right:0px;margin-top:-10px;">
                                        <div id="customView" class="jsgrid" style="height:auto;position: relative; width: 100%;border:solid 1px;border-color:#cccccc;border-bottom:1px solid #cccccc;overflow-x: auto;overflow-y: hidden;">
                                            <div class="jsgrid-grid-header jsgrid-header-scrollbar"style="width:100%;">
                                                <table class="jsgrid-table">
                                                    <tr class="jsgrid-header-row">
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:4%">SL#</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:6%">Code#</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:20%" display="none;">Description</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:6%">Unit</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:6%">Qty.</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:6%">Price</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%">Total</th>
                                                        <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:4%"><i class="icon-trash"></i></th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative;overflow-x: hidden;overflow-y:scroll;height:370px; width:100%;">
                                                <table class="jsgrid-table" id="tblStockTransferIn"></table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top:13px;margin-right:110px;">
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-md-8">
                                                </div>
                                                <input type="hidden" id="hiddenrow" />
                                                <div class="col-2">
                                                    <label class="col-lg text-lg-right" style="color:#00B5B8;font-weight:bold"><b>Grand Total</b> </label>
                                                </div>                                               
                                                <div class="col-md-2">
                                                    <input type="text" id="GrandTotal" class="form-control" style="text-align:center;width:180px;font-weight:bold" disabled">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <div class="text-right">
                                            <button type="button" style="width:100px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                            <button type="button" style="width:100px" id="btnlist" onclick="disabletext()" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>
                                            <button style="display:none" type="button" id="btnprint" onclick="PrintthisBill()" class="btn btn-primary btn-min-width mr-1 mb-1">Print <i class="ft-printer"></i></button>
                                              <button type="button" style="width:100px" id="btnnew" onclick="createnew()" class="btn btn-primary btn-min-width mr-1 mb-1">New<i class="ft-refresh-cw position-right"></i></button>
                                            <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="alertpopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog" role="document" style="top:25%">
        <div class="modal-content" style="width:600px">
            <form id="alertdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="placeholder"></div>
                        <div class="col-md-12" style="overflow:scroll;height:auto;width:100%;overflow:auto;">
                            <div class="swal2-icon swal2-success animate" style="display: block;"><span class="line tip animate-success-tip"></span> <span class="line long animate-success-long"></span><div class="placeholder"></div> <div class="fix"></div></div>
                            <br />
                            <h2 id="savealert" class="text-center"></h2>
                            <hr />
                        </div>
                    </div>
                    <div class="text-right">
                        <input type="button" class="btn btn-primary" value="Print" id="btnok">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="btncnclalrt">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade text-left show" id="iconForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px; display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" style="width:180%;height:700px; margin-left:-240px;border-color:green">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="myModalLabel17">Stock Details</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="($('#iconForm').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div id="View">
                <div class="modal-body">
                    <div id="div1" class="card-content collapse show" style="margin-top:-1%;margin-left:-1.4%;height:500px;overflow:auto;overflow-x:hidden;">
                        <div class="table-responsive">

                            <div style="width:98%;overflow-y:hidden;" class="card-body card-dashboard">
                                <table id="Stocklist" class="table table-striped table-bordered zero-configuration dataTable"></table>
                            </div>

                        </div>
                    </div>

                    
                    <input type="hidden" id="RowGet" />
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-outline-primary btn-lg" onclick="" value="View" id="btnview" style="height:45px;">
                    <input type="button" class="btn btn-outline-secondary btn-lg" onclick="($('#iconForm').hide())" value="close" style="height:45px;">
                </div>
            </div>
            <div id="add">
                <div class="modal-body">
                    <div id="div1" class="card-content collapse show" style="margin-top:-1%;margin-left:-1.4%;height:500px;overflow:auto;overflow-x:hidden;">
                        <div class="table-responsive">
                            <div style="width:100%;overflow-y:hidden;" class="card-body card-dashboard">
                                <table id="ListItem" class="table table-striped table-bordered base-style dataTable"></table>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="RowGet1" />
                </div>
               
                <div class="modal-footer">
                    <input type="button" class="btn btn-outline-secondary btn-lg" onclick="GetList(0)" value="Back" style="height:45px;">
                    <input type="button" id="btnaddtogrid" class="btn btn-outline-primary btn-lg" value="Add" style="height:45px;">                    
                </div>
            </div>
        </div>
    </div>
</div>



<div style="display:none"><input type="text" value="0" id="STONo" /></div>




                <script>

//copy
          $("#STINo").autocomplete({
        source: function (request, response) {
            var data = {};
            data.STInNo = $("#STINo").val();            
            data.DeptId = 1;
            $.ajax({
                url: '../Inventory/StockInnumberSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '3',
                            label: item.STInNo,
                            label1: item.FromLocationName,
                            label2: item.STInDate,
                            STInNo: item.STInNo,
                            LoginLocation: item.LoginLocation,
                            STInMainId:item.STInMainId,
                            TransferLocation: item.TransferLocation,
                            STInDate: item.STInDate,
                            DebitAccount: item.DebitAccount,
                            CreditAccount: item.CreditAccount,
                            Comments: item.Comments,
                            headers: ["STI No", "Transfer From","Date"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            $("#tblStockTransferIn tr").remove();
            var STInNo = ($('#STINo').val());
            var data = {};
            data.STInNo = ui.item.STInNo;
            $.ajax({
                type: "POST",
                url: "../../inventory/StockInnumberSearchgrid",
                data: data,
                success: function (result) {
                    if (data.STInNo != 0)
                        ShowStockTransferInGet(result.oList);
                }
            });
            $('#STINo').val(ui.item.STInNo);
            $('#LocationIn').val(ui.item.LoginLocation);            
            $('#ToLocationIn').val(ui.item.TransferLocation);
            $('#STIDate').val(ui.item.STInDate);
            $('#DebitAccountIn').val(ui.item.DebitAccount);
            $('#CreditAccountIn').val(ui.item.CreditAccount);
            $('#Comments').val(ui.item.Comments);
            $('#stono').val(ui.item.STInMainId);            
            $('#STIDate').prop('disabled', true);
            $('#DebitAccountIn').prop('disabled', true);
            $('#CreditAccountIn').prop('disabled', true);
            $('#Comments').prop('disabled', true);
        },
          });

          //Debit Account


          $("#DebitAccountIn").autocomplete({
              source: function (request, response) {
                  var data = {};
                  data.AccountDescription = $("#DebitAccountIn").val();
                  $.ajax({
                      url: '../Inventory/AccountNumberSearch',
                      type: "POST",
                      data: data,
                      dataType: "json",
                      success: function (data) {
                          response($.map(data, function (item) {
                              return ({
                                  ColCount: '-3',
                                  label: item.DebitAccount,
                                  label1: item.AccountDescription,
                                  DebitAccount: item.DebitAccount,
                                  AccountDescription: item.AccountDescription,
                                  AccountId: item.AccountId,
                                  headers: ["Account Code", "Account Name"]
                              })
                          }));
                      }
                  })
              },
              autoFocus: true,
              select: function (event, ui) {
                  $('#hiddendebit').val(ui.item.AccountId)
                  $('#DebitAccountIn').val(ui.item.DebitAccount);
                  $('#txtdacnt').val(ui.item.AccountDescription);
                  $("#CreditAccountIn").focus();
              },
          });

          //Credit Account

          $("#CreditAccountIn").autocomplete({
              source: function (request, response) {
                  var data = {};
                  data.AccountDescription = $("#CreditAccountIn").val();
                  $.ajax({
                      url: '../Inventory/AccountNumberSearch',
                      type: "POST",
                      data: data,
                      dataType: "json",
                      success: function (data) {
                          response($.map(data, function (item) {
                              return ({
                                  ColCount: '-3',
                                  label: item.DebitAccount,
                                  label1: item.AccountDescription,
                                  DebitAccount: item.DebitAccount,
                                  AccountDescription: item.AccountDescription,
                                  AccountId: item.AccountId,
                                  headers: ["Account Code", "Account Name"]
                              })
                          }));
                      }
                  })
              },
              autoFocus: true,
              select: function (event, ui) {
                  $('#hiddenCredit').val(ui.item.AccountId)
                  $('#CreditAccountIn').val(ui.item.DebitAccount);
                  $('#txtcacnt').val(ui.item.AccountDescription);
                  $("#Comments").focus();
              },
          });


</script>