@extends('layouts.app')
@section('titulo','Lecturas de horómetro')
@section('contenido')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
  <h4><i class="fa fa-gauge-high"></i> Registro diario de horómetros</h4>
  <small class="text-muted">Llena solo los equipos que vas a actualizar. Los que dejes en blanco se omiten.</small>
</div>

<form method="GET" class="row g-2 mb-3">
  <div class="col-md-4"><input name="q" value="{{ $busqueda ?? '' }}" class="form-control" placeholder="Buscar por código o nombre..."></div>
  <div class="col-md-3"><select name="area_id" class="form-select"><option value="">— Todas las áreas —</option>
    @foreach($areas as $a)<option value="{{ $a->id }}" @selected(($area_id ?? null)==$a->id)>{{ $a->nombre }}</option>@endforeach
  </select></div>
  <div class="col-md-2"><button class="btn btn-outline-primary w-100"><i class="fa fa-filter"></i> Filtrar</button></div>
</form>

<form method="POST" action="{{ route('horometro.guardar') }}" class="card">
  @csrf
  <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
    <div>
      <label class="form-label small mb-0">Fecha y hora de la lectura</label>
      <input type="datetime-local" name="fecha_lectura" value="{{ now()->format('Y-m-d\TH:i') }}" class="form-control form-control-sm" style="max-width: 230px;" required>
    </div>
    <button class="btn btn-primario"><i class="fa fa-save"></i> Guardar lecturas</button>
  </div>
  <div class="table-responsive"><table class="table table-sm mb-0 align-middle">
    <thead><tr>
      <th>Código</th><th>Equipo</th><th>Área</th>
      <th class="text-end" style="width:120px;">Horóm. actual</th>
      <th class="text-end" style="width:140px;">Última lectura</th>
      <th style="width:160px;">Nueva lectura</th>
      <th style="width:220px;">Observaciones</th>
      <th></th>
    </tr></thead>
    <tbody>
    @forelse($equipos as $i => $e)
      @php $ultima = $e->lecturas->first(); @endphp
      <tr>
        <td><strong>{{ $e->codigo }}</strong></td>
        <td>{{ $e->nombre }}</td>
        <td><small class="text-muted">{{ optional($e->area)->nombre }}</small></td>
        <td class="text-end">{{ number_format((float)$e->horometro_actual, 2) }}</td>
        <td class="text-end"><small class="text-muted">
          @if($ultima){{ $ultima->fecha_lectura->format('d/m H:i') }}<br>{{ number_format((float)$ultima->horometro, 2) }} h
          @else —
          @endif
        </small></td>
        <td>
          <input type="hidden" name="lecturas[{{ $i }}][equipo_id]" value="{{ $e->id }}">
          <input type="number" step="0.01" min="{{ (float)$e->horometro_actual }}"
                 name="lecturas[{{ $i }}][horometro]" class="form-control form-control-sm"
                 placeholder="ej. {{ number_format(((float)$e->horometro_actual) + 8, 2, '.', '') }}">
        </td>
        <td><input name="lecturas[{{ $i }}][observaciones]" class="form-control form-control-sm" placeholder="opcional"></td>
        <td class="text-end"><a href="{{ route('horometro.historial', $e) }}" class="btn btn-sm btn-outline-info" title="Historial"><i class="fa fa-clock-rotate-left"></i></a></td>
      </tr>
    @empty
      <tr><td colspan="8" class="text-muted text-center py-4">Sin equipos para mostrar</td></tr>
    @endforelse
    </tbody>
  </table></div>
  <div class="card-footer text-end"><button class="btn btn-primario"><i class="fa fa-save"></i> Guardar lecturas</button></div>
</form>
@endsection