@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-4">
        <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-3 text-right">
                        <strong>Mérés információ</strong>
                    </div>
                    <div class="col-md-9">
                        @(Model.IsMeasurable ? "Mérendő" : "Nem mérendő")
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-3">
                        <nop-label asp-for="DateOfReceipt" />
                    </div>
                    <div class="col-md-9">
                        <nop-editor asp-for="DateOfReceipt" asp-template="" />
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-12 text-right">
                        <button type="button" id="saveAttributesBtn" class="btn btn-primary">
                            <i class="fa fa-save"></i> Mentés
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4">
        <div class="card card-default mb-3">
            <div class="card-header">
                <h4><i class="fas fa-cogs"></i> Üzenet küldése</h4>
            </div>
            <div class="card-body">
                <div class="form-group row">
                    <div class="col-12">
                        <label for="notificationMessage">Üzenet szövege:</label>
                        <textarea id="notificationMessage" class="form-control" rows="3" placeholder="Írja be az üzenetet..."></textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-12">
                        <div id="notificationStatus" class="alert" style="display: none;">
                            <i class="fas fa-info-circle"></i> <span id="notificationStatusMessage"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-12 text-right">
                        <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>
    </div>
    <div class="col-12 col-md-4">
        <div class="card card-default mb-3">
            <div class="card-header">
                <i class="fas fa-file-invoice"></i>
                InnVoice Management
            </div>
            <div class="card-body">
                <div class="col-12">
                    <h5><i class="fas fa-shopping-cart"></i> Megrendelés beküldése Innvoice-ba</h5>
                    <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> Létrehozás
                    </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 class="col-12 col-md-3">
                <h5><i class="fas fa-file-invoice-dollar"></i> Invoice</h5>
                <div id="invoiceStatus" class="alert alert-info" style="display: none;">
                    <i class="fas fa-info-circle"></i> <span id="invoiceStatusMessage"></span>
                </div>
                <div id="invoiceDetails" style="display: none;">
                    <p><strong>Invoice Number:</strong> <span id="invoiceNumber"></span></p>
                    <p><strong>Table ID:</strong> <span id="invoiceTableId"></span></p>
                    <p>
                        <a id="invoicePdfLink" href="#" target="_blank" class="btn btn-sm btn-info">
                            <i class="fas fa-file-pdf"></i> View Invoice PDF
                        </a>
                    </p>
                </div>
            </div> *@

    @* <div class="col-12 col-md-3 text-right">
                <button type="button" id="createInvoiceBtn" class="btn btn-success">
                    <i class="fas fa-file-invoice-dollar"></i> Create Invoice
                </button>
                <button type="button" id="checkInvoiceBtn" class="btn btn-secondary" style="display: none;">
                    <i class="fas fa-sync"></i> Refresh Invoice
                </button>
            </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
        $("#saveAttributesBtn").click(function (e) {
            e.preventDefault();
            e.stopPropagation();

            $.ajax({
                type: "POST",
                url: "@Url.Action("SaveOrderAttributes", "CustomOrder")",
                data: {
                    orderId: "@Model.OrderId",
                    isMeasurable: $("#@Html.IdFor(m => m.IsMeasurable)").is(":checked"),
                    dateOfReceipt: $("#@Html.IdFor(m => m.DateOfReceipt)").val(),
                    __RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
                },
                success: function () {
                    alert("Attributes saved successfully");
                },
                error: function () {
                    alert("Error saving attributes");
                }
            });

            return false;
        });

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


            var sendNotificationUrl = '/Admin/CustomOrder/SendOrderNotification';

    // Send Notification
    $("#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");
                    $("#notificationMessage").val(""); // Clear the textbox
                } 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();
    }

    });
</script>