{% extends 'transactions/extends/popup_base.html' %}
{% load static %}
{% block content %}
    <div class="row">
        <div class="col-md-12">
            <h4>Create New Asset Location</h4>
            <form id="savelocation">
                {% csrf_token %}
                <div class="col-md-12">
                    <div class="form-group">
                        <label>Location Name</label>
                        <input type="text" name="name" class="form-control" placeholder="Location Name">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label>Address</label>
                        <textarea name="address" class="form-control" placeholder="Location Address"></textarea>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="form-group">
                        <label>Other Details</label>
                        <textarea name="details" class="form-control"
                                  placeholder="Location details. eg. Contact person, etc"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="reset" class="btn btn-warning waves-effect"><i class="fa fa-sync"></i>&nbsp;Reset Form
                    </button>
                    <button type="submit" class="btn btn-info waves-effect"><i class="fa fa-save"></i>&nbsp;Submit
                    </button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}
{% block javascript %}
    <!--    create business category  -->
    <script>
        var request;
        $("#savelocation").submit(function (event) {
            event.preventDefault();

            if (request) {
                request.abort();
            }
            var $form = $(this);
            var $inputs = $form.find("input, select, button, textarea");
            var serializedData = $form.serialize();
            $inputs.prop("disabled", true);
            request = $.ajax({
                url: "/transactions/new-fixed-assets-location/",
                type: "POST",
                data: serializedData
            });

            request.done(function (response, textStatus, jqXHR) {
                //toastr.error(response, "error");

                if (response == "0") {
                    new PNotify({
                        title: 'Error', text: 'Location Name Already Exists', type: 'error'
                    });


                } else if (response == "1") {
                    new PNotify({
                        title: 'Error', text: 'Something went Wrong. Please try again', type: 'error'
                    });

                } else {
                    window.opener.HandleAssetsresults(response);
                    window.close();
                    return false;
                }

            });

            //callback for failed
            request.fail(function (jqXHR, textStatus, errorThrown) {
                //log error to console
                toastr.danger("There was an error " +
                    textStatus, errorThrown, 'Error');
                alert(
                    "There was an error " +
                    textStatus, errorThrown
                );
            });

            //call back called regardless
            request.always(function () {
                $inputs.prop("disabled", false);

            });
        });
    </script>

{% endblock %}