@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-7">
        <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-3">
                        <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-3">
                        <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-3">
                        <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-3">
                        <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-5">
        <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>

<!-- 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();
    }

    // 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>