Mr.Combet Webshell 🔥

View File Name : Create.cshtml

@model RER_Project.DataAccess.ViewModels.Cooperative.CooperativeViewModel
@{
    ViewBag.Title = "Cooperative Create";
}

@using RER_Project.Core.Helpers
@using RER_Project.BusinessLayer.BusinessService;
@{
    var meta = AppUserService.GetCurrent();

}

<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">
                    <label style="font-size: medium"><b>Create Cooperative</b></label>
                    <hr />
                    <form id="CreateForm">
                        <div id="eror_msg"></div>
                        <input type="hidden" id="registrationDateNepali" name="RegistrationDateNepali" />
                        <input type="hidden" id="registrationDate" name="RegistrationDate" />

                        <input type="hidden" id="panRegistrationDateNepali" name="PanRegistrationDateNepali" />
                        <input type="hidden" id="panRegistrationDate" name="PanRegistrationDate" />
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Province</strong></label>
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>District</strong></label>
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled=""></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Municipality</strong></label>
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled=""></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Ward No. </strong></label>
                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="required form-control" id="WardNo" name="WardNo" maxlength="2" />
                            </div>

                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Coop No. </strong></label>
                                <input type="number" class="form-control" min="1" oninput="validity.valid||(value='');" id="CoopNo" name="CoopNo" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Coop Name</strong></label>
                                <input type="text" class="required form-control" id="CoopName" name="CoopName" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Coop Contact No.</strong></label>
                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="required form-control" id="CoopContactNo" name="CoopContactNo" maxlength="10" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Coop Type </strong></label>
                                <select type="text" class="form-control required" id="CoopType" name="CoopType" data-api="/cooperative-type/select"></select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Registration No.</strong></label>
                                <input type="text" class="form-control" id="RegistrationNo" name="RegistrationNo" />
                            </div>
                            <div class="form-group col-md-6">
                                <label> <strong>Registration Date</strong></label>
                                @*    <input type="date" class="form-control required" id="RegistrationDate" name="RegistrationDate" />*@
                                <input type="text" class="form-control" id="nepaliRegistrationDatePicker" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>PAN No. </strong></label>

                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="form-control" id="PanNo" name="PanNo" maxlength="10" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>PAN Registration Date</strong></label>
                                @* <input type="date" class="form-control required" id="PanRegistrationDate" name="PanRegistrationDate" />*@
                                <input type="text" class="form-control" id="nepaliPanRegistrationDatePicker" />
                            </div>
                        </div>

                        <div class="row">
                            @*<div class="form-group col-md-6">
                                    <label>Coop Category</label>
                                    <select type="text" class="form-control required" id="CoopCategory" name="CoopCategory" data-api="/coop-category-type/select"></select>
                                </div>*@
                            <div class="form-group col-md-6">
                                <label><strong>Working Areas</strong></label>
                                <input type="text" class="required form-control" id="WorkingAreas" name="WorkingAreas" />
                            </div>

                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Chairperson Name</strong></label>
                                <input type="text" class="required form-control" id="ChairPersonName" name="ChairPersonName" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Mobile No. (Chairperson)</strong></label>
                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="required form-control" id="MobileNo" name="MobileNo" maxlength="10" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Chairperson Gender</strong></label>
                                <select type="text" class="form-control required clear" name="ChairPersonGender" id="ChairPersonGender" data-api="/genders/select"></select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Manager Name</strong></label>
                                <input type="text" class="required form-control" id="ManagerName" name="ManagerName" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Mobile No. (Manager)</strong></label>
                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="required form-control" id="ManagerMobileNo" name="ManagerMobileNo" maxlength="10" />
                            </div>
                            <div class="form-group col-md-6">
                                <label><strong>Manager Gender</strong></label>
                                <select type="text" class="form-control required clear" name="ManagerGender" id="ManagerGender" data-api="/genders/select"></select>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="pull-right">
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnEExpert @*|| meta.RoleId == (int)EnumRoleHelper.Roles.Cooperative*@ || meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer @*|| meta.RoleId==(int)EnumRoleHelper.Roles.FinancialInclusionoOfficer*@)
                                {
                                    <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" /><span>&nbsp;&nbsp;</span>
                                }
                                <a href="/cooperatives" class="btn btn-default">Back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/NepaliDatePicker/jquery.nepaliDatePicker.min.js"></script>
<link href="~/Content/NepaliDatePicker/nepaliDatePicker.min.css" rel="stylesheet" />



<script>

    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeLocation();


        $("#nepaliRegistrationDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#nepaliRegistrationDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#registrationDate").val(datePickerData.adDate.toLocaleDateString());
            $("#registrationDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

            var registrationDateEnglish = document.getElementById("registrationDate").value;
            var panRegistrationDateEnglish = document.getElementById("panRegistrationDate").value


            //if ((Date.parse(panRegistrationDateEnglish) >= Date.parse(registrationDateEnglish))) {
            //    ShowMessage("error", "Regisratration date should be greater than PAN Registration date");
            //    document.getElementById("nepaliPanRegistrationDatePicker").value = "";
            //}
        })

        $("#nepaliPanRegistrationDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#nepaliPanRegistrationDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#panRegistrationDate").val(datePickerData.adDate.toLocaleDateString());
            $("#panRegistrationDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

            var registrationDateEnglish = document.getElementById("registrationDate").value;
            var panRegistrationDateEnglish = document.getElementById("panRegistrationDate").value


            //if ((Date.parse(panRegistrationDateEnglish) <= Date.parse(registrationDateEnglish))) {
            //    ShowMessage("error", "Regisratration date should be greater than PAN Registration date");
            //    document.getElementById("nepaliPanRegistrationDatePicker").value = "";
            //}
        })


    })

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

        const form = $("#CreateForm");

        $.validator.unobtrusive.parse(form);

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

        if (!window.confirmAction()) {
            return;
        };


        WorkForce.loader.show();

        function getModel() {
            return ({
                Cooperatives: window.serializeForm(form)
            });
        }
        //const model = window.serializeForm(form);
        const model = getModel();
        const ajax = request(model);

        ajax.done(function (response) {
            WorkForce.loader.hide();
            showNotification("success");
            window.location = "/cooperatives";
        });

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