<div class="topo-linhas">
    <div class="col size1" data-col="check">
        <span class="check"></span>
    </div>
    <div class="col size2" data-col="oferta.id" data-order="{{ set_order_sort('oferta.id', $column, $order) }}">
        <span>ID</span>
        <span class="order {{ has_active_sort('oferta.id', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.id', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col size3" data-col="oferta.data" data-order="{{ set_order_sort('oferta.data', $column, $order) }}">
        <span>Data</span>
        <span class="order {{ has_active_sort('oferta.data', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.data', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col size8" data-col="oferta.titulo" data-order="{{ set_order_sort('oferta.titulo', $column, $order) }}">
        <span>Título</span>
        <span class="order {{ has_active_sort('oferta.titulo', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.titulo', $column, $order) }}"></i>
        </span>
    </div>
    <div class="col invert size4" data-col="oferta.preco_mercado" data-order="{{ set_order_sort('oferta.preco_mercado', $column, $order) }}">
        <span class="order {{ has_active_sort('oferta.preco_mercado', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.preco_mercado', $column, $order) }}"></i>
        </span>
        <span>Preço mercado</span>
    </div>
    <div class="col invert size4" data-col="oferta.preco_oferta" data-order="{{ set_order_sort('oferta.preco_oferta', $column, $order) }}">
        <span class="order {{ has_active_sort('oferta.preco_oferta', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.preco_oferta', $column, $order) }}"></i>
        </span>
        <span>Preço oferta</span>
    </div>
    <div class="col invert size4" data-col="oferta.estoque" data-order="{{ set_order_sort('oferta.estoque', $column, $order) }}">
        <span class="order {{ has_active_sort('oferta.estoque', $column) }}">
            <i class="fa fa-chevron-{{ set_arrow_sort('oferta.estoque', $column, $order) }}"></i>
        </span>
        <span>Disponibilidade</span>
    </div>
</div>
<div class="linhas" id="lista-ofertas">
@foreach($ofertas as $item)
<div class="linha" data-id="{{ $item->id }}">
    <div class="col size1 mob check-col">
        <span class="check"></span>
    </div>
    <div class="col size2">
        <strong>{{ $item->id }}</strong>
    </div>
    <div class="col size3">
        <span>{{ date('d/m/Y', strtotime($item->data)) }}</span>
    </div>
    <div class="col size8 mob">
        <a href="{{ url('preview/' . $item->slug) }}" target="_blank" title="Preview Oferta">{{ $item->titulo }} {{ $item->sub_titulo }}</a>
    </div>
    <div class="col invert size4">
        <span>R$ <?php echo number_format($item->preco_mercado,2,',','.'); ?></span>
    </div>
    <div class="col invert size4">
        <span>R$ <?php echo number_format($item->preco_oferta,2,',','.'); ?></span>
    </div>
    <div class="col invert size4">
        <span>{{ $item->estoque }}</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 excluir-link>
                <span>Excluir</span>
            </li>
            <li class="duplicar-oferta" data-id="{{ $item->id }}">
                <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>

<script>
    $(document).ready(function(){
        $('.duplicar-oferta').click(function(){
            var oferta_id = $(this).data('id');
            duplicarOferta(oferta_id);
        });
    });
</script>