@php
$watched = $watched ?? null;
@endphp

<div class="row g-6">
  <div class="col-md-6">
    <label class="form-label" for="name">Dominio</label>
    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name"
      value="{{ old('name', $watched?->name ?? '') }}" placeholder="ejemplo.com" required autofocus />
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="target_max_price">Precio objetivo</label>
    <div class="input-group">
      <input type="number" step="0.01" min="0" class="form-control @error('target_max_price') is-invalid @enderror"
        id="target_max_price" name="target_max_price"
        value="{{ old('target_max_price', $watched?->target_max_price ? (float) $watched->target_max_price : '') }}" />
      <select class="form-select @error('currency') is-invalid @enderror" id="currency" name="currency"
        style="max-width: 110px">
        @foreach ($currencies as $currency)
          <option value="{{ $currency->code }}"
            @selected(old('currency', $watched?->currency ?? 'USD') === $currency->code)>
            {{ $currency->code }}
          </option>
        @endforeach
      </select>
    </div>
    @error('target_max_price')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @error('currency')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
  </div>

  <div class="col-12">
    <label class="form-label" for="notes">Notas</label>
    <textarea class="form-control @error('notes') is-invalid @enderror" id="notes" name="notes"
      rows="3">{{ old('notes', $watched?->notes ?? '') }}</textarea>
    @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>
</div>