function ofx()
{
echo "\n\t\t\t\t\t<script>";
$selects = new selects();
$selects->ctrcusto_autocomplete('');
echo "</script>\n\t\t\t\t\t\t<script>";
$selects = new selects();
$selects->conta_autocomplete('');
echo "</script>";
echo "<div class='uk-grid' id='msg'>\n\t\t\t<div class='uk-width-small-1-1 uk-width-medium-1-3 uk-width-large-1-4' >\n\t\t\t\t<div class='uk-panel uk-panel-box uk-panel-box-primary'>\t\n\t\t\t\t\t<form class='uk-form uk-form-horizontal'>\n\t\t\t\t\t\t<div class='uk-form-row'>\n\t\t\t\t\t\t\t<p class='uk-article-meta'><i class='uk-icon-location-arrow'></i> Suporta apenas formato de arquivo Open Finacial Exchange (OFX).</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class='uk-form-row'>\n\t\t\t\t\t\t\t<div class='uk-button-group' style='width:100%'>\n\t\t\t\t\t\t\t\t<input id='input_selecionar_ofx' disabled placeholder='.ofx' class='uk-form-small' style='height: 23px ! important;width: 60%;' type='text'>\n\t\t\t\t\t\t\t\t<button id='bt_selecionar_ofx' class='uk-button uk-button-mini uk-button-primary' style='height: 23px ! important; width: 40%; font-size: 10px; text-transform: lowercase ! important;' type='button'>selecione um arquivo</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\t\t\t\t\t\t\n\t\t\t\t\t\t<div class='uk-form-row'>\n\t\t\t\t\t\t\t<div class=' uk-autocomplete uk-form' data-uk-autocomplete='{source:bs_conta}' style='width:100%' id='cod_conta_banco'>\n\t\t\t\t\t\t\t\t<input coluna='conta_ofx' id='cod_conta' placeholder='Conta Contábil' class='uk-form-small' type='text' style='width:100%' value=''>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\t\tdocument.getElementById('cod_conta').addEventListener('click', verificar_ajax_ofx_input);\n\t\t\t\t\t\t\t\tdocument.getElementById('cod_conta').addEventListener('change', verificar_ajax_ofx_input);\n\t\t\t\t\t\t\t\tdocument.getElementById('cod_conta').addEventListener('onblur', verificar_ajax_ofx_input);\n\t\t\t\t\t\t\t\tdocument.getElementById('cod_conta').addEventListener('keyup', verificar_ajax_ofx_input);\n\t\t\t\t\t\t\t\tdocument.getElementById('cod_conta').addEventListener('keydown', verificar_ajax_ofx_input);\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t</script>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class='uk-form-row'>\n\t\t\t\t\t\t\t<div class=' uk-autocomplete uk-form' data-uk-autocomplete='{source:bs_conta}' style='width:100%'>\n\t\t\t\t\t\t\t\t<hr class='uk-article-divider'>\n\t\t\t\t\t\t\t\t<button class='uk-button uk-button-mini uk-button-danger' type='button' onclick='importar_transacoes_ofx();' style='width: 100%;'><i class='uk-icon-mail-forward'></i> Importar transações</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<input type='file' id='file-input' accept='.ofx' style='visibility: hidden;'/>\n\t\t\t\t\t\t<script>document.getElementById('file-input').addEventListener('change', readSingleFile, false);</script>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class='uk-width-small-1-1 uk-width-medium-2-3 uk-width-large-3-4'>\n\t\t\t\t<div class='uk-panel uk-panel-box uk-panel-box-primary' style='background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 0px;'>\n\t\t\t\t\t<div class='uk-width-1-1' id='div_preview_' style='visibility: hidden; height: 0px; width: 0px;'></div>\t\t\t\t\t\n\t\t\t\t\t<div class='uk-width-1-1 uk-form' id='div_preview' style='overflow: auto; min-height: 300px; height: auto;'></div>\t\t\t\t\t\n\t\t\t\t</div>\t\t\t\n\t\t\t</div>\n\n\t\t</div>";
}
