@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Editar Producto</h2>

    <div class="card p-3">
        <form action="{{ route('productos.update', $producto) }}"
              method="POST"
              enctype="multipart/form-data">

            @csrf
            @method('PUT')

            <div class="mb-3">
                <label class="form-label">Nombre</label>
                <input type="text" name="nombre" 
                       class="form-control"
                       value="{{ old('nombre', $producto->nombre) }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Precio</label>
                <input type="number" step="0.01" name="precio"
                       class="form-control"
                       value="{{ old('precio', $producto->precio) }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Descripción</label>
                <textarea name="descripcion" 
                          class="form-control" rows="3">{{ old('descripcion', $producto->descripcion) }}</textarea>
            </div>

            <div class="mb-3">
                <label class="form-label">Código de Barras</label>
                <input type="text" name="codigo_barras"
                       class="form-control"
                       value="{{ old('codigo_barras', $producto->codigo_barras) }}">
            </div>

            <div class="mb-3">
                <label class="form-label">Foto actual</label><br>
                @if($producto->foto)
                    <img src="{{ asset('storage/'.$producto->foto) }}" 
                         width="120" class="mb-2">
                @else
                    <p class="text-muted">Sin foto</p>
                @endif
            </div>

            <div class="mb-3">
                <label class="form-label">Cambiar Foto (opcional)</label>
                <input type="file" name="foto" class="form-control">
            </div>

            <button class="btn btn-warning">Actualizar</button>
            <a href="{{ route('productos.index') }}" class="btn btn-secondary">
                Cancelar
            </a>
        </form>
    </div>
</div>
@endsection
