@{
    ViewBag.Title = "CRMMaster";
}

<script type="text/javascript" src="../Projectscript/GarageMaster.js"></script>
<script type="text/javascript" src="../Projectscript/Common.js"></script>


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

<div id="Entry" style="width:40%;margin-left:30%;height:100%;">

    <div class="row">
        <div class="col-md-12" style="margin-top:30%;">
            <div class="card">
                <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                    <h4 id="Maintitle" class="card-title mb-0" style="text-align:center;font-weight:bold"></h4>
                </div>
                <div class="card-body">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:15px;"></div>
                                <form action="#">
                                    <div class="form-body ">
                                        <div class="row">
                                            <div class="col-md-3">
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label style="font-weight:bold">Name<span class="danger">*</span></label>
                                                </div>
                                            </div>
                                            <div class="col-md-4" style="margin-left:-2%">
                                                <div class="form-group">
                                                    <input type="text" onkeyup="changetoupper(this.id)" id="GarageName" class="form-control" name="Name">
                                                </div>
                                            </div>                                        
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label style="font-weight:bold">Address</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4" style="margin-left:-2%">
                                                <div class="form-group">
                                                    <textarea id="txt_address" class="form-control"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3">

                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">

                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label style="font-weight:bold">Phone#</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4" style="margin-left:-2%">
                                                <div class="form-group">
                                                    <input type="text" id="PhoneNumber" maxlength="15" class="form-control" name="PhoneNumber" onkeypress="isNumberInt(event,this)" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions center">
                                        <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="GetRows(0)" class="btn btn-primary btn-min-width mr-1 mb-1">List <i class="ft-align-justify"></i></button>
                                        <button type="button" style="width:100px" id="btnnew" onclick="formrefresh()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <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>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<span id="custidfortran" style="display:none"></span>
<span id="custnamefortran" style="display:none"></span>
<div id="salestranspopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="padding-right: 17px;  display:none;">
    <div class="modal-dialog modal-lg" role="document" style="margin-top:100px;margin-left:200px">
        <div class="modal-content" style="width:200%;">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="salesheader"></h4>
                <button type="button" class="close" onclick="salestranspopuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <form id="salestransdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <section>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                                    <div id="salestransdiv" class="jsgrid" style="position: relative;overflow-y:scroll;width:100%;height:560px">
                                                        <input type="hidden" id="salestransid" />
                                                        <table class="table table-responsive-md-md text-center table-bordered table-striped" id="tblsalestrans" style="width:100%;overflow-x:scroll;overflow-y:scroll;font-size:small"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>

<div id="listing" style="margin-left:20%;display:none;width:60%;">
    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <table width="100%">
                            <tr>
                                <td><h4 id="ListMainTitle" class="card-title" style="font-weight:bold;"></h4></td>
                                <td align="right">
                                    <div class="heading-elements">
                                        <div>
                                            <button type="button" onclick="closelist()" class="btn btn-outline-primary" id="ed"><i class="ft-edit"></i> Add New</button>
                                            <span id="itemListButtonPlace">
                                            </span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard" style="overflow:auto;">
                            <table id="tblgarage" class="table table-striped table-bordered base-style dataTable"></table>
                            <br />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<section>
    <div style="margin-bottom:3%" class="row col-md-12">
        <span class="col-md-3"></span>
        <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;">Last Sales Transactions Itemdetails : F7</h6>
        <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:2%">Last Purchase Transactions : F8</h6>
    </div>
</section>
<div style="display:none"><input type="text" value="0" id="GarageId" /></div>
<script type="text/javascript">
 $(document).ready(function () {
 var typeflag="-1";
  if ("@Request.QueryString["type"]" == "2") {
            $('#Maintitle').text("Cash Customer Master")
			 $('#ListMainTitle').text("Cash Customer List")
			 typeflag="-2"

         }else{
			 $('#Maintitle').text("Garage Master")
			 			 $('#ListMainTitle').text("GARAGE-LIST")
						 typeflag="-1"

		 }




               $(document).keydown(function (e) {


                        var x = event.keyCode;
     if (x == 119) {           // F8 - Pop Up to Show Sales Transaction Details of Selected Product
                                //if ((usermenu1.indexOf("M54") != -1) || (usermenu1.indexOf("M162") != -1) || (usermenu1.indexOf("M173") != -1) || (usermenu1.indexOf("M192") != -1) || (usermenu1.indexOf("M227") != -1)) {

                                    Salespopupinvoice($('#custidfortran').text());
                                    hidepopup(1);
                                    $('#productpdiv').hide();
                                    $('#TransactionPopup').hide();
                                    $('#PurchaseTransactionPopup').hide();
                                    $('#MonthwisePurchase').hide();
                                    $('#salestranspopupdiv').show();
                              //  }
                              //  else {
                              //      $('#salestranspopupdiv').hide();
                              //      $('#salestransdiv').hide();
                              //      warningshow('Invalid User Rights')
                              //  }

                            }
                        if (x == 118) {           // F7 - Pop Up to Show Sales Transaction Details of Selected Product
                                //if ((usermenu1.indexOf("M54") != -1) || (usermenu1.indexOf("M162") != -1) || (usermenu1.indexOf("M173") != -1) || (usermenu1.indexOf("M192") != -1) || (usermenu1.indexOf("M227") != -1)) {

                                    Salespopup($('#custidfortran').text());
                                    hidepopup(1);
                                    $('#productpdiv').hide();
                                    $('#TransactionPopup').hide();
                                    $('#PurchaseTransactionPopup').hide();
                                    $('#MonthwisePurchase').hide();
                                    $('#salestranspopupdiv').show();
                              //  }
                              //  else {
                              //      $('#salestranspopupdiv').hide();
                              //      $('#salestransdiv').hide();
                              //      warningshow('Invalid User Rights')
                              //  }

                            }

                    });

 });
     function Salespopupinvoice(ItemId) {

                $('#alltranscheckboxdiv').hide();
                $('#alltranscheckboxdivsales').show();

                X = $('#salestransid').val();
                //for (var j = 1; j <= X; j++) {
                //    $('#sid_' + j).remove();
                //}

                if ($('#select_status_sales').prop("checked"))
                    var s = 1;
                else
                    var s = 0;


                $('#salestransid').val(0);
                if ($('#ProductId').val() != 0) {
                    var data = {};   //array
                    data.ProductId = ItemId;
                    data.DeptId = ERPDeptId;
                    data.type = 99991;
                    data.UserId = ERPUserId;
                    $.ajax({
                        type: "POST",
                        url: "../SalesInvoice/SalesTransGetandGets",
                        data: data,
                        success: function (result) {

                            $('#salestranspopupdiv').show();
                            $("#salestranspopupdiv").css("margin-top", '0px');
                            var ProductDesc = $('#custnamefortran').text();
                          //  var product = $('#ItemDescription').val();
                            $('#salesheader').text(ProductDesc  + ' :  Last Sales Transaction');
                            $('#salestransdiv').show();
                            SalesTransLoadinvoice(result);
                        }
                    });
                }

            }


         function SalesTransLoadinvoice(result) {

                disable_datatable('tblsalestrans');
                $('#tblsalestrans tr').remove();
                var ProdRow = "<thead><tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>AccountName</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr>" +
                                           "<tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>AccountName</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr></thead><tbody>";


                if (result.length != 0) {

                    for (var n = 0; n < result.length; n++) {

                        ProdRow += "<tr class='jsgrid-row' id=" + 'pdctrow' + (n + 1) + ">" +
                           "<td class='text-left'> " + result[n].BillDescription + " - " + result[n].BillSlNo + "</td>" +
                           "<td class='text-left'>" + result[n].InvDate + "                                   </td>" +
                           "<td style='width:25%' class='text-left'>" + result[n].CustName + "                                   </td>" +
                           //"<td style='width:15%' class='text-left'>" + result[n].CustAddress + "                                   </td>" +
                           "<td style='width:6%' class='text-right'>" + result[n].ProdQty + "                                   </td>" +
                           "<td class='text-right'>" + parseFloat(result[n].Amount || 0).toFixed(Decimal) + " </td>" +
                           "<td class='text-left'>" + result[n].Location + " </td>" +
                           "<td class='text-left' style='width:20%'>" + result[n].SalesMan + " </td>" +
                           //"<td style='width:7%' class='text-left'>" + result[n].LPONumber + "                                   </td>" +
                           "<td class='text-left'>" + result[n].DepartmentName + "                                   </td>" +
                            "</tr>";
                    }
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                    $('#tblsalestrans').scrollTop(0);
                }
                else {
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                }


            }

     function Salespopup(ItemId) {

                $('#alltranscheckboxdiv').hide();
                $('#alltranscheckboxdivsales').show();

                X = $('#salestransid').val();
                //for (var j = 1; j <= X; j++) {
                //    $('#sid_' + j).remove();
                //}

                if ($('#select_status_sales').prop("checked"))
                    var s = 1;
                else
                    var s = 0;


                $('#salestransid').val(0);
                if ($('#ProductId').val() != 0) {
                    var data = {};   //array
                    data.ProductId = ItemId;
                    data.DeptId = ERPDeptId;
                    data.type = 9999;
                    data.UserId = ERPUserId;
                    $.ajax({
                        type: "POST",
                        url: "../SalesInvoice/SalesTransGetandGets",
                        data: data,
                        success: function (result) {

                            $('#salestranspopupdiv').show();
                            $("#salestranspopupdiv").css("margin-top", '0px');
                            var ProductDesc = $('#custnamefortran').text();
                          //  var product = $('#ItemDescription').val();
                            $('#salesheader').text(ProductDesc  + ' :  Last Sales Transaction');
                            $('#salestransdiv').show();
                            SalesTransLoad(result);
                        }
                    });
                }

            }


         function SalesTransLoad(result) {

                disable_datatable('tblsalestrans');
                $('#tblsalestrans tr').remove();
                var ProdRow = "<thead><tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>ProductCode</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr>" +
                                           "<tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>ProductCode</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr></thead><tbody>";


                if (result.length != 0) {

                    for (var n = 0; n < result.length; n++) {

                        ProdRow += "<tr class='jsgrid-row' id=" + 'pdctrow' + (n + 1) + ">" +
                           "<td class='text-left'> " + result[n].BillDescription + " - " + result[n].BillSlNo + "</td>" +
                           "<td class='text-left'>" + result[n].InvDate + "                                   </td>" +
                           "<td style='width:25%' class='text-left'>" + result[n].ProductDescr + "                                   </td>" +
                           //"<td style='width:15%' class='text-left'>" + result[n].CustAddress + "                                   </td>" +
                           "<td style='width:6%' class='text-right'>" + result[n].ProdQty + "                                   </td>" +
                           "<td class='text-right'>" + parseFloat(result[n].ProdRate || 0).toFixed(Decimal) + " </td>" +
                           "<td class='text-left'>" + result[n].Location + " </td>" +
                           "<td class='text-left' style='width:20%'>" + result[n].SalesMan + " </td>" +
                           //"<td style='width:7%' class='text-left'>" + result[n].LPONumber + "                                   </td>" +
                           "<td class='text-left'>" + result[n].DepartmentName + "                                   </td>" +
                            "</tr>";
                    }
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                    $('#tblsalestrans').scrollTop(0);
                }
                else {
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                }


            }
         function datatableWithsearch(tablename, Type) {
                var a = '#' + tablename + ' tr:eq(1) th'

                $(a).each(function () {
                    var title = $(this).text();
                    if (title != ' ')
                        if (title == 'Select' || title == 'Details') {
                            $(this).html('<input type="text" class="form-control"  style="width:30px;display:none"  placeholder="' + title + '"/>')
                        }
                        else {
                            $(this).html('<input type="text" class="form-control"   placeholder="' + title + '"/>')
                        }
                });

                var table = null;

                if (Type == 'Single') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        orderCellsTop: true,
                        //"order": false,
                    });

                }
                else if (Type == 'Multiple') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tir',
                        orderCellsTop: true,
                        "order": [],
                        "pageLength": -1
                    });


                }
                else if (Type == 'MultiplePurchaseT') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                            { "width": "10%", "targets": 0 },
                            { "width": "15%", "targets": 2 },
                        ],
                        orderCellsTop: true,
                        "order": [],
                        //  "pageLength": -1,
                        autoWidth: false
                    });

                }
                else if (Type == 'MultipleSalesT') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                            { "width": "8%", "targets": 0 },
                             { "width": "8%", "targets": 1 },
                              { "width": "6%", "targets": 3 },
                               { "width": "7%", "targets": 4 },
                                { "width": "10%", "targets": 5 },
                                 { "width": "20%", "targets": 6 },
                                  { "width": "12%", "targets": 7 },
                        ],
                        orderCellsTop: true,
                        "order": [],
                        // "pageLength": -1
                    });


                }

                else if (Type == 'MultipleAllTransaction') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                                { "width": "10%", "targets": 2 }
                        ],
                        orderCellsTop: true,
                        "order": [],
                        //"pageLength": -1,
                        autoWidth: false
                    });

                }
                table.columns().every(function (index) {
                    $('#' + tablename + ' thead tr:eq(1) th:eq(' + index + ') input').on('keyup change', function () {
                        table.column($(this).parent().index() + ':visible')
                            .search(this.value)
                            .draw();
                    });
                });
            }
         function hidepopup(flg) {

                if (flg == 0)                 //Show Popup
                {
                    if ($('#toggle').prop("checked") == false)
                        $('#toggle').click();
                }
                else if (flg == 1)           //Hide Popup
                {
                    if ($('#toggle').prop("checked") == true)
                        $('#toggle').click();
                }
            }

        function salestranspopuprefresh() {
                var pdtrowcnt = $('#pdtrowcnt').val();
                for (var n = 0; n <= pdtrowcnt; n++) {
                    $('#pdctrow' + n).remove();
                }
                $('#salestranspopupdiv').hide();
                $('#salestransdiv').hide();
                $('#salesheader').text('Transaction Details')
            }
 </script>