@extends('layouts.app')
@section('content')
<div class="container" style="width:70%;">
    @if ($weather->isNotEmpty())
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-info table-sm" >
                <thead class="thead-dark">
                <tr>
                    <th scope="col">Temperatura</th>
                    <th scope="col">Humedad</th>
                    <th scope="col">Hora </th>
                </tr>
                </thead>

                <tbody>
                @foreach($weather as $registro)
                    <tr>
                        <td>{{$registro->temperature}}°C</td>
                        <td>{{$registro->humidity}}%</td>
                        <td>{{$registro->created_at}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @else
        <h4>No hay registros</h4>
    @endif
</div>