[%- USE L %]
[%- USE T8 %]
[%- USE HTML %]

<h2>[% 'Import Status' | $T8 %]</h2>

[% INCLUDE 'common/flash.html' %]
[% UNLESS SELF.background_job.data_as_hash.errors %]
<div id='progress_description'></div>
<div id='progressbar'></div>
[% END  %]
<script type='text/javascript'>
  function reload_results () {
    $.ajax({
      url: 'controller.pl',
      data: {
        action: 'CsvImport/result',
        'profile.type': '[% SELF.profile.type %]',
        job: '[% SELF.background_job.id %]'
      },
      success: function(data) { $('#results').html(data) },
      error: function(e) { alert(e) },
    });
  }
[%- UNLESS SELF.background_job.data_as_hash.errors %]
  $(document).ready(function(){
    $('#progress_description').html('[% SELF.status_text | html %]');
    $('#progressbar').progressbar({ value: [% SELF.background_job.data_as_hash.progress.progress * 1 %] });
    window.setTimeout(reload_results, 500);
  })
[%- END %]
</script>