@extends('layouts.admin')
@section('title',$product->exists?'Editar producto':'Nuevo producto')
@section('content')<div class="admin-heading"><div><h1>{{ $product->exists?$product->name:'Un nuevo favorito.' }}</h1><p>Completá la ficha y después agregá sus variantes.</p></div><a href="{{ route('admin.products') }}" class="button outline">Volver a productos</a></div>
<form method="post" enctype="multipart/form-data" action="{{ $product->exists?route('admin.products.update',$product):route('admin.products.store') }}" data-once>@csrf @if($product->exists)@method('put')@endif<div class="admin-two-columns"><section class="panel"><div class="panel-content form-stack"><label>Nombre<input name="name" value="{{ old('name',$product->name) }}" required maxlength="150"></label><label>Categoría<input name="category" list="category-list" value="{{ old('category',$product->category?->name) }}" required maxlength="60"><datalist id="category-list">@foreach($categories as $c)<option value="{{ $c->name }}">@endforeach</datalist><span class="form-note">Elegí una existente o escribí una nueva.</span></label><label>Descripción<textarea name="description" required rows="5">{{ old('description',$product->description) }}</textarea></label><label>Composición y cuidados<textarea name="composition" rows="3">{{ old('composition',$product->composition) }}</textarea></label><div class="form-grid"><label>Precio (ARS)<input name="price" type="number" min="1" step="0.01" value="{{ old('price',$product->price ? $product->price/100:'') }}" required></label><label>Precio anterior (opcional)<input name="compare_price" type="number" min="1" step="0.01" value="{{ old('compare_price',$product->compare_price?$product->compare_price/100:'') }}"></label></div><label>Etiqueta (opcional)<input name="badge" maxlength="30" value="{{ old('badge',$product->badge) }}" placeholder="Ej.: Nuevo"></label><div style="display:flex;gap:25px;flex-wrap:wrap"><label class="checkbox-label"><input type="checkbox" name="active" value="1" @checked(old('active',$product->exists?$product->active:true))> Publicar producto</label><label class="checkbox-label"><input type="checkbox" name="featured" value="1" @checked(old('featured',$product->featured))> Destacar en el inicio</label></div><button class="button primary">Guardar producto <x-icon name="check" size="16"/></button></div></section><section class="panel"><div class="panel-content"><h2>Imágenes</h2><img class="admin-product-preview" src="{{ $product->image_url }}" alt="Vista previa del producto"><label>Imagen principal<input type="file" name="image" accept="image/jpeg,image/png,image/webp"></label><p class="form-note">JPG, PNG o WebP. Hasta 4 MB. Recomendado: formato vertical.</p><label style="margin-top:25px">Agregar fotos a la galería<input type="file" name="gallery[]" accept="image/jpeg,image/png,image/webp" multiple></label><p class="form-note">Hasta 5 fotos por carga. Se conservan las últimas 8.</p>@if($product->exists && $product->active)<a class="text-link" style="margin-top:25px" href="{{ route('product',$product->slug) }}" target="_blank">Ver en la tienda <x-icon name="arrow" size="15"/></a>@endif</div></section></div></form>
@if($product->exists)<section class="panel"><div class="panel-head"><h2>Talles, colores y stock</h2><a href="{{ route('admin.stock',['q'=>$product->name]) }}">Ajustar inventario</a></div><div class="table-wrap"><table><thead><tr><th>SKU</th><th>Talle</th><th>Color</th><th>Stock físico</th><th>Reservado</th><th>Disponible</th><th>Estado</th></tr></thead><tbody>@forelse($product->variants as $v)<tr><td>{{ $v->sku }}</td><td>{{ $v->size }}</td><td>{{ $v->color }}</td><td>{{ $v->stock }}</td><td>{{ $v->reserved }}</td><td>{{ $v->available }}</td><td><form method="post" action="{{ route('admin.variants.toggle',$v) }}">@csrf @method('patch')<button class="button small outline">{{ $v->active?'Desactivar':'Activar' }}</button></form></td></tr>@empty<tr><td colspan="7">Agregá al menos una variante para que se pueda comprar.</td></tr>@endforelse</tbody></table></div><form class="panel-content" method="post" action="{{ route('admin.variants.store',$product) }}">@csrf<h2>Agregar variante</h2><div class="form-grid"><label>SKU único<input name="sku" required maxlength="60" placeholder="Ej.: CAMISA-ALBA-S-BLA"></label><label>Talle<input name="size" required maxlength="30" placeholder="S, M, L…"></label><label>Color<input name="color" required maxlength="40" placeholder="Blanco"></label><label>Muestra de color<input type="color" name="color_hex" value="#d6c5aa" required></label><label>Stock inicial<input name="stock" type="number" value="0" min="0" required></label><label>Alerta al llegar a<input name="minimum" type="number" value="3" min="0" required></label></div><button class="button primary" style="margin-top:20px"><x-icon name="plus" size="16"/> Agregar variante</button></form></section>@endif @endsection