379 lines
21 KiB
Plaintext
379 lines
21 KiB
Plaintext
@using OSS.Models
|
|
@model CompanyAmmendmentExternal
|
|
|
|
@{
|
|
|
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
|
}
|
|
|
|
<link href="~/Content/assets/css/components/tabs-accordian/custom-tabs.css" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" type="text/css" href="~/Content/assets/css/forms/theme-checkbox-radio.css">
|
|
<link href="~/Content/assets/css/components/tabs-accordian/custom-accordions.css" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" type="text/css" href="~/Content/assets/css/elements/alert.css">
|
|
|
|
<div class="col-lg-12 layout-spacing">
|
|
<div class="statbox widget box box-shadow">
|
|
<div class="widget-header">
|
|
<div class="row">
|
|
<div class="col-md-12 col-sm-12 col-12">
|
|
<br />
|
|
<h5 class="text-primary"> PROJECTS <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>Amendment of Certificate Details </h5>
|
|
<hr />
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widget-content widget-content-area border-top-tab">
|
|
<ul class="nav nav-tabs mb-3 mt-3" id="borderTop" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="border-top-profile-tab" re href="@Url.Action("RedirectCompanyAmendment","NewCOI")" role="tab" aria-controls="border-top-profile" aria-selected="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Company Details </a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="border-top-profile-tab" re href="@Url.Action("RedirectAmendment","NewCOI")" role="tab" aria-controls="border-top-profile" aria-selected="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Amendment Details </a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="border-top-profile-tab" re href="@Url.Action("CompanyAttachments","Company")" role="tab" aria-controls="border-top-profile" aria-selected="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> Attachments</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="border-top-profile-tab" re href="@Url.Action("PostCMInvoice","PublicCompany")" role="tab" aria-controls="border-top-profile" aria-selected="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>Payment</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div class="tab-content" id="borderTopContent">
|
|
<div class="tab-pane fade show active" id="border-top-home" role="tabpanel" aria-labelledby="border-top-home-tab">
|
|
@using (Html.BeginForm("PostAmendmentApplication", "NewCOI", FormMethod.Post, new { id = "social", @novalidate = "novalidate", @class = "needs-validation text-left section social" }))
|
|
{
|
|
@Html.AntiForgeryToken()
|
|
<div class="alert alert-outline-primary mb-4" role="alert">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg></button>
|
|
<strong>Primary!</strong> Lorem Ipsum is simply dummy text of the printing.
|
|
</div>
|
|
<div class="info">
|
|
<div style="color:red">@ViewBag.Error</div>
|
|
|
|
<h6 class="text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg> Incorporation Details</h6>
|
|
<hr />
|
|
<div class="row">
|
|
<div class="col-md-11 mx-auto">
|
|
<div class="row">
|
|
|
|
<div class="col-md-4">
|
|
<label for="validationCustom05" class="text-black">TIC Certificate Number</label>
|
|
@Html.TextBoxFor(m => m.CertificateNo, new { @name = "CertificateNo", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
|
|
<div class="invalid-feedback">
|
|
Invalid Input
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label for="validationCustom05" class="text-black">Issued Date</label>
|
|
@Html.TextBoxFor(m => m.IssuedDate, new { @name = "IssuedDate", @class = "form-control mb-4", @id = "IssuedDate", @type = "text", @required = "true" })
|
|
<div class="invalid-feedback">
|
|
Invalid Input
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label for="validationCustom05" class="text-black">Project Name</label>
|
|
@Html.TextBoxFor(m => m.ProjectName, new { @name = "ProjectName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
|
|
<div class="invalid-feedback">
|
|
Invalid Input
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h6 class="text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg> Reason of Amendment</h6>
|
|
<hr />
|
|
<div class="info">
|
|
<div class="row">
|
|
<div class="col-md-11 mx-auto">
|
|
<div class="widget-content widget-content-area">
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 col-6">
|
|
|
|
|
|
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text text-primary">
|
|
@Html.CheckBoxFor(m => m.ChangeofCompanyName, new { @name = "ChangeofCompanyName", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Change of Company Name</span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.ChangeOfLocation, new { @name = "ChangeOfLocation", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Change of Office Location</span>
|
|
</label>
|
|
<div class="invalid-feedback">
|
|
Invalid Input
|
|
</div>
|
|
</div>
|
|
<div class="n-chk" hidden="hidden">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.ChangeofImplementationPeriod, new { @name = "ChangeofImplementationPeriod", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Change of Implementation Date (Extention)</span>
|
|
</label>
|
|
</div>
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.ChangeofShareholders, new { @name = "ChangeofShareholders", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Change of Shareholder</span>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 col-6">
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.LostCertificate, new { @name = "LostCertificate", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Lost Certificate</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.ReIssueCertificate, new { @name = "MenForeign", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Re-issue Certificate</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="n-chk">
|
|
<label class="new-control new-checkbox checkbox-outline-danger new-checkbox-text">
|
|
@Html.CheckBoxFor(m => m.ChangeOfAddress, new { @name = "ChangeOfAddress", @class = "new-control-input", @id = "LastName", @type = "checkbox" })
|
|
<span class="new-control-indicator"></span><span class="new-chk-content text-black">Change of Address</span>
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-11 mx-auto">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="d-flex justify-content-end">
|
|
|
|
<button class="btn btn-primary btn-lg mt-2 text-center" type="submit">Next</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<br />
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
var selectedCountry = 180;
|
|
var regionsSelect = $('#Region');
|
|
|
|
regionsSelect.empty();
|
|
if (selectedCountry != null && selectedCountry != '') {
|
|
$.getJSON('@Url.Action("GetRegions")', { CountryID: selectedCountry }, function (regions) {
|
|
if (regions != null && !jQuery.isEmptyObject(regions))
|
|
{
|
|
regionsSelect.append($('<option/>', {
|
|
value: "",
|
|
text: "Select Region"
|
|
}));
|
|
$.each(regions, function (index, region) {
|
|
regionsSelect.append($('<option/>', {
|
|
value: region.Value,
|
|
text: region.Text
|
|
}));
|
|
});
|
|
};
|
|
});
|
|
}
|
|
});
|
|
|
|
$('#Region').change(function () {
|
|
var selectedRegion = $("#Region").val();
|
|
var selectedDistrict = $('#District');
|
|
selectedDistrict.empty();
|
|
if (selectedRegion != null && selectedRegion != '') {
|
|
$.getJSON('@Url.Action("GetDistricts")', { RegionCode: selectedRegion }, function (district) {
|
|
if (district != null && !jQuery.isEmptyObject(district))
|
|
{
|
|
selectedDistrict.append($('<option/>', {
|
|
value: "",
|
|
text: "Select District"
|
|
}));
|
|
$.each(district, function (index,district) {
|
|
selectedDistrict.append($('<option/>', {
|
|
value: district.Value,
|
|
text: district.Text
|
|
}));
|
|
});
|
|
};
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
$('#District').change(function () {
|
|
var selectedDistrict = $("#District").val();
|
|
var selectedWard = $('#Ward');
|
|
selectedWard.empty();
|
|
if (selectedWard != null && selectedWard != '') {
|
|
$.getJSON('@Url.Action("GetWard")', { DistrictCode: selectedDistrict }, function (ward) {
|
|
if (ward != null && !jQuery.isEmptyObject(ward))
|
|
{
|
|
selectedWard.append($('<option/>', {
|
|
value: "",
|
|
text: "List of Ward"
|
|
}));
|
|
$.each(ward, function (index,ward) {
|
|
selectedWard.append($('<option/>', {
|
|
value: ward.Value,
|
|
text: ward.Text
|
|
}));
|
|
});
|
|
};
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
$(function () {
|
|
$("#AreaL").hide();
|
|
$("#LandMarkTypeL").hide();
|
|
$("#LandMarkDescriptionL").hide();
|
|
$("#PlotNoL").hide();
|
|
$("#BlockPlotNumberL").hide();
|
|
$("#HouseNoL").hide();
|
|
|
|
|
|
$('#AreaType').change(function () {
|
|
var value = $('#AreaType').val();
|
|
if (value == "Surveyed") {
|
|
$("#AreaL").hide();
|
|
$("#LandMarkTypeL").hide();
|
|
$("#LandMarkDescriptionL").hide();
|
|
$("#PlotNoL").show();
|
|
$("#BlockPlotNumberL").show();
|
|
$("#HouseNoL").show();
|
|
}
|
|
else if (value == "UnSurveyed") {
|
|
$("#AreaL").show();
|
|
$("#LandMarkTypeL").show();
|
|
$("#LandMarkDescriptionL").show();
|
|
$("#PlotNoL").hide();
|
|
$("#BlockPlotNumberL").hide();
|
|
$("#HouseNoL").hide();
|
|
|
|
}
|
|
else
|
|
{
|
|
$("#AreaL").hide();
|
|
$("#LandMarkTypeL").hide();
|
|
$("#LandMarkDescriptionL").hide();
|
|
$("#PlotNoL").hide();
|
|
$("#BlockPlotNumberL").hide();
|
|
$("#HouseNoL").hide();
|
|
}
|
|
|
|
});
|
|
});
|
|
$(function () {
|
|
|
|
$('#CompanyType').change(function () {
|
|
var value = $('#CompanyType').val();
|
|
if (value == "Private") {
|
|
$("#incopl").show();
|
|
$("#incopdatel").show();
|
|
|
|
}
|
|
else {
|
|
$("#incopl").hide();
|
|
$("#incopdatel").hide();
|
|
|
|
}
|
|
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="~/Content/plugins/input-mask/jquery.inputmask.bundle.min.js"></script>
|
|
<script type="text/javascript" src="~/Content/plugins/input-mask/input-mask.js"></script>
|
|
<script type="text/javascript" src="~/Scripts/jquery.min.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="~/Content/jquery-ui.css" />
|
|
<script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>
|
|
|
|
<script>
|
|
|
|
var j = jQuery.noConflict();
|
|
|
|
j(function () {
|
|
j("#IssuedDate").datepicker({
|
|
|
|
dateFormat: "mm-dd-yy",
|
|
maxDate: 0,
|
|
changeYear: true,
|
|
yearRange: "-100:+0",
|
|
changeMonth: true
|
|
});
|
|
|
|
|
|
});
|
|
|
|
$(":input").inputmask();
|
|
$("#CompanyTIN").inputmask({ mask: "999999999" });
|
|
</script>
|
|
|
|
|
|
|
|
|