@extends('queues.base')

@section('queues_content')
    <table class="ui table" id="queues">
        <thead>
            <tr>
                <th>Comando</th>
                <th>Creado</th>
                <!-- <th class="right aligned">
                    Procesar
                    <button class="ui tiny circular icon button" id="procesar">
                        <i class="green play icon"></i>
                    </button>
                </th> -->
            </tr>
        </thead>
    </table>
@endsection

@push('scripts')
    <script type="text/javascript">
        $(document).ready(() => {
            sendGet(_urls.api + '/queues/pending').then((response) => {
                const table = $('#queues')
                const tbody = $('<tbody></tbody>')
                response.pending.forEach((el, i) => {
                    const row = $('<tr></tr>').append(
                        $('<td></td>').html(el.command)
                    ).append(
                        $('<td></td>').html(el.created)
                    )
                    tbody.append(row)
                })
                table.append(tbody)
            })
        })
    </script>
@endpush