@php
$domain = $domain ?? 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', $domain?->name ?? '') }}" placeholder="ejemplo.com" required autofocus
      data-exclude-id="{{ $domain?->id }}" data-check-url="{{ route('domains.check-name') }}" />
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    <div id="name-duplicate-warning" class="alert alert-warning py-2 px-3 mt-2 mb-0 d-none"></div>
  </div>

  <div class="col-md-6">
    <label class="form-label" for="domain_category_id">Categoría</label>
    <select class="form-select @error('domain_category_id') is-invalid @enderror" id="domain_category_id"
      name="domain_category_id">
      <option value="">Sin categoría</option>
      @foreach ($categories as $category)
        <option value="{{ $category->id }}"
          @selected(old('domain_category_id', $domain?->domain_category_id) == $category->id)>
          {{ $category->name }}
        </option>
      @endforeach
    </select>
    @error('domain_category_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="registrar">Registrador</label>
    <input type="text" class="form-control @error('registrar') is-invalid @enderror" id="registrar" name="registrar"
      value="{{ old('registrar', $domain?->registrar ?? '') }}" placeholder="Namecheap, GoDaddy, ..." />
    @error('registrar')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="priority">Prioridad</label>
    <select class="form-select @error('priority') is-invalid @enderror" id="priority" name="priority">
      @foreach ($priorities as $priority)
        <option value="{{ $priority->value }}" @selected(old('priority', $domain?->priority?->value ?? 'medium') === $priority->value)>
          {{ $priority->label() }}
        </option>
      @endforeach
    </select>
    @error('priority')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="purchase_date">Fecha de compra</label>
    <input type="date" class="form-control @error('purchase_date') is-invalid @enderror" id="purchase_date"
      name="purchase_date"
      value="{{ old('purchase_date', $domain?->purchase_date?->format('Y-m-d')) }}" required />
    @error('purchase_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="purchase_term">Plazo</label>
    <select class="form-select" id="purchase_term">
      <option value="">Personalizado (elegí la fecha vos)</option>
      <option value="1">1 año</option>
      <option value="2">2 años</option>
      <option value="3">3 años</option>
      <option value="5">5 años</option>
      <option value="10">10 años</option>
    </select>
    <div class="form-text">Calcula "Fecha de vencimiento" a partir de "Fecha de compra". Podés editarla igual después.</div>
  </div>

  <div class="col-md-6">
    <label class="form-label" for="expiration_date">Fecha de vencimiento</label>
    <input type="date" class="form-control @error('expiration_date') is-invalid @enderror" id="expiration_date"
      name="expiration_date"
      value="{{ old('expiration_date', $domain?->expiration_date?->format('Y-m-d')) }}" required />
    @error('expiration_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="purchase_cost">Costo inicial</label>
    <div class="input-group">
      <input type="number" step="0.01" min="0" class="form-control @error('purchase_cost') is-invalid @enderror"
        id="purchase_cost" name="purchase_cost"
        value="{{ old('purchase_cost', $domain ? (float) $domain->purchase_cost : '') }}" required />
      <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', $domain?->currency ?? 'USD') === $currency->code)>
            {{ $currency->code }}
          </option>
        @endforeach
      </select>
    </div>
    @error('purchase_cost')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @error('currency')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label" for="estimated_renewal_cost">Costo estimado de la próxima renovación</label>
    <input type="number" step="0.01" min="0"
      class="form-control @error('estimated_renewal_cost') is-invalid @enderror" id="estimated_renewal_cost"
      name="estimated_renewal_cost"
      value="{{ old('estimated_renewal_cost', $domain?->estimated_renewal_cost ? (float) $domain->estimated_renewal_cost : '') }}" />
    <div class="form-text">
      Lo que te cotizó el registrador para renovar, aunque todavía no lo hayas hecho.
      Usa la misma divisa que "Costo inicial" — si en la renovación real terminás pagando en
      otra, lo eliges al usar el botón "Renovar" en la ficha del dominio.
    </div>
    @error('estimated_renewal_cost')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-12">
    <div class="form-check form-switch">
      <input class="form-check-input" type="checkbox" id="auto_renew" name="auto_renew" value="1"
        @checked(old('auto_renew', $domain?->auto_renew ?? true)) />
      <label class="form-check-label" for="auto_renew">Renovación automática activada</label>
    </div>
  </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', $domain?->notes ?? '') }}</textarea>
    @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>
</div>