@using Nop.Plugin.Misc.FruitBankPlugin.Models.Orders
@model OrderAttributesModel

<div class="card card-default">
    <div class="card-header">
        <i class="fas fa-tags"></i>
        Custom Order Attributes
    </div>
    <div class="card-body">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="IsMeasurable" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="IsMeasurable" />
                <span asp-validation-for="IsMeasurable"></span>
            </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" />
                <span asp-validation-for="DateOfReceipt"></span>
            </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> Save Attributes
                </button>
            </div>
        </div>
    </div>
</div>

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