@extends('layouts.app')

@php($esEdicion = $producto->exists)

@section('titulo', $esEdicion ? 'Editar producto' : 'Nuevo producto')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Catálogo</div>
      <h2>{{ $esEdicion ? 'Editar producto' : 'Nuevo producto' }}</h2>
    </div>
  </div>

  @include('partials.alertas', ['anchoMaximo' => '640px'])

  <form method="post" action="{{ $esEdicion ? route('productos.update', $producto) : route('productos.store') }}" style="max-width:640px;">
    @csrf
    @if ($esEdicion) @method('PUT') @endif

    <div class="card-block">
      <h3><span class="idx">1</span> Datos del producto</h3>
      <div class="grid-2">
        <div class="field-sm">
          <label for="codigo">Código</label>
          <input type="text" id="codigo" value="{{ $esEdicion ? $producto->codigo : 'Se genera automáticamente' }}" disabled>
        </div>
        <div class="field-sm">
          <label for="pn">P/N</label>
          <input type="text" id="pn" name="pn" value="{{ old('pn', $producto->pn) }}" maxlength="80" placeholder="Número de parte del fabricante">
        </div>
      </div>
      <div class="field-sm">
        <label for="descripcion">Descripción *</label>
        <input type="text" id="descripcion" name="descripcion" value="{{ old('descripcion', $producto->descripcion) }}" maxlength="200" required autofocus>
      </div>
      <div class="grid-2">
        <div class="field-sm">
          <label for="unidad">Unidad de medida</label>
          <input type="text" id="unidad" name="unidad" value="{{ old('unidad', $producto->unidad) }}" maxlength="10" placeholder="UND, BOL, GAL…">
        </div>
        <div class="field-sm">
          <label for="moneda">Moneda</label>
          <select id="moneda" name="moneda">
            @foreach (\App\Support\Moneda::cases() as $moneda)
            <option value="{{ $moneda->value }}" @selected(old('moneda', $producto->moneda?->value) === $moneda->value)>{{ $moneda->nombre() }} ({{ $moneda->simbolo() }})</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="field-sm" style="margin:16px 0 0;">
        <input type="hidden" name="activo" value="0">
        <label class="check-linea">
          <input type="checkbox" name="activo" value="1" @checked(old('activo', $producto->activo))>
          Producto activo (disponible para cotizar)
        </label>
      </div>
    </div>

    <div class="form-actions">
      <a href="{{ route('productos.index') }}" class="btn-ghost">Cancelar</a>
      <button type="submit" class="btn-gold">{{ $esEdicion ? 'Guardar cambios' : 'Registrar producto' }}</button>
    </div>
  </form>
@endsection