<div class="topo-linhas">
    <div class="col size1" data-col="check">
        <span class="check"></span>
    </div>
    <div class="col size2" data-col="ordem_compra.id" data-order="{{ set_order_sort('ordem_compra.id', $column, $order) }}">
        <span>ID</span>
        <span class="order {{ has_active_sort('ordem_compra.id', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('ordem_compra.id', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col size5" data-col="ordem_compra.data_inclusao" data-order="{{ set_order_sort('ordem_compra.data_inclusao', $column, $order) }}">
        <span>Data</span>
        <span class="order {{ has_active_sort('ordem_compra.data_inclusao', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('ordem_compra.data_inclusao', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col size8" data-col="empresa.nome" data-order="{{ set_order_sort('empresa.nome', $column, $order) }}">
        <span>Empresa</span>
        <span class="order {{ has_active_sort('empresa.nome', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('empresa.nome', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col size8" data-col="fornecedor.nome" data-order="{{ set_order_sort('fornecedor.nome', $column, $order) }}">
        <span class="order {{ has_active_sort('fornecedor.nome', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('fornecedor.nome', $column, $order) }}"></i>
        </span>
        <span>Fornecedor</span>
    </div>
    <div class="col size8" data-col="ordem_compra.valor_total" data-order="{{ set_order_sort('ordem_compra.valor_total', $column, $order) }}">
        <span class="order {{ has_active_sort('ordem_compra.valor_total', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('ordem_compra.valor_total', $column, $order) }}"></i>
        </span>
        <span>Qtde/Valor Total</span>
    </div>
</div>
<div class="linhas" id="lista-ofertas">
@foreach($registros as $item)
<div class="linha" data-id="{{ $item->id }}">
    <div class="col size1 check-col">
        <span class="check"></span>
    </div>
    <div class="col size2">
        <strong>{{ $item->id }}</strong>
    </div>
    <div class="col size5 mob">
        <span>{{ date('d/m/Y', strtotime($item->data_inclusao)) }}</span>
    </div>
    <div class="col size8">
        {{ $item->empresa_nome }}
    </div>
    <div class="col size8 mob">
        {{ $item->fornecedor_nome }}
    </div>
    <div class="col size8 mob">
        <span>QTD: {{ $item->quantidade }} / R$ <?php echo number_format($item->valor_total,2,',','.'); ?></span>
    </div>
    <div class="opcoes-linha">
        <span class="pontinhos abre-drop-new"></span>

        <ul class="drop-new" data-id="{{ $item->id }}">
            <li>
                <a href="javascript:void(0)" data-id="{{ $item->id }}" open-form-add>Editar</a>
            </li>
            <!--<li>
                <span>Duplicar</span>
            </li>
            <li>
                <a href="#" target="_blank">Preview</a>
            </li>-->
        </ul>
    </div>
</div>
@endforeach
</div>
<div class="pagin-linhas" data-paginacao-maxima="7">
    <div class="left">
        <span>Ver</span>
        <select name="itens-pagesize" id="itens-pagesize">
            @for($i=1;$i<=10;$i++)
            <option value="{{ ($i * 10) }}" <?php echo ($i*10) == $pagesize ? 'selected default' : ''?>>{{ ($i * 10) }}</option>
            @endfor
        </select>
        <span>por página</span>
    </div>

    <div class="centered">
        @include('component.pagination-playground', ['pagination' => $pagination])
    </div>

    <div class="left">
        <span>Ir para página</span>
        <select name="go-page" id="go-page">
            @for($i=1;$i<=$pagination->total_pages;$i++)
            <option value="{{ $i }}" <?php echo $i == $page ? 'selected default' : ''?>>{{ $i }}</option>
            @endfor
        </select>
    </div>
</div>
<div class="loading-linhas">
    <i class="fa fa-spin fa-spinner"></i>
</div>