@extends('layouts.main')
@section('title', 'Laufzeit')
@section('headline', 'Laufzeit')
@section('content')

    {{--<div class="page-title">
        <h3 class="breadcrumb-header pull-left">@yield('headline')</h3>
    </div>--}}
    <div id="main-wrapper">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-white">
                    {{--<div class="panel-heading clearfix">
                        <h4 class="panel-title">Übersicht Jobs</h4>
                    </div>--}}
                    <div class="panel-body">
                        <div class="table-responsive">
                            {{--<div class="filter-container" id="filterContainer">
                                {!! Form::open(['action' => 'Users\UsersOverviewController@index', 'class' => 'form-horizontal', 'id' => 'filterUserForm', 'method' => 'get', 'role' => 'form', 'files' => true]) !!}
                                    <input name="page" id="page" type="hidden" value="{{$page}}">
                                    <div id="pageLen" style="float: right; margin-left: 20px;">
                                        <input class="form-control" name="len" id="inputPageLen" type="text" max="999" maxlength="3" value="@if($pageLength){{$pageLength}}@else{{auth()->user()->table_page_length}}@endif" style="float: left; width: 50px;"> <label style="float: right; padding: 7px 5px 0;">Einträge anzeigen</label>
                                    </div>
                                {!! Form::close() !!}
                            </div>--}}
                            <table id="data-table-runtime" class="cell-border data-table display table table-data-width">
                                <thead>
                                    <tr>
                                        <th class="col-action">ID</th>
                                        <th>Prozess</th>
                                        <th>Job ID</th>
                                        <th>Gesamt zu verarbeitende Objekte</th>
                                        <th>Noch zu verarbeitende Objekte</th>
                                        <th>Zusatzinfo</th>
                                        <th>Auktionsdaten</th>
                                    </tr>
                                </thead>
                            </table>

                            <script type="text/javascript">
                                var table = $('#data-table-runtime').DataTable({
                                    "ajax": {
                                        "url": "/ajax/ajax-dashboard-runtime-overview",
                                        "dataSrc": "data"
                                    },
                                    "columns" : [
                                        { "data" : "id" },
                                        { "data" : "kind" },
                                        { "data" : "jobID" },
                                        { "data" : "overallObjects" },
                                        { "data" : "objectsLeft" },
                                        { "data" : "tartistName" },
                                        { "data" : "auctionData" },
                                    ],
                                    fixedHeader: {
                                        header: true,
                                        headerOffset: $('.page-header').outerHeight()
                                    },
                                    "pageLength": 10 {{-- $pageLength --}},
                                    "lengthMenu": [ 10, 25, 50, 100 ],
                                    "lengthChange": false,
                                    "language": {
                                        "url": "/plugins/datatables/i18n/German.json"
                                    },
                                    "deferRender": true,
                                    "processing": true,
                                    scrollY: '65vh',
                                });

                                setInterval( function () {
                                    table.ajax.reload( null, false ); // user paging is not reset on reload
                                }, 5000 );
                            </script>

                        </div>
                    </div>
                </div>


            </div>
        </div><!-- Row -->
    </div><!-- Main Wrapper -->


@stop