{% extends "site.html" %}

{% block head %}
    {{ block.super }}
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}

<script>
    $(document).ready(function() {
        $("textarea").on("blur", function() {
            let id = $(this).data("id");
            let val = $(this).val();

            $.ajax({
                url: "{% url 'mfq:update-purchase-order' %}",
                method: "POST",
                data: {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    id: id,
                    notes: val
                }
            });
        });


        $(".bottles-purchased").on("input", function() {
            // strip non digits from text.
            let val = $(this).val().replace(/\D/g, "");
            $(this).val(val);

            // update # of
            let qty = $(this).data("quantity") || 0;
            let pills = (parseInt(val || 0, 10)) * qty;

            $(".pills-purchased[data-id='" + $(this).data("id") + "']").text(pills.toLocaleString());
        });


        $(".bottles-purchased").on("blur", function() {
            let id = $(this).data("id");
            let val = $(this).val();

            $.ajax({
                url: "{% url 'mfq:update-purchase-order' %}",
                method: "POST",
                data: {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    id: id,
                    stock_bottles: val
                }
            });
        });


        $(".purchase-date").on("change", function() {
            let id = $(this).data("id");
            let val = $(this).val();

            let selected = new Date(val);
            let today = new Date();
            today.setHours(0, 0, 0, 0);

            let year = selected.getFullYear();

            if (selected <= today && val && year > 2000) {
                $.ajax({
                    url: "{% url 'mfq:update-purchase-order' %}",
                    method: "POST",
                    data: {
                        csrfmiddlewaretoken: "{{csrf_token}}",
                        id: id,
                        purchase_date: val
                    }
                });
            }
        });


        $(window).on("beforeunload", function() {
            let active = document.activeElement;
            if ($(active).is("textarea")) {
                let id = $(active).data("id");
                let val = $(active).val();
                $.ajax({
                    url: "{% url 'mfq:update-purchase-order' %}",
                    method: "POST",
                    async: false,
                    data: {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        id: id,
                        notes: val
                    }
                });
            } else if ($(active).is(".bottles-purchased")) {
                let id = $(active).data("id");
                let val = $(active).val();

                $.ajax({
                    url: "{% url 'mfq:update-purchase-order' %}",
                    method: "POST",
                    data: {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        id: id,
                        stock_bottles: val
                    }
                });
            }
        });
    });
</script>

{% include 'report-purchase-orders-rep.html' %}
{% include 'pagenav.html' %}
{% endblock %}