@extends('layouts.app_sidebar')
@section('title','Alertes')
@section('content')
<div class="card">
  <div class="card-body">
    <h1 class="h5 mb-3">Seuils & Notifications</h1>
    <form class="row g-3">
      <div class="col-6 col-md-3">
        <label class="form-label">Poids min (kg)</label>
        <input type="number" step="0.1" class="form-control" placeholder="ex: 35.0">
      </div>
      <div class="col-6 col-md-3">
        <label class="form-label">Temp. int max (°C)</label>
        <input type="number" class="form-control" placeholder="ex: 40">
      </div>
      <div class="col-6 col-md-3">
        <label class="form-label">Humidité int max (%)</label>
        <input type="number" class="form-control" placeholder="ex: 90">
      </div>
      <div class="col-6 col-md-3">
        <label class="form-label">Batterie min (%)</label>
        <input type="number" class="form-control" placeholder="ex: 20">
      </div>
      <div class="col-12">
        <label class="form-label">Notifications</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="notifEmail">
          <label class="form-check-label" for="notifEmail">E-mail</label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="notifSms">
          <label class="form-check-label" for="notifSms">SMS</label>
        </div>
      </div>
      <div class="col-12 d-flex gap-2">
        <button class="btn btn-primary">Enregistrer</button>
        <button class="btn btn-outline-secondary" type="reset">Réinitialiser</button>
      </div>
    </form>
  </div>
</div>
@endsection