@extends('layouts.app_sidebar')
@section('title','Mesures')
@section('content')
<div class="d-flex align-items-end gap-3 mb-3">
  <div>
    <label class="form-label">Ruche</label>
    <select class="form-select">
      <option>ruche-001</option>
      <option>ruche-002</option>
    </select>
  </div>
  <div>
    <label class="form-label">Période</label>
    <input type="date" class="form-control" />
  </div>
  <div>
    <label class="form-label invisible">.</label>
    <button class="btn btn-primary w-100">Filtrer</button>
  </div>
</div>

<div class="row g-3">
  <div class="col-12 col-lg-7">
    <div class="card">
      <div class="card-body">
        <h2 class="h6 mb-3">Courbes</h2>
        <div class="ratio ratio-16x9 border rounded d-flex align-items-center justify-content-center text-muted">
          <span>Graphique (T°, Humidité, Poids, Batterie)</span>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-lg-5">
    <div class="card">
      <div class="card-body">
        <h2 class="h6 mb-3">Données brutes</h2>
        <div class="table-responsive">
          <table class="table table-sm">
            <thead><tr><th>Date/heure</th><th>T°</th><th>Humidité</th><th>Poids</th><th>Bat%</th></tr></thead>
            <tbody>
              <tr><td>2025-09-07 08:00</td><td>32.5</td><td>58</td><td>43.3</td><td>85</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection