<?php /* Smarty version 2.6.19, created on 2024-06-17 09:07:04
         compiled from reports/creditors_overdue_reports.html */ ?>
<div id="dialog_two" title="Overdue Balance">
    <script>
        $(function () {
            $("#download_overdue_report").submit(function(){
                $("#html_overdue_report").val($("#overdue_report_table").html());
            });
        });
        function get_overdue_report(country_id){
            var user_id = <?php echo $this->_tpl_vars['organisation']['user_id']; ?>
;
            $(".overdue_wait").show();
            $.ajax({
                type: "POST",
                url: '?do=getreport',
                data: {report_type: 22, user_id: user_id, country_id: country_id},
                success: function (data) {
                    $("#overdue_report_table").html(data);
                    $(".download_overdue_report").show();
                    $(".overdue_wait").hide();
                    $("#country").val(country_id);
                }
            })
        }
    </script>
    <form method="post" action="?do=downloadreport" id="download_overdue_report">
        <input type="hidden" name="country_id" id="country">
        <input type="hidden" name="report_type" value="22">
        <input type="hidden" name="user_id" value="<?php echo $this->_tpl_vars['organisation']['user_id']; ?>
">
        <div style="margin: 10px 0 20px 0">
            <button type="submit" class="download_overdue_report btn btn-info">Download Report</button>
        </div>
        <div class="overdue_wait"></div>
        <div id="overdue_report_table">
        </div>
        <button type="submit" class="download_overdue_report btn btn-info">Download Report</button>
    </form>
</div>
<style>
    .download_overdue_report{display: none}

    .overdue_wait {
        background: url("images/wait.gif");
        height: 200px;
        width: 200px;
        background-position: 50%;
        position: absolute;
        left: 40%;
        top: 30%;
        display: none;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        background-image: url(../css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
        background-position: -97px -129px;
    }
</style>
<script>
    $(function () {
        $("#dialog_two").dialog({
            autoOpen: false,
            width: 1000,
            height: 500,
            modal: true
        });
    });
</script>