{{ header }} 
{% include 'fastor/template/new_elements/wrapper_top.twig' %}

<p>{{ text_description }}</p>
<form class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-2 control-label" for="input-code">{{ entry_code }}</label>
    <div class="col-sm-10">
      <textarea cols="40" rows="5" placeholder="{{ entry_code }}" id="input-code" class="form-control">{{ code }}</textarea>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label" for="input-generator"><span data-toggle="tooltip" title="{{ help_generator }}">{{ entry_generator }}</span></label>
    <div class="col-sm-10">
      <input type="text" name="product" value="" placeholder="{{ entry_generator }}" id="input-generator" class="form-control" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label" for="input-link">{{ entry_link }}</label>
    <div class="col-sm-10">
      <textarea name="link" cols="40" rows="5" placeholder="{{ entry_link }}" id="input-link" class="form-control"></textarea>
    </div>
  </div>
</form>
<div class="buttons clearfix">
  <div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
</div>

<script type="text/javascript"><!--
$('input[name=\'product\']').autocomplete({
  'source': function(request, response) {
    $.ajax({
      url: 'index.php?route=account/tracking/autocomplete&filter_name=' +  encodeURIComponent(request) + '&tracking=' + encodeURIComponent($('#input-code').val()),
      dataType: 'json',
      success: function(json) {
        response($.map(json, function(item) {
          return {
            label: item['name'],
            value: item['link']
          }
        }));
      }
    });
  },
  'select': function(item) {
    $('input[name=\'product\']').val(item['label']);
    $('textarea[name=\'link\']').val(item['value']);
  }
});
//--></script>
      
{% include 'fastor/template/new_elements/wrapper_bottom.twig' %}
{{ footer }}