Notes

@{
ViewBag.Title = "SMX Services Consulting - Employee's Managers Associate List for Commissions";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@model SMXServicesConsulting.DataModel.Models.InvoiceMasterModelForDiscountedBilling;
<style>
.dropdown-menu{
max-height: 200px;
width: -webkit-fill-available !important;
}
</style>
<div class="p-3 payroll">
<div class="top-head d-flex align-items-center justify-content-between">
<div class="col-lg-7 px-2" style="margin-left: -10px">
<h2><strong>Employee List Associate with Discounted Billing</strong></h2>
</div>
<div class="col-lg-4 p-0">
<div class="buttons text-end">
<input type="checkbox" id="checkBoxClass" disabled />
<label for="checkBoxClass">Check / Uncheck all</label>
<button class="m-2 rounded-2 p-2" id="updateEmployeeDiscountedBillingBtn" style="background-color:#080248; opacity:0.35; color:white;" disabled>Update Records</button>
</div>
</div>
</div>
<div class="spinner" style="display:none">
<div class="center-div">
<div class="inner-div">
<div class="loader"></div>
</div>
</div>
</div>
<div class="card-section ">
<div class="">
<form asp-controller="" asp-action="" id="form">
<div class="col-md-12">
<div class="row ">
<h5>FOR MONTHLY:</h5>
<div class="col-lg-2">
<label for="">Start Date</label><span style="color:red">*</span><br>
<input type="date" class="form-control twice-week date" id="StartDateForDiscountedBilling" name="StartDateForDiscountedBilling" placeholder="mm-dd-yyyy">
<span id="StartDateForDiscountedBillingError" class="Error"></span>
</div>
<div class="col-lg-2">
<label for="employeeId">End Date</label><span style="color:red">*</span><br>
<input type="date" class="form-control twice-week date" id="EndDateForDiscountedBilling" name="EndDateForDiscountedBilling" placeholder="mm-dd-yyyy">
<span id="EndDateForDiscountedBillingError" class="Error"></span>
</div>
<div class="col-lg-3">
<div>
<label for="DiscountedBillingCompanyName">Company Name</label><span style="color:red">*</span>
</div>
<div>
@Html.DropDownListFor(model => model.CompanyList, new SelectList(Model.CompanyList?.Items, "Value", "Text"), new { @id = "DiscountedBillingCompanyName", @class = "form-select twice-week date", @required = "true" })
<span id="DiscountedBillingCompanyNameError" class="Error"></span>
</div>
</div>
<div class="col-lg-2">
<div>
<label for="DiscountedBillingCompanyName">Division</label><span style="color:red">*</span>
</div>
<div>
@*@Html.DropDownListFor(model => model.DivisionCodeList, new SelectList(Model.DivisionCodeList?.Items, "Value", "Text"), "All" , new { @id = "DiscountedBillingDivisionCode", @class = "form-select twice-week date", @required = "true" })*@
<div class="dropdown">
<button class="form-select twice-week date" type="button" id="dropDownDivisionCode" data-bs-toggle="dropdown" aria-expanded="false">
<span style="margin-right: 98px;">Select Division</span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownDivisionCode">
@foreach (var division in Model.DivisionCodeLists)
{
<li style="margin-left: 10px">
<div class="form-check">
<level class="form-check-label" formaction="[email protected]">
@division.DivisionName
</level>
<input type="checkbox" class="form-check-input twice-week" id="[email protected]" name="SelectedDivision" value="@division.DivisionCodes" />
</div>
</li>
}
</ul>
</div>
<span id="DiscountedBillingDivisionCodeError" class="Error"></span>
</div>
</div>
<div class="col-lg-3">
<button type="button" id="DiscountedBillingBtnSubmit" class="btn btn-primary border-0 " style="background-color:#080248; margin-top: 25px;">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="spinner" style="display:none">
<div class="center-div">
<div class="inner-div">
<div class="loader"></div>
</div>
</div>
</div>
<div class="costosTable-outer mx-0 mt-3 clsDivEmployeeListForDiscountedBilling">
<div class="table-responsive">
<table id="getEmployeetbl" class="table table-striped position-relative" style="width:100%">
<thead>
<tr>
<th hidden>Employee Id</th>
<th hidden>Start Id</th>
<th hidden>Recd Id</th>
<th hidden>Company Id</th>
<th hidden>Table Id</th>
<th>Customer</th>
<th>Division</th>
<th>ITEM</th>
<th>Is Discount</th>
</tr>
</thead>
<tbody>
@if (Model.CommissionModelListForDiscountedBilling != null)
{
@foreach (var item in Model.CommissionModelListForDiscountedBilling)
{
<tr>
<td hidden>@item.EmployeeId</td>
<td hidden>@item.StartId</td>
<td hidden>@item.RecId</td>
<td hidden>@item.CompanyId</td>
<td hidden>@item.DiscountedBillingTableId</td>
<td>@item.Customer</td>
<td>@item.Division</td>
<td>@item.ITEM</td>
@if (@item.IsDiscountedBilling == "true")
{
<td class="tdDiscountedBilling DiscountedBilling center" style="text-align:center;">
<input class="form-check-input check-sec checkBoxClass [email protected]" id="" type="checkbox" value="@item.IsDiscountedBilling" style="background-color:#788c9c" checked>
</td>
}
else
{
<td class="tdDiscountedBilling center" style="text-align:center;">
<input class="form-check-input check-sec checkBoxClass [email protected]" id="" type="checkbox" value="" style="background-color:#788c9c">
</td>
}
</tr>
}
}
</tbody>
</table>
</div>
</div>
</div>
<script src="~/js/site.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/cdnjs/jquery-3-7-0.js"></script>
<script src="~/cdnjs/jquery-datatables.js"></script>
<script src="~/cdnjs/datatables-bootstrap5.js"></script>
<script src="~/cdnjs/datatables-fixedcolumns.js"></script>
<script src="~/js/invoicediscountedbilling.js"></script>
<script>
new DataTable('#getEmployeetbl', {
fixedColumns: {
left: 2,
right: 2
},
paging: true,
"pageLength": 50
});
</script>

$(document).on("click", "#DiscountedBillingBtnSubmit", function () {
debugger;
var startDate = $('#StartDateForDiscountedBilling').val();
var endDate = $('#EndDateForDiscountedBilling').val();
var companyId = $("#DiscountedBillingCompanyName").val();
var divisionCode = $("#DiscountedBillingDivisionCode").val();
if (divisionCode == "") {
divisionCode = "0";
}
if (startDate === "") {
StartDateForDiscountedBillingError.textContent = "Please select start date.";
return false;
} else {
StartDateForDiscountedBillingError.textContent = "";
}

if (endDate === "") {
EndDateForDiscountedBillingError.textContent = "Please select end date.";
return false;
} else {
EndDateForDiscountedBillingError.textContent = "";
}
if (Date.parse(endDate) <= Date.parse(startDate)) {
EndDateForDiscountedBillingError.textContent = "End date should greater then start date";
return false;
} else {
EndDateForDiscountedBillingError.textContent = "";
}
if (companyId == "") {
DiscountedBillingCompanyNameError.textContent = "Please select Company Name";
return false;
} else {
DiscountedBillingCompanyNameError.textContent = ""
}
$('.spinner').css('display', 'block')
$.ajax({
url: "/Invoice/InvoiceListForDiscountedBilling/?startDate=" + startDate + "&endDate=" + endDate + "&companyId=" + companyId + "&divisionCode=" + divisionCode,
type: 'Get',
data: {},
async: true,
success: function (data) {
debugger;
if (data != null) {
$('.spinner').css('display', 'none');
$('.clsDivEmployeeListForDiscountedBilling').empty();
$('.clsDivEmployeeListForDiscountedBilling').append(data);
$('#checkBoxClass').prop('disabled', false);
$('#checkBoxClass').prop('checked', false);

$('#updateEmployeeDiscountedBillingBtn').prop('disabled', false);
$('#updateEmployeeDiscountedBillingBtn').css('opacity', '1');
}
},
error: function () {
}
});
});