<div id="MyWidget_${instanceId}"
     class="super-widget wcm-widget-class fluig-style-guide compras-tracker-widget"
     data-params="MyWidget.instance()">

  <section class="tracker-shell">
    <header class="tracker-header">
      <div>
        <h2>Tracker da Solicitacao de Compra</h2>
        <p>Acompanhe SC, cotacao, pedido, aprovacao e entrega em uma unica tela.</p>
      </div>
      <button type="button" class="btn btn-default tracker-refresh" data-limpar>
        <span class="fluigicon fluigicon-refresh"></span>
        Limpar
      </button>
    </header>

    <div class="tracker-search">
      <div class="row">
        <div class="col-md-3 col-sm-6">
          <label for="filtroNumero_${instanceId}">Numero SC</label>
          <input type="text" id="filtroNumero_${instanceId}" class="form-control" placeholder="Ex.: 000211">
        </div>
        <div class="col-md-3 col-sm-6">
          <label for="filtroSolicitante_${instanceId}">Solicitante</label>
          <input type="text" id="filtroSolicitante_${instanceId}" class="form-control" placeholder="Opcional">
        </div>
        <div class="col-md-3 col-sm-6">
          <label for="filtroStatus_${instanceId}">Status</label>
          <select id="filtroStatus_${instanceId}" class="form-control">
            <option value="">Todos</option>
            <option value="Aguardando Aprovacao">Aguardando Aprovacao</option>
            <option value="Em Cotacao">Em Cotacao</option>
            <option value="Convertida em Pedido">Convertida em Pedido</option>
            <option value="Encerrada">Encerrada</option>
          </select>
        </div>
        <div class="col-md-3 col-sm-6 tracker-search-actions">
          <label>&nbsp;</label>
          <button type="button" class="btn btn-primary btn-block" data-pesquisar>
            <span class="fluigicon fluigicon-search"></span>
            Pesquisar
          </button>
        </div>
      </div>
    </div>

    <div id="mensagemSolicitacoes_${instanceId}" class="tracker-message"></div>
    <div id="listaSolicitacoes_${instanceId}" class="tracker-results"></div>
    <div id="detalheSolicitacao_${instanceId}" class="tracker-detail"></div>
  </section>
</div>
