File: /www/exchange2/exchange/templates/originator_application_form_upload.html
<AJDF:output>include file="header.html"</AJDF:output>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"> </td>
</tr>
<tr>
<td class="login_bg" align="left" valign="middle">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle" class="login_bg_t">Exchange Trade Centre | Create Organisation Application Form</td>
<td width="" align="left" valign="middle" class="txt_11">Originator Organisation ID: <AJDF:output>$smarty.session.user.org_ref_id</AJDF:output> </td>
<td class="txt_11" align="right">
<AJDF:output>include file='originator_top_dashboard_links.html'</AJDF:output>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" class="about_c" id="tool"><table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="18%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><AJDF:output>include file='left_sidebar_small.html'</AJDF:output></td>
</tr>
</table></td>
<td width="82%" align="right" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left" valign="middle" class="hdr_center1"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td align="left" valign="middle" class="inves_top_bg"><span>Aged Debtors & Aged Creditors</span></td>
</tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody><tr>
<td align="left" valign="top" class="about_c_1"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr class="very_lite_gray">
<td align="left" valign="top"> </td>
</tr>
<tr class="very_lite_gray">
<td align="left" valign="top" class="txt_12_red"> <b>Please Note:</b> All fields marked with * require an input </td>
</tr>
<tr class="very_lite_gray">
<td align="center" valign="top" class=""></td>
</tr>
<tr class="very_lite_gray">
<td align="left" valign="top"> </td>
</tr>
</tbody></table></td>
</tr>
<tr class="very_lite_gray">
<td align="left" valign="top" class="about_c_1" style="padding-left: 20px">
<br>
<p><b><span class="red">*</span> Aged Debtors Analysis Report</b></p>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<AJDF:output>if $software_name == 'Xero' || $software_name == 'Sage 50' || $software_name == 'QuickBooks Online'</AJDF:output>
<AJDF:output>assign var='m_top' value=0</AJDF:output>
<AJDF:output>if $software_name == 'Sage 50'</AJDF:output>
<AJDF:output>assign var='m_top' value=35</AJDF:output>
<AJDF:output>/if</AJDF:output>
<td width="65%" align="left" valign="top" style="padding-right: 10px">
<img src="/exchange/images/<AJDF:output>$software_name</AJDF:output>.png" alt="<AJDF:output>$software_name</AJDF:output>" style="float: right; margin: <AJDF:output>$m_top</AJDF:output>px 0 10px 20px" width="130">
<p>As a <AJDF:output>$software_name</AJDF:output> accounting software user, follow these
<AJDF:output>if $software_name == 'Xero' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/xero/">steps</a>
<AJDF:output>elseif $software_name == 'Sage 50' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/sage-50/">steps</a>
<AJDF:output>elseif $software_name == 'QuickBooks Online' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/quickbooks/">steps</a>
<AJDF:output>/if</AJDF:output>
to create the file required.</p>
<ol class="styled">
<li>Save to Excel file to your desktop</li>
<li>Use the button on the right to browse to your desktop, select the file and upload</li>
</ol>
</td>
<AJDF:output>else</AJDF:output>
<td width="50%" align="left" valign="top" style="padding-right: 10px">
<p>Easily exported from most accounting software.</p>
<ol class="styled">
<li>Export the aged debtors analysis as .CSV or Excel format</li>
<li>Save to your desktop</li>
<li>Use the button on the right to browse to your desktop, <br>select the file and upload</li>
</ol>
</td>
<AJDF:output>/if</AJDF:output>
<td width="50%" align="center" valign="middle">
<form method="POST" ecntype="multipart/form-data"
class="js-form-file-upload">
<label
class="btn btn-yellow btn-default js-file-upload"
data-name="uged_d"
data-accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
data-action="?do=saveapplicationupload">Upload Aged Debtors
<input type="file" name="uged_d" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"></label>
<span style="color:#FF0000">
<AJDF:output>if !empty($documents.uged_d)</AJDF:output>
You have already uploaded this document before.
<AJDF:output>/if</AJDF:output>
<AJDF:output>$errmsg.uged_d</AJDF:output>
</span>
<div class="progress">
<div class="bar">0%</div>
</div>
<div class="form-result"></div>
</form>
</td>
</tr>
</tbody></table></td>
</tr>
<tr class="very_lite_gray">
<td align="left" valign="top" class="about_c_1" style="padding-left: 20px">
<br>
<p><b>Aged Creditors Analysis Report</b></p>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<AJDF:output>if $software_name == 'Xero' || $software_name == 'Sage 50' || $software_name == 'QuickBooks Online'</AJDF:output>
<td width="65%" align="left" valign="top" style="padding-right: 10px">
<img src="/exchange/images/<AJDF:output>$software_name</AJDF:output>.png" alt="<AJDF:output>$software_name</AJDF:output>" style="float: right; margin: <AJDF:output>$m_top</AJDF:output>px 0 10px 20px" width="130">
<p>
Although not a required data upload, doing so will assist Credebt Exchange<br>
in calculating the savings "<AJDF:output>$organization_name</AJDF:output>" can make by opting to<br>
pay these creditors using the 'Payment on Demand' service.
</p>
<br/>
<p>As a <AJDF:output>$software_name</AJDF:output> accounting software user, follow these
<AJDF:output>if $software_name == 'Xero' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/xero/aged-creditors/">steps</a>
<AJDF:output>elseif $software_name == 'Sage 50' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/sage-50/aged-creditors/">steps</a>
<AJDF:output>elseif $software_name == 'QuickBooks Online' </AJDF:output>
<a target="_blank" class="txt_12_blue" style="font-size: 12px;" href="https://www.convertibill.com/support/quickbooks/aged-creditors">steps</a>
<AJDF:output>/if</AJDF:output>
to create the file required.</p>
<ol class="styled">
<li>Save to Excel file to your desktop</li>
<li>Use the button on the right to browse to your desktop, select the file and upload</li>
</ol>
</td>
<AJDF:output>else</AJDF:output>
<td width="50%" align="left" valign="top" style="padding-right: 10px">
<p>
Although not a required data upload, doing so will assist Credebt Exchange<br>
in calculating the savings "<AJDF:output>$organization_name</AJDF:output>" can make by opting to<br>
pay these creditors using the 'Payment on Demand' service.
</p>
<ol class="styled">
<li>Export the aged debtors analysis as .CSV or Excel format</li>
<li>Save to your desktop</li>
<li>Use the button on the right to browse to your desktop, <br>select the file and upload</li>
</ol>
</td>
<AJDF:output>/if</AJDF:output>
<td width="50%" align="center" valign="middle">
<form method="POST" ecntype="multipart/form-data"
class="js-form-file-upload">
<label
class="btn btn-yellow btn-default js-file-upload"
data-name="uged_c"
data-accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
data-action="?do=saveapplicationupload">Upload Aged Creditors
<input type="file" name="uged_c" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"></label>
<span style="color:#FF0000">
<AJDF:output>if !empty($documents.uged_d)</AJDF:output>
You have already uploaded this document before.
<AJDF:output>/if</AJDF:output>
</span>
<div class="progress">
<div class="bar">0%</div>
</div>
<div class="form-result"></div>
</form>
</td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td align="center" valign="top" class="about_c_1"></td>
</tr>
<tr>
<form method="POST" action="?do=saveapplicationupload" name="sub" enctype="multipart/form-data">
<td align="center" valign="top" class="dark_gray_bg">
<input name="submit" value="Back" class="mem_bttn" type="button" onclick="location.href='index.php?do=application0'">
<input name="submit" value="Save & Continue" class="mem_bttn" type="submit">
</td>
</form>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
</table>
<script type="text/javascript" src="<AJDF:output>'/js/jquery.form.js'|siteUrl</AJDF:output>"></script>
<script type="text/javascript">
var jsInputFiles = $('.js-file-upload');
jsInputFiles.each(function () {
var $btn = $(this),
accept = $btn.attr('data-accept'),
name = $btn.attr('data-name'),
$form = $('<form method="POST" ecntype="multipart/form-data" action="' + $btn.attr('data-action') + '"></form>');
$btn.after($form);
$form
.addClass('js-form-file-upload')
.append($btn)
.append('<div class="progress"><div class="bar">0%</div></div>')
.append('<div class="form-result"></div>');
$btn.append('<input type="file" name="document"/>');
var $input = $btn.find('input[type=file]'),
$progress = $form.find('.progress'),
$progressBar = $progress.find('.bar'),
$formResult = $form.find('.form-result');
if (accept) {
$input.attr('accept', accept);
}
if (name) {
$input.attr('name', name);
}
$form.ajaxForm({
beforeSend: function() {
$progress.css('visibility', 'visible');
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
$progressBar.width(percentVal).html(percentVal);
},
success: function() {
var percentVal = '100%';
$progressBar.width(percentVal).html(percentVal);
},
complete: function(xhr) {
$formResult.html(xhr.responseText);
}
});
// bind submit handler to form
$input.on('change', function () {
$form.submit();
return false;
});
});
</script>
<style>
ol.styled {
margin: 15px 0 15px 30px;
}
ol.styled li {
margin: 5px 0 ;
list-style: decimal;
text-align: justify;
list-style-position: outside;
}
.btn-yellow {
height: 36px;
min-width: 200px;
line-height: 36px;
font-size: 14px;
display: inline-block;
padding: 0 10px;
text-align: center;
font-weight: bold;
color: #191919;
border: 0;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 1px 1px 1px 0 #502a01,inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #fede77;
-moz-box-shadow: 1px 1px 1px 0 #502a01,inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #fede77;
box-shadow: 1px 1px 1px 0 #502a01,inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #fede77;
background: #ffe600;
background: -moz-linear-gradient(top,#ffda1e 0,#ffe600 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffda1e),color-stop(100%,#ffe600));
background: -webkit-linear-gradient(top,#ffda1e 0,#ffe600 100%);
background: -o-linear-gradient(top,#ffda1e 0,#ffe600 100%);
background: -ms-linear-gradient(top,#ffda1e 0,#ffe600 100%);
background: linear-gradient(to bottom,#ffda1e 0,#ffe600 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda1e',endColorstr='#ffe600',GradientType=0);
}
.btn-yellow:active {
-webkit-box-shadow: inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #502a01;
-moz-box-shadow: inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #502a01;
box-shadow: inset -1px -1px 1px 0 #904701,inset 2px 2px 1px 0 #502a01;
position: relative;
top: 1px;
}
.js-file-upload {
position: relative;
overflow: hidden;
cursor: pointer
}
.js-file-upload input[type=file] {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 100px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.progress {
height: 24px;
overflow: hidden;
background-color: #dedede;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.progress .bar {
float: left;
width: 0;
height: 100%;
font-size: 14px;
line-height: 22px;
color: #fff;
text-align: center;
background-color: #36a1c2;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease
}
.js-form-file-upload {
margin: 20px 0 0 0
}
.js-form-file-upload + .js-form-file-upload {
margin: 0
}
.js-form-file-upload .btn {
vertical-align: top
}
.js-form-file-upload .progress {
display: block;
margin: 10px auto;
width: 200px;
height: 25px;
visibility: hidden;
vertical-align: top
}
.js-form-file-upload .progress .bar {
line-height: 25px;
font-weight: bold
}
.js-form-file-upload .form-error {
margin: 5px 0;
font-size: 90%;
color: red
}
</style>
<AJDF:output>include file="footer.html"</AJDF:output>