@extends('layouts.app')
@section('titulo','Componente')
@section('contenido')
@php $editando = (bool) $registro->id; @endphp
<h4><i class="fa fa-cogs"></i> {{ $editando?'Editar':'Nuevo' }} componente</h4>
<form method="POST" action="{{ $editando ? route('componentes.update',$registro) : route('componentes.store') }}" class="card p-3">
  @csrf @if($editando) @method('PUT') @endif
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label small">Equipo *</label>
      <select name="equipo_id" class="form-select" required><option value="">—</option>
        @foreach($equipos as $e)<option value="{{ $e->id }}" @selected(old('equipo_id',$registro->equipo_id)==$e->id)>{{ $e->codigo }} — {{ $e->nombre }}</option>@endforeach
      </select></div>
    <div class="col-md-3"><label class="form-label small">Código *</label>
      <input name="codigo" value="{{ old('codigo',$registro->codigo) }}" class="form-control" required></div>
    <div class="col-md-3"><label class="form-label small">Unidad</label>
      <input name="unidad" value="{{ old('unidad',$registro->unidad) }}" class="form-control"></div>
    <div class="col-md-12"><label class="form-label small">Nombre *</label>
      <input name="nombre" value="{{ old('nombre',$registro->nombre) }}" class="form-control" required></div>
    <div class="col-md-12"><label class="form-label small">Descripción</label>
      <textarea name="descripcion" class="form-control" rows="2">{{ old('descripcion',$registro->descripcion) }}</textarea></div>
    <div class="col-md-3 d-flex align-items-end">
      <div class="form-check form-switch">
        <input type="hidden" name="activo" value="0">
        <input type="checkbox" name="activo" value="1" class="form-check-input" {{ old('activo',$registro->activo??1)?'checked':'' }}>
        <label class="form-check-label">Activo</label>
      </div>
    </div>
  </div>
  <div class="mt-3 text-end">
    <a href="{{ route('componentes.index') }}" class="btn btn-outline-secondary">Cancelar</a>
    <button class="btn btn-primario"><i class="fa fa-save"></i> Guardar</button>
  </div>
</form>
@endsection
