{% extends 'transactions/extends/layout.html' %}
{% load static %}
{% load humanize %}
{% block content %}
    {% block styles %}
        <!-- DataTables css -->
        <link href="{% static 'sacco/assets/plugins/datatables/dataTables.bootstrap4.min.css' %}" rel="stylesheet"
              type="text/css"/>
        <link href="{% static 'sacco/assets/plugins/datatables/buttons.bootstrap4.min.css' %}" rel="stylesheet"
              type="text/css"/>
    {% endblock %}
    {% block scripts %}
        <!-- Datatable js -->
        <script src="{% static 'sacco/assets/plugins/datatables/jquery.dataTables.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/dataTables.bootstrap4.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/dataTables.buttons.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/buttons.bootstrap4.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/jszip.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/pdfmake.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/vfs_fonts.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/buttons.html5.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/buttons.print.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/buttons.colVis.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/dataTables.responsive.min.js' %}"></script>
        <script src="{% static 'sacco/assets/plugins/datatables/responsive.bootstrap4.min.js' %}"></script>
        <script src="{% static 'sacco/assets/js/custom/custom-table-datatable.js' %}"></script>
        <script>
            var global_state = {
                baseUrl:'{{ baseUrl }}',
                accTypesJson:'{{ accTypesJson|safe }}',
                transactionChargesJson:'{{ transactionChargesJson|safe }}'
            }
            {# console.log(JSON.parse(global_state.transactionChargesJson)) #}
        </script>
        <script src="{% static 'sacco/assets/custom_js/custom_transaction_charges.js' %}"></script>
    {% endblock %}
    <div class="breadcrumbbar">
                <div class="row align-items-center">
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-8">
                        <div class="btn-group pull-right">
                                {% if last.is_disposal %}
                                  <button class="btn btn-primary" disabled><i class="fa fa-info-circle"></i> Disposed Off</button>
                                {% else %}
                                <a href="#" data-bs-toggle="modal" data-bs-target="#update_status" class="btn btn-primary"><i class="fa fa-info-circle"></i> Update Status</a>
                                <a href="#" data-bs-toggle="modal" data-bs-target="#move_asset" class="btn btn-info"><i class="fa fa-truck"></i> Move Asset</a>
                                <a href="#" data-bs-toggle="modal" data-bs-target="#depreciate_asset" class="btn btn-success"><i class="fa fa-line-chart"></i> Depreciate Asset</a>
                                <a href="#" data-bs-toggle="modal" data-bs-target="#dispose_asset" class="btn btn-warning"><i class="fa fa-recycle"></i> Dispose/Write Off Asset</a>
                                {% endif %}
                            </div>
                    </div>
                </div>
            </div>
    <div class="contentbar">
    <div class="row">
        <div id="update_status" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title" id="myModalLabel">Update Asset Status</h4>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
                                            </div>
                                        <form id="updateform">
                                        {% csrf_token %}
                                            <div class="modal-body">
                                                <label class="alert alert-info">
                                                <h4 class="card-title"> Update Condition of {{ asset.name|capfirst }} ({{ asset.asset_number }})</h4>

                                                <strong>CURRENT LOCATION: </strong> {{ last.location_to.name|capfirst }}<br>
                                                <strong>CURRENT CONDITION: </strong> {{ last.condition|capfirst }}
                                            </label>
                                                <div class="form-group">
                                        <label>Updating Date</label>
                                        <input type="date" name="date" class="form-control">
                                    </div>

                                                <div class="form-group">
                                                        <label>Asset Condition</label>
                                                        <select class="form-control" name="condition">
                                                            <option value="" selected disabled>Select Condition</option>
                                                            <option value="excellent">Excellent</option>
                                                            <option value="good">Good</option>
                                                            <option value="bad">Bad</option>
                                                            <option value="damaged">Damaged</option>
                                                            <option value="irreparable">Irreparable</option>
                                                        </select>
                                                    </div>
                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea name="description" class="form-control" placeholder="Enter Description"></textarea>
                                                </div>

                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-primary waves-effect">Submit</button>
                                            </div>
                                        </form>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
        <div id="move_asset" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header" style="background: #3ea9e7">
                                                <h4 class="modal-title" id="myModalLabel">Move Asset</h4>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
                                            </div>
                                        <form id="transferform">
                                        {% csrf_token %}
                                            <div class="modal-body">
                                                <h4 class="card-title"> Transfer {{ asset.name|capfirst }} ({{ asset.asset_number }})</h4>
                                                <label class="alert alert-info"><strong>CURRENT LOCATION: </strong>
                                                    {% if last.is_disposal %}
                                                        Disposed Off
                                                    {% else %}
                                                        {{ last.location_to.name|capfirst }}
                                                    {% endif %}
                                                </label>
                                                <div class="form-group">
                                        <label>Transfer Date</label>
                                        <input type="date" name="date" class="form-control">
                                    </div>
                                                    <div class="form-group">
                                                        <label>Transfer From</label>
                                                        <input type="hidden" name="from" value="{{ last.location_to.id }}">
                                                        <input type="text" class="form-control" value="{{ last.location_to.name|capfirst }}" disabled>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>Transfer To</label>
                                                        <div class="input-group">
                                                        <select class="form-control" name="to" id="desti">
                                                            <option value="" selected disabled>Select New Destination</option>
                                                            {% for a in destinations %}
                                                                <option value="{{ a.id }}">{{ a.name }}</option>
                                                            {% endfor %}
                                                        </select>
                                                        <div class="input-group-append">
                                                                            <span class="btn btn-info" onclick="window.open('/transactions/new-fixed-assets-location/', '', 'width=800, height=600')"><i class="fa fa-plus"></i></span>
                                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                            <label>Asset Condition</label>
                                                            <select class="form-control" name="condition">
                                                                <option value="" selected disabled>Select Condition</option>
                                                                <option value="excellent">Excellent</option>
                                                                <option value="good">Good</option>
                                                                <option value="bad">Bad</option>
                                                                <option value="damaged">Damaged</option>
                                                                <option value="irreparable">Irreparable</option>
                                                            </select>
                                                        </div>
                                                    <div class="form-group">
                                                        <label>Description</label>
                                                        <textarea name="description" class="form-control" placeholder="Enter Description"></textarea>
                                                    </div>

                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-info waves-effect">Submit</button>
                                            </div>
                                        </form>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
        <div id="depreciate_asset" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title" id="myModalLabel">Depreciate Asset</h4>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
                                            </div>
                                        <form id="depreciate">
                                        {% csrf_token %}
                                            <div class="modal-body">
                                                <h4>Are you sure you want to Depreciate Asset {{ asset.name }}({{ asset.asset_number }})?</h4>
                                                <input type="hidden" name="date" value="{{ asset.id }}">
                                                <div class="col-md-12">
                                                    <label class="form-label">Accumulated depreciation</label>
                                                    <div class="input-group mb-2">
                                                        <input type="text" data-type="currency" name="acc_depreciation" class="form-control" placeholder="Accumulated depreciation"
                                                               aria-label="Number" aria-describedby="basic-addon1" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group mb-2">
                                                        <label class="form-label">Date</label>
                                                        <input type="date" name="date" class="form-control" placeholder="Enter date"
                                                               required id="txdate" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <label class="form-label">Narration</label>
                                                    <div class="input-group mb-2">
                                                        <textarea class="form-control" name="narration" placeholder="Narrative (Optional)"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-info waves-effect">Proceed</button>
                                            </div>
                                        </form>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
        <div id="dispose_asset" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title" id="myModalLabel">Dispose/Write Off Asset</h4>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
                                            </div>
                                        <form id="disposalform">
                                        {% csrf_token %}
                                            <div class="modal-body">
                                                <h4 class="card-title"> Dispose/Write off {{ asset.name|capfirst }} ({{ asset.asset_number }})</h4>
                                                <label class="alert alert-info">
                                        <strong>LOCATION: </strong> {{ last.location_to.name|capfirst }}&nbsp;
                                        <strong>CONDITION: </strong> {{ last.condition|capfirst }}
                                    </label>
                                                <div class="form-group">
                                                    <label>Disposal Date</label>
                                                    <input type="date" name="date" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                        <label>Asset Condition</label>
                                                        <select class="form-control" name="condition">
                                                            <option value="" selected disabled>Select Condition</option>
                                                            <option value="excellent">Excellent</option>
                                                            <option value="good">Good</option>
                                                            <option value="bad">Bad</option>
                                                            <option value="damaged">Damaged</option>
                                                            <option value="irreparable">Irreparable</option>
                                                        </select>
                                                    </div>
                                                <div class="form-group">
                                                    <label>Asset Buyer</label>
                                                    <div class="input-group">
                                                    <select class="form-control" name="customer" id="supcus">
                                                        <option value="" selected disabled>Select Customer</option>
                                                        {% for c in customers %}
                                                            <option value="{{ c.id }}">{{ c.name }}</option>
                                                        {% endfor %}

                                                    </select>
                                                    <div class="input-group-append">
                                                                    <span class="btn btn-info" onclick="window.open('/transactions/new-account/Customers/Customer/supcus/', '', 'width=800, height=600')"><i class="fa fa-plus"></i></span>
                                                                </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label>Disposal Amount</label>
                                                    <div class="input-group mb-3">
                                                                <div class="input-group-prepend">
        {#                                                            <span class="input-group-text">UGX</span>#}
                                                                    <select class="form-control" id="basic-addon1" name="currency">

                                                                        {% for c in currencies %}
                                                                            {% if c.is_default %}
                                                                        <option value="{{ c.rate_id }}" selected>{{ c.abb }}</option>
                                                                            {% else %}
                                                                        <option value="{{ c.rate_id }}">{{ c.abb }}</option>
                                                                            {% endif %}
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <input type="text" name="amount" class="form-control" placeholder="Amount" aria-label="Number" aria-describedby="basic-addon1">
                                                            </div>
                                                </div>
                                                <div class="form-group">
                                            <input type="checkbox" style="width: 30px; font-size: 20px;" onchange="show_hide_payment(this);"><strong>Do you want to record a payment?</strong>
                                            <input type="hidden" name="pay_status" value="0" id="pstatus">
                                        </div>
                                            <script>
                                            function show_hide_payment(val){

                                                if(val.checked){
                                                    document.getElementById("showpaymenttab").style.display='flex';
                                                    document.getElementById("pstatus").value="1";
                                                }else if(!val.checked){
                                                    document.getElementById("showpaymenttab").style.display='none';
                                                    document.getElementById("pstatus").value="0";
                                                }
                                            }
                                        </script>
                                                <div class="row" id="showpaymenttab" style="display: none;">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label id="dr_lebel">Which Mode of Payment?</label>
                                                    <select class="form-control" name="payment_mode" onchange="getaccounts(this.value)">
                                                        <option value="" selected disabled>Select Payment Mode</option>
                                                        <option value="Cash">Cash Payment</option>
                                                        <option value="Bank">Bank Payment</option>
                                                        <option value="Mobile Money">Mobile Money Payment</option>
                                                    </select>
                                            </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                <label id="payment_label">Which Account?</label>
                                                <select class="form-control" name="payment_account" id="payment_acc">
                                                    <option value="" selected disabled>Select Account</option>
                                                </select>
                                            </div>
                                            </div>
                                        </div>

                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea name="description" class="form-control" placeholder="Enter Description"></textarea>
                                                </div>

                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-info waves-effect">Submit</button>
                                            </div>
                                        </form>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title"> {{ asset.name|capfirst }} ({{ asset.asset_number }}) Transaction History. Current location:
                                    {% if last.is_disposal %}
                                        Disposed Off
                                    {% else %}
                                        {{ last.location_to.name|capfirst }}
                                    {% endif %}</h4>
                                <div class="table-responsive">
                                    <table id="zero_config" class="table table-striped table-bordered display table-sm" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Action</th>
                                                <th>From</th>
                                                <th>To</th>
                                                <th>Purchase Price</th>
                                                <th>Depreciation Price</th>
                                                <th>Disposal Price</th>
                                                <th>Condition</th>
                                                <th>Description</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for f in details %}
                                                <tr>
                                                    <td>{{ f.date }}</td>
                                                    <td>
                                                        {% if f.is_purchase %}
                                                        Asset Purchase
                                                        {% elif f.is_transfer %}
                                                        Asset Transfer
                                                        {% elif f.is_update %}
                                                        Asset Update
                                                        {% elif f.is_disposal %}
                                                        Asset Disposal
                                                        {% elif f.is_depreciation %}
                                                        Asset Depreciation
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        {% if f.is_purchase %}
                                                        {{ f.asset.supplier.name }} (supplier)
                                                        {% elif f.is_update %}
                                                            {{ f.location_from.name }}
                                                        {% else %}
                                                        {{ f.location_from.name }}
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        {% if f.is_disposal %}
                                                        {{ f.buyer.name }} (buyer)
                                                        {% elif f.is_update %}
                                                            {{ f.location_from.name }}
                                                        {% else %}
                                                        {{ f.location_to.name }}
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        {% if f.is_purchase %}
                                                        {{ f.asset.purchase_price|intcomma }}
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        {% if f.is_depreciation %}
                                                        {{ f.gl.reporting_amount|intcomma }}
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        {% if f.is_disposal %}
                                                        {{ f.sale_price|intcomma }}
                                                        {% endif %}
                                                    </td>
                                                    <td>{{ f.condition }}</td>
                                                    <td>{{ f.description }}</td>
                                                </tr>
                                            {% endfor %}


                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    </div>


{% endblock %}
{% block javascript %}
    <script>
    function HandleAssetsresults(result){
        // toastr.success('Asset Location Created Successfully', 'Success');
        new PNotify( {
                        title: 'Success', text: 'Asset Location Created Successfully', type: 'success'
                    });
    $('#desti').append($(result));

    }
</script>

    <script>
    function Handleresults(result, id){
        // toastr.success('Account Created Successfully', 'Success');
        new PNotify( {
                        title: 'Success', text: 'Saved', type: 'success'
                    });
    $('#'+id).append($(result));

    }
</script>
    <script>
    function show(val){
        if(val=="transfer"){
            document.getElementById("transferasset").style.display='flex';
            document.getElementById("updateasset").style.display='none';
            {#document.getElementById("").style.display='none';#}
        }else if(val=="update"){
            document.getElementById("updateasset").style.display='flex';
            document.getElementById("transferasset").style.display='none';
            {#document.getElementById("").style.display='none';#}
        }if(val=="dispose"){
            {#document.getElementById("").style.display='flex';#}
            document.getElementById("transferasset").style.display='none';
            document.getElementById("updateasset").style.display='none';
        }
    }
    </script>
    <script>
        var request;
        $("#transferform").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/fixed-assets/transfer/{{ asset.id }}/",
                type: "POST",
                data: serializedData
            });

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

                if(response == "0"){
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });

                }else if(response == "1"){
                    // toastr.error("Please make sure all fields have been filled", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Please Fill All fields', type: 'error'
                    });

                }else if(response == "2"){
                    // toastr.error("Invalid Locations Submitted. Please check and try again", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Invalid Location', type: 'error'
                    });

                }else if(response == "3"){
                    // toastr.error("Something went wrong", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Something Went Wrong', type: 'error'
                    });

                }else if(response == "4"){
                    // toastr.error("Invalid Request. Please try again", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });

               }else{
                   // toastr.success("Transfer Made successfully.", 'Success');

                   setTimeout(function(){
                        window.location.href = response;
                   }, 0);
                }

            });

            //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>
    <script>
        var request;
        $("#updateform").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/fixed-assets/update/{{ asset.id }}/",
                type: "POST",
                data: serializedData
            });

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

                if(response == "0"){
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });
                    // toastr.error("Invalid Request", 'Error');

                }else if(response == "1"){
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });
                    // toastr.error("Invalid Request", 'Error');

                }else if(response == "2"){
                    new PNotify( {
                        title: 'Error', text: 'Please Fill all the form Fields', type: 'error'
                    });
                    // toastr.error("Please make sure all fields are filled", 'Error');

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


               }else{
                   // toastr.success("Update Made successfully.", 'Success');
                   setTimeout(function(){
                        window.location.href = response;
                   }, 0);
                }

            });

            //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>
    <script>
        var request;
        $("#depreciate").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/fixed-assets/depreciate/{{ asset.id }}/",
                type: "POST",
                data: serializedData
            });

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

                if(response == "0"){
                    // toastr.error("Invalid Request", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });

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

                }else if(response == "2"){
                    // toastr.error("Something went wrong", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Something went wrong', type: 'error'
                    });



               }else{
                   // toastr.success("Depreciation Made successfully.", 'Success');
                   setTimeout(function(){
                        window.location.href = response;
                   }, 0);
                }

            });

            //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>
    <script>
        var request;
        $("#disposalform").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/fixed-assets/dispose/{{ asset.id }}/",
                type: "POST",
                data: serializedData
            });

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

                if(response == "0"){
                    // toastr.error("Invalid Request "+response, 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Invalid Request', type: 'error'
                    });

                }else if(response == "1"){
                    // toastr.error("Something went wrong "+response, 'Error');
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "2"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "3"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "4"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "5"){
                   new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "6"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "7"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

                }else if(response == "8"){
                    new PNotify( {
                        title: 'Error', text: "Something went wrong "+response, type: 'error'
                    });

               }else{

                   setTimeout(function(){
                        window.location.href = response;
                   }, 3000);
                }

            });

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

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

            });
        });
    </script>
<script>
    function getaccounts(value) {
        if(value=="Mobile Money"){
            document.getElementById("payment_label").innerHTML="From which Mobile Money Account?";
        }else if(value=="Bank"){
            document.getElementById("payment_label").innerHTML="From which Bank Account?";
        }else if(value=="Cash"){
            document.getElementById("payment_label").innerHTML="From which Cash Account?";
        }
        //var acctypedr = null;

        //submit and get lists of accounts
        var request;

        if(request){
                request.abort();
            }

        var data = {
            acctype: value
        }
        request = $.ajax({
                url: "/transactions/getdr/",
                type: "POST",
                data: data
            });
        request.done(function(response, textStatus, jqXHR){
                   //toastr.error(response, "error");

                if(response == "0"){
                    // toastr.error("You are not authenicated", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Something went wrong', type: 'error'
                    });

                }else if(response == "1"){
                    // toastr.error("Bad request", 'Error');
                    new PNotify( {
                        title: 'Error', text: 'Something went wrong', type: 'error'
                    });

               }else{
                   document.getElementById("payment_acc").innerHTML=response;
                }

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


    }
    </script>
{% endblock %}