Mr.Combet Webshell 🔥

Edit File Name : Details.cshtml

@model RER_Project.DataAccess.ViewModels.ServiceProviderVM.ServiceProviderVM
@{
    ViewBag.Title = "Trader Details";
    var sp = Model.ServiceProvider;
}

.multiselect-selected-text {
        color: rgb(0, 0, 0);
    }
</style>
<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>Service Provider - Details</b></label>
                    <hr />
                    <form id="CreateServiceProvider">
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Fiscal Year</strong></label>
                                <select type="text" class="form-control required clear" name="FiscalYearId" id="FiscalYearId" data-api="/fiscal_year_unlocked/select" data-api-selected-value="@sp.FiscalYearId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Name</strong></label>
                                <input type="text" class="form-control required clear" style="text-transform:capitalize;" id="Name" name="Name" value="@sp.Name" />
                            </div>

<div class="form-group col-md-3">
                                <label><strong>Commodity</strong></label>
                                @Html.ListBox("Commodity", null, new { @multiple = "multiple", @style = "display:none", @class = "form-control required clear", @onchange = "getCommodities()" })
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Contact Number</strong></label>
                                <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ContactNo" name="ContactNo" type="number" maxlength="10" value="@sp.ContactNo" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Province</strong></label>
                                <select type="text" class="form-control required clear" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@sp.ProvinceId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Atoll</strong></label>
                                <select type="text" class="form-control required clear" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@sp.DistrictId"></select>
                            </div>

<div class="form-group col-md-3">
                                <label><strong>Island</strong></label>
                                <select type="text" class="form-control required clear" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" data-api-selected-value="@sp.MunicipalityId"></select>
                            </div>
                            @*<div class="form-group col-md-3">
                                <label><strong>Ward No</strong></label>
                                <input type="text" pattern="\d*" oninput="validity.valid||(value='');" class="required form-control required clear" id="WardNo" name="Ward" min="1" maxlength="2" value="@sp.Ward" />
                            </div>*@
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Registered</strong></label>
                                <input type="checkbox" class="form-control clear" id="isRegistered" name="isRegistered" onclick="alterDivs()" />
                            </div>
                            <div id="rs" class="form-group col-md-3" hidden>
                                <label><strong>Registration No</strong></label>
                                <input type="text" class="form-control clear" id="RegistrationNo" name="RegistrationNo" value="@sp.RegistrationNo" />
                            </div>
                            <div id="rp" class="form-group col-md-3" hidden>
                                <label><strong>Place of Registration</strong></label>
                                <input type="text" class="form-control clear" id="RegistrationLocation" name="RegistrationLocation" value="@sp.RegistrationLocation" />
                            </div>
                        </div>

<div class="row">
                            <div class="form-group col-md-6">
                                <label style="font-size: medium"><b><u>Last Year</u></b></label>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label><strong>No of Farmers Receiving Service</strong></label>
                                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="NumberOfFarmers" name="NumberOfFarmers" type="number" value="@sp.NumberOfFarmers" />
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Sales Amount</strong></label>
                                        <div class="inputWithIcon">
                                            <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="SalesAmount" name="SalesAmount" type="number" value="@sp.SalesAmount" />
                                            <span><strong>Rs</strong></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

@*<div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Investment Option</strong> </label>
                                <select type="text" class="form-control required" id="InvestmentOptionId" name="InvestmentOptionId" data-api="/investment-option/select" data-api-selected-value="4" disabled></select>
                            </div>
                        </div>*@
                        @*<div class="row">
                            <div class="form-group col-md-3">
                                    <label><strong>Proposed Grant</strong></label>
                                    <div class="inputWithIcon">
                                        <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ProposedGrant" name="ProposedGrant" value="@sp.ProposedGrant" />
                                        <span><strong>Rs</strong></span>
                                    </div>
                                </div>
                            <div class="form-group col-md-3">
                                <label><strong>Contrbution from Company</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="CompanyContribution" name="CompanyContribution" value="@sp.CompanyContribution" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Samriddhi Grant</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="Samriddhi" name="Samriddhi" value="@sp.Samriddhi" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Palika / O</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="PalikaO" name="PalikaO" value="@sp.PalikaO" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>

<div class="form-group col-md-3">
                                <label><strong>Proposed Grant</strong></label>
                                <div class="inputWithIcon">
                                    <input class="form-control clear" type="text" pattern="\d*" oninput="validity.valid||(value='');" id="ProposedGrant" name="ProposedGrant" value="@sp.ProposedGrant" />
                                    <span><strong>Rs</strong></span>
                                </div>
                            </div>
                        </div>*@
                    </form>

@*<script src="~/Scripts/jquery.min.js"></script>*@
<script src="~/Scripts/app/bootstrap-multiselect.js"></script>

$('#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');

if (@sp.isRegistered.ToString().ToLower() == true)
        {
          $('#isRegistered')[0].checked = true;
        }
        alterDivs();
        $("#CreateServiceProvider :input").prop("disabled", true);

})
    function alterDivs() {
        var val = $('#isRegistered')[0].checked;
        if (val == true) {
            $("#rs").show();
            $("#rp").show();
        }
        else {
            $("#RegistrationNo").val("");
            $("#RegistrationLocation").val("");
            $("#rs").hide();
            $("#rp").hide();
        }
    }
    function getForm() {
        return $("#CreateServiceProvider");
    }
    function getModel() {
        const form = $("#CreateServiceProvider");
        const model = window.serializeForm(form);
        model.isRegistered = $('#isRegistered')[0].checked;
        return ({
            ServiceProvider: model
        });
    }
    function getCommodities() {
        var a = Array.from(document.getElementById("Commodity").options).filter(option => option.selected).map(option => option.value);
        return a;
    }
</script>