.widget
  header
    h5
      '  Lista de
      span.fw-semi-bold Estoque

  .widget-body
    - if estoques.empty?
      h6 Nenhum estoque encontrado.

    - else
      = search_form_for @q, :html => {class: "form-vertical"}, url: gestao_de_estoque_almoxarifado_path(), builder: SimpleForm::FormBuilder do |f|
        fieldset
          .form-group
            .row
              .col-sm-4
                label.control-label for="normal-field" Item
                = f.number_field :item_id_eq , class: "form-control input-sm"

              .col-sm-4
                label.control-label for="normal-field" Unidade de Medida
                = f.select :unidade_de_medida_id_eq,
                  options_from_collection_for_select( \
                    @unidades_de_medida, :id, :descricao, @q.unidade_de_medida_id_eq \
                  ),
                  { include_blank: 'Selecione' },
                  class: "form-control s2"


        .form-actions.form-search-actions
          = f.submit "Filtrar", class: "btn btn-default btn-sm"

      hr

      .widget
        .table-responsive
          table.table.table-hover.table-striped.table-bordered
            thead
              tr
                th Item
                th Unid.
                th Quant.
                th
            tbody
              - @estoques.each do |estoque|
                tr
                  td = estoque.item.codigo_e_descricao_do_item
                  td = estoque.unidade_de_medida_descricao
                  td = estoque.quantidade_total_saldo
                  td
                    = link_to base_show_lista_de_itens_no_patrimonio_path(estoque.item.id, almoxarifado: @almoxarifado), class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
                      i.icone-detalhar

    = will_paginate @estoques, previous_label: "<", next_label: ">"

- content_for :js do
  javascript:
    $(document).ready(function(){
      $(".select2-container").width("100%");
    });