Mr.Combet Webshell 🔥

View File Name : BankLoanCreate.cshtml

@*@model RER_Project.DataAccess.ViewModels.GroupMembers.GroupMembersViewModel*@
@{
    ViewBag.Title = "BankLoanCreate";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@*<h2>BankLoanCreate</h2>*@


<style>
    .btn {
        border-radius: 0px;
    }
</style>


<div class="col-md-10">
    <div id="currentMemberId"></div>
    <strong><span style="font-size:medium">&nbsp;&nbsp;&nbsp;Detail Of @ViewBag.shortbankinfo.BankInfo.bank_name  </span></strong><br />
    <br />
    <div class="row">
        <div class="col-lg-8">


            <span style="font-size: 100%;">
                &nbsp;&nbsp;&nbsp;&nbsp;Bank: <strong>@ViewBag.shortbankinfo.BankInfo.bank_name</strong>
            </span>
            <span style="font-size: 100%;">
                &nbsp;&nbsp;&nbsp; Bank Manager: <strong>@ViewBag.shortbankinfo.BankInfo.bank_manager</strong>
            </span>
            <span style="font-size: 100%;">
                &nbsp;&nbsp;&nbsp; Address: <strong> @ViewBag.shortbankinfo.BankInfo.address</strong>
            </span>
            <span style="font-size: 100%;">
                &nbsp;&nbsp;&nbsp; Contact no: <strong> @ViewBag.shortbankinfo.BankInfo.contact_no</strong>
            </span>



        </div>



    </div>



</div>



<div class="row wrapper border-bottom white-bg page-heading">
    @*<div class="col-md-8">
            <ol class="breadcrumb">
                <li class="active">
                    <strong>Create Bank Loan</strong>
                </li>
            </ol>

        </div>*@
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form id="CreateForm">
                        <div id="eror_msg"></div>
                        <div class="row">

                            <input type="hidden" id="BankId" value="@ViewBag.BankId" />

                            <div class="form-group col-md-2">
                                <label><strong>Fiscal Year: </strong></label>
                                <select type="text" class="form-control required" name="FiscalYear" id="FiscalYear" data-api="/fiscal_year_unlocked/select">
                                </select>

                                @*   <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />*@
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Quarter: </strong></label>
                                <select type="text" class="form-control required" name="Quarter" id="Quarter" data-api="/quarter/select">
                                </select>

                                @*   <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />*@
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>IFF: </strong></label>
                                <select type="text" class="form-control required select2" name="IFF" id="IFF" data-api="/banks/loan/iff/onlycontracted?bankid=@ViewBag.BankId">
                                </select>

                                @*   <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />*@
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Member: </strong></label>
                                <select type="text" class="form-control required" name="Member" id="Member" data-api="/banks/loan/farmer_name/onlycontracted">
                                </select>

                                @*<input type="hidden" id="SelectedMemberIds" name="SelectedMemberIds" />*@
                                @*   <input type="hidden" id="ProvinceId" name="ProvinceId" value="@Model.Groups.ProvinceId" />*@
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Loan Amount</strong></label>
                                <div class="inputWithIcon">
                                    <input type="text" class="curr form-control required currencyFormatter " onkeypress="return isNumberKey(this,event)" maxlength="15" name="LoanAmount" id="LoanAmount">
                                    <span><strong>MVR</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Loan Period</strong></label>
                                <div class="inputWithIcon">
                                    <input type="text" class="curr form-control required currencyFormatter " onkeypress="return isNumberKey(this,event)" maxlength="15" name="LoanPeriod" id="LoanPeriod">
                                    <span><strong>Yrs</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Interest Rate</strong></label>
                                <div class="inputWithIcon">
                                    <input type="text" class="curr form-control required currencyFormatter " onkeypress="return isNumberKey(this,event)" maxlength="15" name="InterestRate" id="InterestRate">
                                    @*<span><strong>MVR</strong></span>*@
                                </div>
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Loan Officer</strong></label>
                                <input type="text" class="form-control required" id="LoanOfficer" name="LoanOfficer" value="">
                            </div>
                            <div class="form-group col-md-2">
                                <label><strong>Loan Id</strong></label>
                                <input type="text" class="form-control required" id="LoanId" name="LoanId" value="">
                            </div>


                            <div class="row">
                                <div class="form-group col-md-2">
                                    <label class="align-label-btm">&nbsp;&nbsp;</label>
                                    <a class="btn btn-primary btn-xl" id="btnAdd" onclick="addLoan()" title="Add">
                                        <i class="fa fa-plus"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive" style="margin-top: 16px;">
                        <table class="table table-bordered table-hover" name="tblMember" id="tblMember">
                            <thead>
                                <tr>
                                    <th>Fiscal Year</th>
                                    <th>Quarter</th>
                                    <th>IFF</th>
                                    <th>Member</th>
                                    <th>Loan Amount</th>
                                    <th>Loan Period</th>
                                    <th>Interest Rate</th>
                                    <th>Loan Officer</th>
                                    <th>Loan Id</th>
                                    @*<th>Action</th>*@
                                </tr>

                            </thead>
                            <tbody id="tblMemberBody">
                            </tbody>
                        </table>

                        <div class="pull-right">
                            <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" />

                            <a href="/banks/loans?Id=@ViewBag.BankId" class="btn btn-default">Back</a>

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

</div>

<script src="~/Scripts/app/bootstrap-multiselect.js"></script>
<script type="text/javascript">


    $(document).ready(function () {
        var initailgroupid = $("#GroupId").val();
        @*window.initializeSelectApis2();
        window.initializeCascadeLocation2();*@

        if (initailgroupid ==0) {
            window.initializeSelectApis2();
            window.initializeCascadeLocation2();
            window.initializeCommodityWiseCommoditySubTypeForProductionTab();
        } else {
            window.initializeSelectApis();
            window.initializeCommodityWiseCommoditySubTypeForProductionTab();
        }

        $('.columnToHide').hide();
        $('.gals-div').hide();
        $('#Commodity').multiselect({
            includeSelectAllOption: true, buttonWidth: "100%", search: true, enableFiltering: true,
            enableCaseInsensitiveFiltering: true, maxHeight: 300, buttonWidth: '100%', width: 420
        });
        $('.multiselect').css('max-width', '840px');
        $('.multiselect').css('overflow', 'hidden');
        //window.initializeCascadeLocation();
        var memberID = $('#Member');
        $('.select2').select2();

        $(memberID).select2({

            multiple: true,
            allowClear: true,

            placeholder: {
                id: "",
                placeholder: ""
            },
        }).change(function () {

            $("#Member option[value='']").remove();
            var selectedmemberIDs = $.map($(memberID).select2('data'), function (val, i) {
                return val.id;
            }).join(",");
            @*$('#SelectedMemberIds').val(selectedmemberIDs);*@
        });


    });

    $('#Member').on("select2:select", function (e) {
        debugger;
        var data = e.params.data.text;
        if (data == 'Select All') {
            $("#Member > option").prop("selected", "selected");
            $("#Member").trigger("change");
        }
    });


    function getCommodities() {
        debugger;
        var a = Array.from(document.getElementById("Commodity").options).filter(option => option.selected).map(option => option.value);
        console.log("a",a)
        return a;
    }

    function addLoan() {
        debugger;
        var table = $("#tblMember tbody");
        const fiscalyear = $("#FiscalYear option:selected");
        const quarter = $("#Quarter option:selected");
        const iff = $("#IFF option:selected");
        const member = $("#Member option:selected");
        const loanamount = $("#LoanAmount").val();
        const loanperiod = $("#LoanPeriod").val();
        const interestrate = $("#InterestRate").val();
        debugger;
        const loanofficer = $("#LoanOfficer").val();
        const loanid = $("#LoanId").val();
        const bankid = $("#BankId").val();
        const form = $("#CreateForm");
        $.validator.unobtrusive.parse(form);

        if (!form.valid()) {
            return false;
        }

        const el = $("#tblMember tbody");

            const model = window.serializeForm(form);

        var row = "<tr>";
        row += "<td>" + fiscalyear.text() +
            "<input type=hidden name='FiscalYear' value=" + fiscalyear.val() +
            "></td>";
        row += "<td>" + quarter.text() +
            "<input type=hidden name='FiscalYear' value=" + quarter.val() +
            "></td>";
        row += "<td>" + iff.text() +
            "<input type=hidden name='IFF' value=" + iff.val() +
            "></td>";
        row += "<td>" + member.text() +
            "<input type=hidden name='Member' value=" + member.val() +
            "></td>";
        @*row += "<td>" + model.WardNo + "</td>";*@
        row += "<td>" + loanamount + "</td>";
        row += "<td>" + loanperiod + "</td>";
        row += "<td>" + interestrate + "</td>";
        row += "<td>" + loanofficer + "</td>";
        row += "<td>" + loanid + "</td>";
        row += "<td> <input type=hidden name='BankId' value=" + bankid +
            "></td>";
        @*row += "<td><a class='btn btn-default btn-xs' onclick='deleteRow(this)' title='Delete'><i class='fa fa-remove' style='color: red;'></i></a></td>"*@
        table.append(row);
            clearAll();
        @*}
        else {
             ShowMessage("error", "Sorry You Can't Add Members More Than Defined Beneficieries");
        }*@
    };

    function deleteRow(e) {
        $(e).closest("tr").remove();
    };

    function clearAll() {
        //$("#CreateForm").clearForm();
        @*$("#WardNo").val('');*@
        $('#FirstName').val('');
        $('#LastName').val('');
        $('#Age').val('');
        $('#ContactNo').val('');
        $('#Gender').val('');
        $('#Origin').val('');
        $('#EthnicityId').val('');
        @*$('#ProvinceId').val('');
        $('#MunicipalityId').val('');
        $('#DistrictId').val('');*@
        $('#PositionId').val('');
        $('#ReligionId').val('');
        $('#MarriedYear').val('');
        $('#LandlordName').val('');
        $('#FamilyMigrant').val('');
        $('#FamilyMigrantReturnee').val('');
    };

    $("#SubmitButton").off("click").on("click", function () {
        function request(model) {
            debugger;
            const url = "create";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }
        if (!window.confirmAction()) {
            return;
        };

        WorkForce.loader.show();
        var groupId = $("#GroupId").val();

        function getModel() {
            return ({
                BankLoan: getLoanList(),
                @*GroupId: groupId*@
                @*Commodity: getCommodities()*@
            });
        };

        const model = getModel();

        const ajax = request(model);
        ajax.done(function (response) {
            WorkForce.loader.hide();
            debugger;
            showNotification("success");
                window.location = "/banks";

             });

        ajax.fail(function (xhr) {
            WorkForce.loader.hide();
            ShowMessage("error", xhr.responseText);
        });
    });

    function getLoanList() {
        var BankLoan = [];

        $("#tblMember tbody tr").each(function () {

            const fiscalyearid = parseInt($(this).find("td:eq(0)").find("input[type='hidden']").val());
            const quarterid = parseInt($(this).find("td:eq(1)").find("input[type='hidden']").val());
            const iffid = parseInt($(this).find("td:eq(2)").find("input[type='hidden']").val());
            const memberid = parseInt($(this).find("td:eq(3)").find("input[type='hidden']").val());
            const loanamount = removeCommaFromString($(this).find("td:eq(4)").html());
            const loanperiod = removeCommaFromString($(this).find("td:eq(5)").html());
            const interestrate = removeCommaFromString($(this).find("td:eq(6)").html());
            const loanofficer = $(this).find("td:eq(7)").html();
            const loanid = $(this).find("td:eq(8)").html();
            const bankid = parseInt($(this).find("td:eq(9)").find("input[type='hidden']").val());
            debugger;
            BankLoan.push({
                loan_id: loanid,
                group_id: iffid,
                member_id: memberid,
                fiscal_year: fiscalyearid,
                quarter: quarterid,
                bank_id: bankid,
                loan_amount: loanamount,
                loan_period: loanperiod,
                interest_rate: interestrate,
                loan_officer: loanofficer
            });
        })

        return BankLoan;
    };



        $("#IFF").off("change").on("change", function () {
            debugger;
            const groupid = $(this).val();
            const farmerid = $("farmerId").val();
            debugger


            if (groupid) {
                $("#Member").val('');
                $("#Member").prop("disabled", false);


            } else {
                $("#Member").val("");
                $("#Member").prop("disabled", "disabled");

            };

            displayFieldBinder($("#Member"), "/banks/loan/farmer_name/onlycontracted?groupId=" + groupid +"&&bankId="+@ViewBag.BankId, null, null, function () {
                const selectedValue = $("#IFF").attr("data-api-selected-value");

                if (selectedValue !== groupid) {
                    $("#Member").attr("data-api-selected-value", "");
                }
                if (selectedValue === groupid) {
                    $("#Member").val(farmerid);
                }

                $("#Member").trigger("change");
            });


        });



    function isNumberKey(element, evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57) && !(charCode == 46 || charCode == 8))
            return false;
        else {
            var len = $(element).val().length;
            var index = $(element).val().indexOf('.');
            if (index > 0 && charCode == 46) {
                return false;
            }
            if (index > 0) {
                var CharAfterdot = (len + 1) - index;
                if (CharAfterdot > 3) {
                    return false;
                }
            }

        }
        return true;
    }


    function removeCommaFromString(value) {

        console.log(value);
        var result = parseFloat(value.replace(/,/g, ''));
        if (isNaN(result)) {
            return 0;
        }
        else {
            return result;
        }
    }


</script>