tiseza_oss_live/Views/NewCOI/Shareholders.cshtml

389 lines
45 KiB
Plaintext

@using OSS.Models
@model CompanyShareholderExternal
@{
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" />
<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"> &nbsp; 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> New Certificate </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="" data-toggle="" role="tab" href="@Url.Action("CompanyInfor","Company")" aria-controls="border-top-home" aria-selected="true"><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-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> &nbsp; Company Details </a>
</li>
<li class="nav-item">
<a class="nav-link active" id="border-top-profile-tab" re href="@Url.Action("CompanyActivitiesInfor","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-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg> &nbsp; Shareholders</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" id="border-top-profile-tab" re href="@Url.Action("CompanyMembersInfor","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-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>Project Details </a>
</li>
<li class="nav-item">
<a class="nav-link disabled" id="border-top-profile-tab" re href="@Url.Action("ShareDistributionInfo","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>Financing</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("PostCompanyMember", "PublicCompany", FormMethod.Post, new { id = "social", @novalidate = "novalidate", @class = "needs-validation text-left section social" }))
{
@Html.AntiForgeryToken()
<div class="info">
<div style="color:red">@ViewBag.Error</div>
<h4 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> &nbsp;Shareholder Details</h4>
<hr />
<div class="row">
<div class="col-md-11 mx-auto">
<div class="row">
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Type of Shareholder</label>
@Html.DropDownListFor(m => m.CategoryofShares, new List<SelectListItem>{
new SelectListItem{ Text="Natural Person", Value = "Natural Person" },
new SelectListItem{ Text="Company", Value = "Company" },
new SelectListItem{ Text="Goverment", Value = "Government" },
new SelectListItem{ Text="Organization", Value = "Organization" },
}, new { @class = "selectpicker form-control", @id = "AreaType", @name = "AreaType", @placeholder = "Sex Type", @required = "true", @value = "Please Select" }) <div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-9" id="CompL">
<label for="validationCustom05" class="text-black">Company Name</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3" id="TINL">
<label for="validationCustom05" class="text-black">TIN</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3" id="IncoL">
<label for="validationCustom05" class="text-black">Incorporation Number</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3" id="IncoDate">
<label for="validationCustom05" class="text-black">Incorporation Date</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">First Name</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Middle Name</label>
@Html.TextBoxFor(m => m.MiddleName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Last Name</label>
@Html.TextBoxFor(m => m.LastName, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Nationality</label>
@Html.DropDownListFor(m => m.Country, new SelectList(Model.ListofCountries
, "Value", "Text"), new { @class = "selectpicker form-control", @id = "Country", @name = "Country" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Origin </label>
@Html.DropDownListFor(m => m.CategoryofShares, new List<SelectListItem>{
new SelectListItem{ Text="Local", Value = "Foreign" },
new SelectListItem{ Text="Foreign", Value = "Foreign" },
}, new { @class = "selectpicker form-control", @id = "AreaType", @name = "AreaType", @placeholder = "Sex Type", @required = "true", @value = "Please Select" }) <div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">National Identification</label>
@Html.TextBoxFor(m => m.NIDAorPassport, new { @name = "CompanyTIN", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
<div class="col-md-3">
<label for="validationCustom05" class="text-black">Mobile Number</label>
@Html.TextBoxFor(m => m.Country, new { @name = "LastName", @class = "form-control mb-4", @id = "LastName", @type = "text", @required = "true" })
<div class="invalid-feedback">
Invalid Input
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
<div class="widget-content widget-content-area br-6">
<h4 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>&nbsp;&nbsp;List of Shareholders</h4>
<hr class="text-black" />
@(Html.DevExtreme().DataGrid()
.ID("gridContainer1")
.ShowBorders(true)
.Columns(columns =>
{
columns.Add().DataField("CMName");
columns.Add().DataField("CompanyTypeName");
columns.Add().DataField("TrackingNo");
columns.Add().DataField("ControlNo");
columns.Add().DataField("InvoiceNo");
columns.Add().DataField("PaymentStatus");
columns.Add().DataField("AmountTotal").Visible(true).DataField("AmountTotal")
.Caption("Print").CellTemplate(@Html.ActionLink(" Processing", "DisplayResultClearance", "Company",
new { TrackingNo = "APP_ID" }, new { @class = "btn btn-outline-warning" })
.ToHtmlString()
.Replace("APP_ID", "<%= data.TrackingNo %>"));
;
}).RemoteOperations(true)
.AllowColumnResizing(true)
.ShowRowLines(true)
.SearchPanel(f => f.Visible(true)
.SearchVisibleColumnsOnly(true)
.HighlightSearchText(true)
).Paging(p => p.PageSize(5))
.SearchPanel(t => t.SearchVisibleColumnsOnly(true).Visible(true))
.DataSource(d => d.StaticJson().Url("/ApplicationStatusAPI/GetProcessingCMApp").Key("InvoiceNo"))
)
</div>
</div>
<div class="col-md-11 mx-auto">
<div class="row">
<div class="col-md-6">
<div class="d-flex justify-content-left">
<a class="btn btn-primary btn-lg mt-2 " href="/Company/PublicCompanyDetailsGarantee/">Previous</a>
</div>
</div>
<div class="col-md-6">
<div class="d-flex justify-content-end">
<a class="btn btn-primary btn-lg mt-2" href="/Company/CompanyMembersGuarantee/">Next</a>
</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();
}
});
});
</script>