@extends('layouts.app', [
    'class' => 'monitoring measurement index',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Medições',
        'desc' => 'Acompanhe todas as medições do sistema',
    ])

    <div class="panel-body">
        <div class="table-area">

            <div class="filter-actions">
                @include('partials._filters')
                <div class="btns">
                    <a href="{{ route('monitoring') }}" class="btn btn-light btn-full">Voltar</a>
                </div>
            </div>

            @if ($measurement->count())
                <div class="table-responsive ">
                    <table class="table table-ordered">
                        <thead>
                            <tr>
                                <th data-column="station_id">ID da Estação</th>
                                <th data-column="name">Nome da Estação</th>
                                <th data-column="dateutc">Data (With Timezone)</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($measurement as $index => $mst)
                                <tr>
                                    <td class='td-station_id'>{{ $mst->station_id }}</td>
                                    <td class='td-station_id'>{{ $mst->station_name }}</td>
                                    <td>{{ $mst->dateutc_aux->format('d/m/Y H:i') }}</td>
                                    <td class='td-actions'>
                                        <button type='button'
                                            class="btn-show-data btn btn-light btn-icon btn-custom-action"
                                            data-info="{{ $mst->toJson() }}" data-type="measurements"
                                            title="Conteúdo das medições">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="pagination-block">
                    {{ $measurement->appends(Request::except('page'))->links() }}

                    <div class="pagination-status">
                        {{ $measurement->count() * $measurement->currentPage() }} / {{ $measurement->total() }}
                    </div>
                </div>
            @else
                <div class="table-empty">
                    <div class='quote medium'>Nenhuma mensuração cadastrado</div>
                    <div class="icon">
                        <i class="fal fa-clouds"></i>
                    </div>
                </div>
            @endif
        </div>

    </div>
@endsection