@extends('layouts.app')

@section('title', 'robot')
@section('robot', 'm-menu__item--active')

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
    .form-control[disabled] {
        border: 0px;
        background: transparent;
    }
</style>
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">Status ETL</h3>
                    </div>
                </div>
                <table class="table table-striped table-bordered status_etl" style="overflow-x:auto !important; width: 100% !important">
                    <thead>
                        <tr>
                            <th scope="col">No.</th>
                            <th scope="col">Skrip IPR</th>
                            <th scope="col">Tarikh Kemaskini</th>
                            <th scope="col">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($response["checks"] as $check)
                            <tr>
                                <th scope="row">{{ $loop->iteration}}</th>
                                <td>{{ $check['name'] }}</td>                           
                                <td>{{ $check['last_ping'] }}</td>
                                <td>{{ $check['status'] }}</td>
                            </tr>
                        @endforeach   
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    $('.status_etl').DataTable();
</script>
@endsection