Mango.Nop.Plugins/Nop.Plugin.Misc.AIPlugin/Views/OrderAttributes.cshtml

1339 lines
58 KiB
Plaintext

@using Nop.Plugin.Misc.FruitBankPlugin.Models.Orders
@model OrderAttributesModel
@*
<div class="form-group row">
</div> *@
<div class="form-group row">
<div class="col-12 col-md-9">
<div class="card card-default mb-2">
<div class="card-header">
<i class="fas fa-file-invoice"></i>
Megrendelés beállítások
</div>
<div class="card-body">
<div class="form-group row">
<div class="col-md-12">
<strong>@(Model.IsMeasurable ? "Mérendő termék!" : "Nem mérendő termék")</strong>
</div>
</div>
<hr />
<div class="form-group row">
<div class="col-md-3">
<nop-label asp-for="DateOfReceipt" />
</div>
<div class="col-md-6">
<nop-editor asp-for="DateOfReceipt" asp-template="" />
</div>
<div class="col-md-3 text-right">
<button type="button" id="saveAttributesBtn" class="btn btn-primary">
<i class="fa fa-save"></i> Mentés
</button>
</div>
</div>
<hr />
<div class="form-group row">
<div class="col-md-2">
<button type="button" class="btn btn-warning btn-block" data-toggle="modal" data-target="#allowRevisionModal">
<i class="fa fa-redo"></i> Újramérés engedélyezése
</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-success btn-block" data-toggle="modal" data-target="#sendOrderEmailModal">
<i class="fas fa-envelope"></i> Email küldése ügyfélnek
</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#sendMessageModal">
<i class="fas fa-paper-plane"></i> Üzenet küldése
</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#addOrderNoteModal">
<i class="fas fa-sticky-note"></i> Jegyzet hozzáadása
</button>
</div>
<div class="col-md-2">
<button type="button"
class="btn btn-danger btn-block"
data-toggle="modal"
data-target="#splitOrderModal"
@if (Model.OrderDto.MeasuringStatus == FruitBank.Common.Enums.MeasuringStatus.Audited)
{
<text>disabled</text>
}
>
<i class="fas fa-cut"></i> Rendelés szétválasztása
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-3">
<div class="card card-default mb-3">
<div class="card-header">
<i class="fas fa-file-invoice"></i>
Megrendelés beküldése Innvoice-ba
</div>
<div class="card-body">
<div class="col-12">
<div id="orderStatus" class="alert alert-info" style="display: none;">
<i class="fas fa-info-circle"></i> <span id="orderStatusMessage"></span>
</div>
<div id="orderDetails" style="display: none;">
<p><strong>Order Table ID:</strong> <span id="orderTableId"></span></p>
<p><strong>Order Tech ID:</strong> <span id="orderTechId"></span></p>
<p>
<a id="orderPdfLink" href="#" target="_blank" class="btn btn-sm btn-info">
<i class="fas fa-file-pdf"></i> PDF megtekintése
</a>
</p>
</div>
</div>
<div class="col-12 text-right float-end">
<button type="button" id="createOrderBtn" class="btn btn-success">
<i class="fas fa-shopping-cart"></i> Megrendelés beküldése
</button>
<button type="button" id="checkOrderBtn" class="btn btn-secondary" style="display: none;">
<i class="fas fa-sync"></i> Invoice adat ellenőrzése
</button>
</div>
</div>
</div>
</div>
</div>
<!-- Send Order Email Modal -->
<div class="modal fade" id="sendOrderEmailModal" tabindex="-1" role="dialog" aria-labelledby="sendOrderEmailModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="sendOrderEmailModalLabel">
<i class="fas fa-envelope"></i> Rendelési email küldése ügyfélnek
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Ez a gomb elküldi a jelenlegi rendelés összefoglalóját az ügyfél email címére a rendelésfeladási email sablon alapján.</p>
<div id="sendOrderEmailStatus" class="alert" style="display: none; margin-top: 15px;">
<i class="fas fa-info-circle"></i> <span id="sendOrderEmailStatusMessage"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i> Mégse
</button>
<button type="button" id="sendOrderEmailBtn" class="btn btn-success">
<i class="fas fa-envelope"></i> Email küldése
</button>
</div>
</div>
</div>
</div>
<!-- Allow Revision Modal -->
<div class="modal fade" id="allowRevisionModal" tabindex="-1" role="dialog" aria-labelledby="allowRevisionModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="allowRevisionModalLabel">
<i class="fa fa-redo"></i> Újramérés engedélyezése
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="revisionSubject"><strong>Válassza ki az újramérendő terméket:</strong></label>
<select id="revisionSubject" class="form-control">
<option value="" disabled selected>Újramérendő termék</option>
@foreach (var orderItem in Model.OrderDto.OrderItemDtos)
{
<option value="@orderItem.Id">@orderItem.ProductName - @orderItem.Quantity @orderItem.IsAudited</option>
}
</select>
</div>
<div id="revisionStatus" class="alert" style="display: none; margin-top: 15px;">
<i class="fas fa-info-circle"></i> <span id="revisionStatusMessage"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i> Mégse
</button>
<button type="button" id="allowRevisionBtn" class="btn btn-primary">
<i class="fa fa-save"></i> Újramérés engedélyezése
</button>
</div>
</div>
</div>
</div>
<!-- Send Message Modal -->
<div class="modal fade" id="sendMessageModal" tabindex="-1" role="dialog" aria-labelledby="sendMessageModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="sendMessageModalLabel">
<i class="fas fa-paper-plane"></i> Üzenet küldése
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="notificationMessage"><strong>Üzenet szövege:</strong></label>
<textarea id="notificationMessage" class="form-control" rows="4" placeholder="Írja be az üzenetet..."></textarea>
</div>
<div id="notificationStatus" class="alert" style="display: none; margin-top: 15px;">
<i class="fas fa-info-circle"></i> <span id="notificationStatusMessage"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i> Mégse
</button>
<button type="button" id="sendNotificationBtn" class="btn btn-primary">
<i class="fas fa-paper-plane"></i> Üzenet küldése
</button>
</div>
</div>
</div>
</div>
<!-- Add Order Note Modal -->
<div class="modal fade" id="addOrderNoteModal" tabindex="-1" role="dialog" aria-labelledby="addOrderNoteModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addOrderNoteModalLabel">
<i class="fas fa-sticky-note"></i> Jegyzet hozzáadása
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="orderNoteText"><strong>Jegyzet szövege:</strong></label>
<textarea id="orderNoteText" class="form-control" rows="4" placeholder="Írja be a jegyzetet a kollégák számára..."></textarea>
<small class="form-text text-muted">Ez a jegyzet megjelenik az external alkalmazásban a kollégák számára.</small>
</div>
<div id="orderNoteStatus" class="alert" style="display: none; margin-top: 15px;">
<i class="fas fa-info-circle"></i> <span id="orderNoteStatusMessage"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i> Mégse
</button>
<button type="button" id="addOrderNoteBtn" class="btn btn-primary">
<i class="fas fa-save"></i> Jegyzet mentése
</button>
</div>
</div>
</div>
</div>
<!-- Split Order Modal -->
<div class="modal fade" id="splitOrderModal" tabindex="-1" role="dialog" aria-labelledby="splitOrderModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="splitOrderModalLabel">
<i class="fas fa-cut"></i> Rendelés szétválasztása
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
@if (Model.OrderDto.MeasuringStatus == FruitBank.Common.Enums.MeasuringStatus.Audited)
{
<div class="alert alert-danger">
<i class="fas fa-lock"></i>
<strong>Ez a rendelés már auditált!</strong> Auditált rendelések nem választhatók szét.
</div>
}
else
{
<div class="alert alert-warning">
<i class="fas fa-exclamation-triangle"></i>
<strong>Figyelem!</strong> Ez a művelet a kiválasztott termékeket egy új rendelésbe helyezi át.
</div>
<!-- Mode Selection -->
<div class="form-group">
<label><strong>Válassza ki a szétválasztás módját:</strong></label>
<div class="btn-group btn-group-toggle d-flex" data-toggle="buttons">
<label class="btn btn-outline-primary flex-fill" id="auditModeButton">
<input type="radio" name="splitMode" id="splitModeAudit" value="audit">
<i class="fas fa-check-circle"></i> Audit státusz alapján
</label>
<label class="btn btn-outline-primary active flex-fill">
<input type="radio" name="splitMode" id="splitModeManual" value="manual" checked>
<i class="fas fa-hand-pointer"></i> Kézi kiválasztás
</label>
</div>
<small class="form-text text-muted" id="splitModeDescription">
Válassza ki, mely termékeket szeretné átmozgatni az új rendelésbe.
</small>
</div>
<hr />
<!-- Audit Mode View -->
<div id="auditModeView" style="display: none;">
<div class="row">
<div class="col-md-6">
<h6><i class="fas fa-check-circle text-success"></i> Auditált/Elindított termékek (maradnak):</h6>
<ul id="auditedItemsList" class="list-group mb-3">
<!-- Will be populated by JavaScript -->
</ul>
</div>
<div class="col-md-6">
<h6><i class="fas fa-times-circle text-danger"></i> Nem elindított termékek (új rendelés):</h6>
<ul id="nonAuditedItemsList" class="list-group mb-3">
<!-- Will be populated by JavaScript -->
</ul>
</div>
</div>
</div>
<!-- Manual Selection Mode View -->
<div id="manualModeView">
<div class="row">
<div class="col-md-6">
<h6><i class="fas fa-box text-primary"></i> Maradnak az eredeti rendelésben:</h6>
<ul id="remainingItemsList" class="list-group mb-3">
<!-- Will be populated by JavaScript -->
</ul>
</div>
<div class="col-md-6">
<h6><i class="fas fa-arrow-right text-warning"></i> Átkerülnek az új rendelésbe:</h6>
<ul id="movingItemsList" class="list-group mb-3">
<!-- Will be populated by JavaScript -->
</ul>
</div>
</div>
<hr />
<h6><i class="fas fa-list"></i> Válassza ki az átmozgatandó termékeket:</h6>
<div class="table-responsive">
<table class="table table-sm table-hover">
<thead>
<tr>
<th style="width: 50px;">
<input type="checkbox" id="selectAllItems" title="Összes kijelölése" />
</th>
<th>Termék</th>
<th>Mennyiség</th>
<th>Státusz</th>
</tr>
</thead>
<tbody id="manualSelectionTable">
@foreach (var orderItem in Model.OrderDto.OrderItemDtos)
{
<tr>
<td>
<input type="checkbox"
class="item-checkbox"
data-item-id="@orderItem.Id"
data-item-name="@orderItem.ProductName"
data-item-quantity="@orderItem.Quantity"
data-item-audited="@orderItem.IsAudited.ToString().ToLower()" />
</td>
<td>@orderItem.ProductName</td>
<td>@orderItem.Quantity db</td>
<td>
@if (orderItem.IsAudited)
{
<span class="badge badge-success">
<i class="fas fa-check"></i> Auditált
</span>
}
else
{
<span class="badge badge-warning">
<i class="fas fa-clock"></i> Nem auditált
</span>
}
</td>
</tr>
}
</tbody>
</table>
</div>
</div>
}
<div id="splitOrderStatus" class="alert" style="display: none; margin-top: 15px;">
<i class="fas fa-info-circle"></i> <span id="splitOrderStatusMessage"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i> Mégse
</button>
<button type="button" id="splitOrderBtn" class="btn btn-danger"
@if (Model.OrderDto.MeasuringStatus == FruitBank.Common.Enums.MeasuringStatus.Audited)
{
<text>disabled</text>
}
>
<i class="fas fa-cut"></i> Rendelés szétválasztása
</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var createOrderUrl = '/Admin/InnVoiceOrder/CreateOrder';
var getOrderStatusUrl = '/Admin/InnVoiceOrder/GetOrderStatus';
var createInvoiceUrl = '/Admin/Invoice/CreateInvoice';
var getInvoiceStatusUrl = '/Admin/Invoice/GetInvoiceStatus';
var orderExists = false;
var invoiceExists = false;
// Remove validation from these specific fields
$('#@Html.IdFor(m => m.IsMeasurable)').rules('remove');
$('#@Html.IdFor(m => m.DateOfReceipt)').rules('remove');
// Also set data-val to false
$('#@Html.IdFor(m => m.IsMeasurable)').attr('data-val', 'false');
$('#@Html.IdFor(m => m.DateOfReceipt)').attr('data-val', 'false');
// Save Order Attributes
// Save Order Attributes
$("#saveAttributesBtn").on("click", function (e) {
e.preventDefault();
e.stopPropagation();
console.log("Save Attributes button clicked"); // Debug log
var orderId = "@Model.OrderId";
var dateOfReceipt = $("#@Html.IdFor(m => m.DateOfReceipt)").val();
console.log("OrderId:", orderId, "DateOfReceipt:", dateOfReceipt); // Debug log
$.ajax({
type: "POST",
url: "@Url.Action("SaveOrderAttributes", "CustomOrder")",
data: {
orderId: orderId,
isMeasurable: $("#@Html.IdFor(m => m.IsMeasurable)").is(":checked"),
dateOfReceipt: dateOfReceipt,
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
success: function (response) {
console.log("Save success:", response); // Debug log
alert("Attributes saved successfully");
},
error: function (xhr, status, error) {
console.error("Save error:", xhr, status, error); // Debug log
alert("Error saving attributes");
}
});
return false;
});
// Allow Revision Button (in modal)
$("#allowRevisionBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var selectedOrderItemId = $("#revisionSubject").val();
if (!selectedOrderItemId) {
showRevisionStatus("Kérjük, válasszon ki egy terméket!", "warning");
return false;
}
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Mentés...');
$.ajax({
type: "POST",
url: "@Url.Action("AllowRevision", "CustomOrder")",
data: {
orderId: "@Model.OrderId",
orderItemId: selectedOrderItemId,
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
success: function () {
btn.prop("disabled", false).html('<i class="fa fa-save"></i> Újramérés engedélyezése');
showRevisionStatus("Újramérés sikeresen engedélyezve!", "success");
// Close modal after 1.5 seconds
setTimeout(function() {
$('#allowRevisionModal').modal('hide');
$("#revisionSubject").val(""); // Reset select
}, 1500);
},
error: function () {
btn.prop("disabled", false).html('<i class="fa fa-save"></i> Újramérés engedélyezése');
showRevisionStatus("Hiba történt a művelet során!", "danger");
}
});
return false;
});
function showRevisionStatus(message, type) {
var statusDiv = $("#revisionStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#revisionStatusMessage").text(message);
statusDiv.show();
}
// Clear revision status when modal is closed
$('#allowRevisionModal').on('hidden.bs.modal', function () {
$("#revisionStatus").hide();
$("#revisionSubject").val("");
});
// ========== ORDER MANAGEMENT ==========
// Create Order
$("#createOrderBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Creating Order...');
showOrderStatus("Creating order in InnVoice, please wait...", "info");
$.ajax({
type: "POST",
url: createOrderUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
console.log("Order Response:", response);
btn.prop("disabled", false).html('<i class="fas fa-shopping-cart"></i> Create Order in InnVoice');
if (response.success) {
showOrderStatus("Order created successfully in InnVoice!", "success");
displayOrderDetails(response.data);
orderExists = true;
updateOrderButtons();
} else {
showOrderStatus("Error: " + (response.message || "Unknown error"), "danger");
}
},
error: function (xhr, status, error) {
console.error("Order AJAX Error:", xhr, status, error);
btn.prop("disabled", false).html('<i class="fas fa-shopping-cart"></i> Create Order in InnVoice');
var errorMessage = "Error creating order";
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMessage = xhr.responseJSON.message;
} else if (xhr.responseText) {
try {
var errorObj = JSON.parse(xhr.responseText);
errorMessage = errorObj.message || errorMessage;
} catch (e) {
errorMessage = "Error: " + xhr.status + " - " + xhr.statusText;
}
}
showOrderStatus(errorMessage, "danger");
}
});
return false;
});
// Check Order Status
$("#checkOrderBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Checking...');
$.ajax({
type: "GET",
url: getOrderStatusUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Order');
if (response.success && response.data) {
displayOrderDetails(response.data);
showOrderStatus("Order details refreshed", "success");
} else {
showOrderStatus("No order found in InnVoice for this order", "warning");
}
},
error: function () {
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Order');
showOrderStatus("Error checking order status", "danger");
}
});
return false;
});
function showOrderStatus(message, type) {
var statusDiv = $("#orderStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#orderStatusMessage").text(message);
statusDiv.show();
}
function displayOrderDetails(data) {
$("#orderTableId").text(data.tableId || "N/A");
$("#orderTechId").text(data.techId || "N/A");
if (data.printUrl) {
$("#orderPdfLink").attr("href", data.printUrl).show();
} else {
$("#orderPdfLink").hide();
}
$("#orderDetails").show();
}
function updateOrderButtons() {
if (orderExists) {
$("#createOrderBtn").hide();
$("#checkOrderBtn").show();
} else {
$("#createOrderBtn").show();
$("#checkOrderBtn").hide();
}
}
// Check if order exists on page load
$.ajax({
type: "GET",
url: getOrderStatusUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
if (response.success && response.data) {
displayOrderDetails(response.data);
orderExists = true;
updateOrderButtons();
}
},
error: function() {
// Silently fail on page load
orderExists = false;
updateOrderButtons();
}
});
// ========== INVOICE MANAGEMENT ==========
// Create Invoice
$("#createInvoiceBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Creating Invoice...');
showInvoiceStatus("Creating invoice, please wait...", "info");
$.ajax({
type: "POST",
url: createInvoiceUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
console.log("Invoice Response:", response);
btn.prop("disabled", false).html('<i class="fas fa-file-invoice-dollar"></i> Create Invoice');
if (response.success) {
showInvoiceStatus("Invoice created successfully!", "success");
displayInvoiceDetails(response.data);
invoiceExists = true;
updateInvoiceButtons();
} else {
showInvoiceStatus("Error: " + (response.message || "Unknown error"), "danger");
}
},
error: function (xhr, status, error) {
console.error("Invoice AJAX Error:", xhr, status, error);
btn.prop("disabled", false).html('<i class="fas fa-file-invoice-dollar"></i> Create Invoice');
var errorMessage = "Error creating invoice";
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMessage = xhr.responseJSON.message;
} else if (xhr.responseText) {
try {
var errorObj = JSON.parse(xhr.responseText);
errorMessage = errorObj.message || errorMessage;
} catch (e) {
errorMessage = "Error: " + xhr.status + " - " + xhr.statusText;
}
}
showInvoiceStatus(errorMessage, "danger");
}
});
return false;
});
// Check Invoice Status
$("#checkInvoiceBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Checking...');
$.ajax({
type: "GET",
url: getInvoiceStatusUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Invoice');
if (response.success && response.data) {
displayInvoiceDetails(response.data);
showInvoiceStatus("Invoice details refreshed", "success");
} else {
showInvoiceStatus("No invoice found for this order", "warning");
}
},
error: function () {
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Invoice');
showInvoiceStatus("Error checking invoice status", "danger");
}
});
return false;
});
function showInvoiceStatus(message, type) {
var statusDiv = $("#invoiceStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#invoiceStatusMessage").text(message);
statusDiv.show();
}
function displayInvoiceDetails(data) {
$("#invoiceNumber").text(data.invoiceNumber || data.sorszam || "N/A");
$("#invoiceTableId").text(data.tableId || "N/A");
if (data.printUrl) {
$("#invoicePdfLink").attr("href", data.printUrl).show();
} else {
$("#invoicePdfLink").hide();
}
$("#invoiceDetails").show();
}
function updateInvoiceButtons() {
if (invoiceExists) {
$("#createInvoiceBtn").hide();
$("#checkInvoiceBtn").show();
} else {
$("#createInvoiceBtn").show();
$("#checkInvoiceBtn").hide();
}
}
// Check if invoice exists on page load
$.ajax({
type: "GET",
url: getInvoiceStatusUrl,
data: { orderId: @Model.OrderId },
dataType: 'json',
success: function (response) {
if (response.success && response.data) {
displayInvoiceDetails(response.data);
invoiceExists = true;
updateInvoiceButtons();
}
},
error: function() {
// Silently fail on page load
invoiceExists = false;
updateInvoiceButtons();
}
});
// ========== NOTIFICATION MANAGEMENT ==========
var sendNotificationUrl = '/Admin/CustomOrder/SendOrderNotification';
// Send Notification (in modal)
$("#sendNotificationBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var message = $("#notificationMessage").val().trim();
if (!message) {
showNotificationStatus("Kérjük, adjon meg egy üzenetet!", "warning");
return false;
}
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Küldés...');
showNotificationStatus("Üzenet küldése folyamatban...", "info");
$.ajax({
type: "POST",
url: sendNotificationUrl,
data: {
orderId: @Model.OrderId,
message: message,
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
dataType: 'json',
success: function (response) {
console.log("Notification Response:", response);
btn.prop("disabled", false).html('<i class="fas fa-paper-plane"></i> Üzenet küldése');
if (response.success) {
showNotificationStatus("Üzenet sikeresen elküldve!", "success");
// Close modal after 1.5 seconds
setTimeout(function() {
$('#sendMessageModal').modal('hide');
$("#notificationMessage").val(""); // Clear the textbox
}, 1500);
} else {
showNotificationStatus("Hiba: " + (response.message || "Ismeretlen hiba"), "danger");
}
},
error: function (xhr, status, error) {
console.error("Notification AJAX Error:", xhr, status, error);
btn.prop("disabled", false).html('<i class="fas fa-paper-plane"></i> Üzenet küldése');
var errorMessage = "Hiba az üzenet küldése közben";
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMessage = xhr.responseJSON.message;
} else if (xhr.responseText) {
try {
var errorObj = JSON.parse(xhr.responseText);
errorMessage = errorObj.message || errorMessage;
} catch (e) {
errorMessage = "Hiba: " + xhr.status + " - " + xhr.statusText;
}
}
showNotificationStatus(errorMessage, "danger");
}
});
return false;
});
function showNotificationStatus(message, type) {
var statusDiv = $("#notificationStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#notificationStatusMessage").text(message);
statusDiv.show();
}
// Clear notification status when modal is closed
$('#sendMessageModal').on('hidden.bs.modal', function () {
$("#notificationStatus").hide();
$("#notificationMessage").val("");
});
// ========== ORDER NOTE MANAGEMENT ==========
var addOrderNoteUrl = '@Url.Action("AddOrderNote", "CustomOrder")';
// Add Order Note (in modal)
$("#addOrderNoteBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
var noteText = $("#orderNoteText").val().trim();
if (!noteText) {
showOrderNoteStatus("Kérjük, adjon meg egy jegyzetet!", "warning");
return false;
}
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Mentés...');
showOrderNoteStatus("Jegyzet mentése folyamatban...", "info");
// Add asterisk (*) at the beginning of the message
var noteWithAsterisk = "* " + noteText;
$.ajax({
type: "POST",
url: addOrderNoteUrl,
data: {
orderId: @Model.OrderId,
note: noteWithAsterisk,
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
dataType: 'json',
success: function (response) {
console.log("Order Note Response:", response);
btn.prop("disabled", false).html('<i class="fas fa-save"></i> Jegyzet mentése');
if (response.success) {
showOrderNoteStatus("Jegyzet sikeresen mentve!", "success");
// Close modal after 1.5 seconds
setTimeout(function() {
$('#addOrderNoteModal').modal('hide');
$("#orderNoteText").val(""); // Clear the textbox
}, 1500);
} else {
showOrderNoteStatus("Hiba: " + (response.message || "Ismeretlen hiba"), "danger");
}
},
error: function (xhr, status, error) {
console.error("Order Note AJAX Error:", xhr, status, error);
btn.prop("disabled", false).html('<i class="fas fa-save"></i> Jegyzet mentése');
var errorMessage = "Hiba a jegyzet mentése közben";
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMessage = xhr.responseJSON.message;
} else if (xhr.responseText) {
try {
var errorObj = JSON.parse(xhr.responseText);
errorMessage = errorObj.message || errorMessage;
} catch (e) {
errorMessage = "Hiba: " + xhr.status + " - " + xhr.statusText;
}
}
showOrderNoteStatus(errorMessage, "danger");
}
});
return false;
});
function showOrderNoteStatus(message, type) {
var statusDiv = $("#orderNoteStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#orderNoteStatusMessage").text(message);
statusDiv.show();
}
// Clear order note status when modal is closed
$('#addOrderNoteModal').on('hidden.bs.modal', function () {
$("#orderNoteStatus").hide();
$("#orderNoteText").val("");
});
// ========== SPLIT ORDER MANAGEMENT ==========
var splitOrderUrl = '@Url.Action("SplitOrder", "CustomOrder")';
var measuringStatus = @((int)Model.OrderDto.MeasuringStatus);
var isAudited = measuringStatus === @((int)FruitBank.Common.Enums.MeasuringStatus.Audited);
// Store all order items data with their measuring status
var allOrderItems = [];
@foreach (var orderItem in Model.OrderDto.OrderItemDtos)
{
<text>
allOrderItems.push({
id: @orderItem.Id,
name: '@Html.Raw(orderItem.ProductName)',
quantity: @orderItem.Quantity,
isAudited: @orderItem.IsAudited.ToString().ToLower(),
measuringStatus: @((int)orderItem.MeasuringStatus)
});
</text>
}
// Check if audit mode should be available
// Audit mode only makes sense if there are some started/audited items
var hasStartedItems = allOrderItems.some(item => item.measuringStatus > 0); // MeasuringStatus.NotStarted = 0
var hasNotStartedItems = allOrderItems.some(item => item.measuringStatus === 0);
var canUseAuditMode = hasStartedItems && hasNotStartedItems;
// Mode switching
$('input[name="splitMode"]').change(function() {
var mode = $(this).val();
if (mode === 'audit') {
$('#auditModeView').show();
$('#manualModeView').hide();
$('#splitModeDescription').text('A már elindított/auditált termékek maradnak az eredeti rendelésben, a nem elindítottak új rendelésbe kerülnek.');
populateAuditMode();
} else {
$('#auditModeView').hide();
$('#manualModeView').show();
$('#splitModeDescription').text('Válassza ki, mely termékeket szeretné átmozgatni az új rendelésbe.');
updateManualModeLists();
}
validateSplitButton();
});
// Populate split order modal when opened
$('#splitOrderModal').on('show.bs.modal', function () {
// Skip if order is audited
if (isAudited) {
return;
}
// Determine which mode to show by default
if (canUseAuditMode) {
// If we have both started and not started items, default to audit mode
$('#splitModeAudit').prop('checked', true).parent().addClass('active');
$('#splitModeManual').prop('checked', false).parent().removeClass('active');
$('#auditModeView').show();
$('#manualModeView').hide();
$('#splitModeDescription').text('A már elindított/auditált termékek maradnak az eredeti rendelésben, a nem elindítottak új rendelésbe kerülnek.');
populateAuditMode();
// Enable audit mode button
$('#auditModeButton').removeClass('disabled').prop('disabled', false);
} else {
// If all items are not started, only manual mode makes sense
$('#splitModeManual').prop('checked', true).parent().addClass('active');
$('#splitModeAudit').prop('checked', false).parent().removeClass('active');
$('#auditModeView').hide();
$('#manualModeView').show();
$('#splitModeDescription').text('Válassza ki, mely termékeket szeretné átmozgatni az új rendelésbe.');
updateManualModeLists();
// Disable and show tooltip for audit mode button
$('#auditModeButton').addClass('disabled').prop('disabled', true);
$('#auditModeButton').attr('title', 'Audit mód csak akkor elérhető, ha vannak már elindított mérések');
}
// Uncheck all manual selections
$('.item-checkbox').prop('checked', false);
$('#selectAllItems').prop('checked', false);
});
function populateAuditMode() {
// In audit mode, we split by measuring status (started vs not started)
var startedItems = allOrderItems.filter(item => item.measuringStatus > 0);
var notStartedItems = allOrderItems.filter(item => item.measuringStatus === 0);
// Populate started/audited items list
var startedListHtml = '';
if (startedItems.length > 0) {
startedItems.forEach(function(item) {
var statusBadge = item.isAudited
? '<span class="badge badge-success badge-sm ml-2">Auditált</span>'
: '<span class="badge badge-info badge-sm ml-2">Elindítva</span>';
startedListHtml += '<li class="list-group-item d-flex justify-content-between align-items-center">' +
'<span><i class="fas fa-check-circle text-success"></i> ' +
item.name + ' - ' + item.quantity + ' db</span>' +
statusBadge +
'</li>';
});
} else {
startedListHtml = '<li class="list-group-item text-muted">Nincsenek elindított termékek</li>';
}
$('#auditedItemsList').html(startedListHtml);
// Populate not started items list
var notStartedListHtml = '';
if (notStartedItems.length > 0) {
notStartedItems.forEach(function(item) {
notStartedListHtml += '<li class="list-group-item">' +
'<i class="fas fa-times-circle text-danger"></i> ' +
item.name + ' - ' + item.quantity + ' db</li>';
});
} else {
notStartedListHtml = '<li class="list-group-item text-muted">Minden termék el lett indítva</li>';
}
$('#nonAuditedItemsList').html(notStartedListHtml);
validateSplitButton();
}
function updateManualModeLists() {
var selectedItems = [];
var remainingItems = [];
$('.item-checkbox').each(function() {
var checkbox = $(this);
var item = {
id: checkbox.data('item-id'),
name: checkbox.data('item-name'),
quantity: checkbox.data('item-quantity'),
isAudited: checkbox.data('item-audited')
};
if (checkbox.is(':checked')) {
selectedItems.push(item);
} else {
remainingItems.push(item);
}
});
// Populate remaining items list
var remainingListHtml = '';
if (remainingItems.length > 0) {
remainingItems.forEach(function(item) {
var badge = item.isAudited
? '<span class="badge badge-success badge-sm">Auditált</span>'
: '<span class="badge badge-warning badge-sm">Nem auditált</span>';
remainingListHtml += '<li class="list-group-item d-flex justify-content-between align-items-center">' +
'<span><i class="fas fa-box text-primary"></i> ' + item.name + ' - ' + item.quantity + ' db</span>' +
badge +
'</li>';
});
} else {
remainingListHtml = '<li class="list-group-item text-muted">Minden termék átkerül</li>';
}
$('#remainingItemsList').html(remainingListHtml);
// Populate moving items list
var movingListHtml = '';
if (selectedItems.length > 0) {
selectedItems.forEach(function(item) {
var badge = item.isAudited
? '<span class="badge badge-success badge-sm">Auditált</span>'
: '<span class="badge badge-warning badge-sm">Nem auditált</span>';
movingListHtml += '<li class="list-group-item d-flex justify-content-between align-items-center">' +
'<span><i class="fas fa-arrow-right text-warning"></i> ' + item.name + ' - ' + item.quantity + ' db</span>' +
badge +
'</li>';
});
} else {
movingListHtml = '<li class="list-group-item text-muted">Nincs kiválasztott termék</li>';
}
$('#movingItemsList').html(movingListHtml);
validateSplitButton();
}
// Handle individual checkbox changes
$('.item-checkbox').change(function() {
updateManualModeLists();
});
// Handle select all checkbox
$('#selectAllItems').change(function() {
var isChecked = $(this).is(':checked');
$('.item-checkbox').prop('checked', isChecked);
updateManualModeLists();
});
function validateSplitButton() {
var mode = $('input[name="splitMode"]:checked').val();
var shouldDisable = false;
var message = '';
if (mode === 'audit') {
if (!canUseAuditMode) {
shouldDisable = true;
message = 'Audit mód nem elérhető - nincs elindított mérés';
}
} else { // manual mode
var selectedCount = $('.item-checkbox:checked').length;
var totalCount = $('.item-checkbox').length;
if (selectedCount === 0) {
shouldDisable = true;
message = 'Válasszon ki legalább egy terméket';
} else if (selectedCount === totalCount) {
shouldDisable = true;
message = 'Legalább egy terméknek maradnia kell az eredeti rendelésben';
}
}
$('#splitOrderBtn').prop('disabled', shouldDisable);
if (shouldDisable && message) {
showSplitOrderStatus(message, 'warning');
} else {
$('#splitOrderStatus').hide();
}
}
// Split Order Button
$("#splitOrderBtn").click(function (e) {
e.preventDefault();
e.stopPropagation();
// Additional safety check
if (isAudited) {
showSplitOrderStatus("Ez a rendelés már auditált, nem választható szét!", "danger");
return false;
}
var mode = $('input[name="splitMode"]:checked').val();
var itemsToMove = [];
if (mode === 'manual') {
// Get selected items
$('.item-checkbox:checked').each(function() {
itemsToMove.push(parseInt($(this).data('item-id')));
});
if (itemsToMove.length === 0) {
showSplitOrderStatus("Válasszon ki legalább egy terméket!", "warning");
return false;
}
if (itemsToMove.length === allOrderItems.length) {
showSplitOrderStatus("Legalább egy terméknek maradnia kell az eredeti rendelésben!", "warning");
return false;
}
} else { // audit mode
if (!canUseAuditMode) {
showSplitOrderStatus("Audit mód nem elérhető - nincs elindított mérés!", "danger");
return false;
}
}
var confirmMessage = mode === 'audit'
? 'Biztosan szét szeretné választani ezt a rendelést mérési státusz alapján? (Elindított vs. Nem elindított)'
: 'Biztosan át szeretné mozgatni a kiválasztott termékeket egy új rendelésbe?';
if (!confirm(confirmMessage + '\n\nEz a művelet nem vonható vissza!')) {
return false;
}
var btn = $(this);
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Feldolgozás...');
showSplitOrderStatus("Rendelés szétválasztása folyamatban...", "info");
$.ajax({
type: "POST",
url: splitOrderUrl,
data: {
orderId: @Model.OrderId,
mode: mode,
orderItemIds: mode === 'manual' ? itemsToMove.join(',') : '',
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
dataType: 'json',
success: function (response) {
console.log("Split Order Response:", response);
btn.prop("disabled", false).html('<i class="fas fa-cut"></i> Rendelés szétválasztása');
if (response.success) {
showSplitOrderStatus("Rendelés sikeresen szétválasztva! Új rendelés azonosító: #" + response.newOrderId, "success");
// Redirect to the current order after 2 seconds
setTimeout(function() {
window.location.href = '@Url.Action("Edit", "Order")' + '?id=' + @Model.OrderId;
}, 2000);
} else {
showSplitOrderStatus("Hiba: " + (response.message || "Ismeretlen hiba"), "danger");
}
},
error: function (xhr, status, error) {
console.error("Split Order AJAX Error:", xhr, status, error);
btn.prop("disabled", false).html('<i class="fas fa-cut"></i> Rendelés szétválasztása');
var errorMessage = "Hiba a rendelés szétválasztása közben";
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMessage = xhr.responseJSON.message;
} else if (xhr.responseText) {
try {
var errorObj = JSON.parse(xhr.responseText);
errorMessage = errorObj.message || errorMessage;
} catch (e) {
errorMessage = "Hiba: " + xhr.status + " - " + xhr.statusText;
}
}
showSplitOrderStatus(errorMessage, "danger");
}
});
return false;
});
function showSplitOrderStatus(message, type) {
var statusDiv = $("#splitOrderStatus");
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
.addClass("alert-" + type);
$("#splitOrderStatusMessage").text(message);
statusDiv.show();
}
// ========== SEND ORDER EMAIL TO CUSTOMER ==========
var sendOrderEmailUrl = '@Url.Action("SendOrderEmailToCustomer", "CustomOrder")';
$('#sendOrderEmailBtn').click(function(e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Küldés...');
showSendOrderEmailStatus('Email küldése folyamatban...', 'info');
$.ajax({
type: 'POST',
url: sendOrderEmailUrl,
data: {
orderId: @Model.OrderId,
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
},
dataType: 'json',
success: function(response) {
btn.prop('disabled', false).html('<i class="fas fa-envelope"></i> Email küldése');
if (response.success) {
showSendOrderEmailStatus(response.message, 'success');
setTimeout(function() { $('#sendOrderEmailModal').modal('hide'); }, 2000);
} else {
showSendOrderEmailStatus('Hiba: ' + (response.message || 'Ismeretlen hiba'), 'danger');
}
},
error: function(xhr) {
btn.prop('disabled', false).html('<i class="fas fa-envelope"></i> Email küldése');
showSendOrderEmailStatus('Hiba: ' + (xhr.responseText || 'Szerver hiba'), 'danger');
}
});
});
function showSendOrderEmailStatus(message, type) {
var statusDiv = $('#sendOrderEmailStatus');
statusDiv.removeClass('alert-info alert-success alert-warning alert-danger').addClass('alert-' + type);
$('#sendOrderEmailStatusMessage').text(message);
statusDiv.show();
}
$('#sendOrderEmailModal').on('hidden.bs.modal', function() {
$('#sendOrderEmailStatus').hide();
$('#sendOrderEmailBtn').prop('disabled', false).html('<i class="fas fa-envelope"></i> Email küldése');
});
// Clear split order status when modal is closed
$('#splitOrderModal').on('hidden.bs.modal', function () {
$("#splitOrderStatus").hide();
if (!isAudited) {
$("#splitOrderBtn").prop('disabled', false).html('<i class="fas fa-cut"></i> Rendelés szétválasztása');
}
});
});
</script>