@extends('layouts.app')
@section('title', $producto->exists ? 'Editar producto' : 'Nuevo producto')

@section('content')
    <div class="page-head"><h1>{{ $producto->exists ? 'Editar producto' : 'Nuevo producto' }}</h1></div>

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ $producto->exists ? route('productos.update', $producto) : route('productos.store') }}">
                @csrf
                @if($producto->exists) @method('PUT') @endif

                <div class="form-grid">
                    <div class="field">
                        <label>Código interno</label>
                        <input name="codigo" value="{{ old('codigo', $producto->codigo) }}">
                    </div>
                    <div class="field">
                        <label>Descripción *</label>
                        <input name="descripcion" value="{{ old('descripcion', $producto->descripcion) }}" required>
                    </div>
                    <div class="field">
                        <label>Unidad de medida *</label>
                        <input name="unidad" value="{{ old('unidad', $producto->unidad) }}" required>
                        <span class="hint">Catálogo SUNAT 03: NIU (unidad), ZZ (servicio), KGM, etc.</span>
                    </div>
                    <div class="field">
                        <label>Afectación IGV *</label>
                        <select name="tipo_afectacion_igv" required>
                            @foreach($afectaciones as $a)
                                <option value="{{ $a->value }}" @selected(old('tipo_afectacion_igv', $producto->tipo_afectacion_igv?->value) === $a->value)>{{ $a->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Valor unitario *</label>
                        <input type="number" step="0.000001" min="0" name="valor_unitario" value="{{ old('valor_unitario', $producto->valor_unitario) }}" required>
                        <span class="hint">Precio base <strong>sin</strong> IGV (salvo que marques lo contrario).</span>
                    </div>
                    <div class="field">
                        <label>Opciones</label>
                        <label style="display:flex;gap:8px;align-items:center;font-weight:400">
                            <input type="checkbox" name="incluye_igv" value="1" style="width:auto" @checked(old('incluye_igv', $producto->incluye_igv)) >
                            El valor ingresado ya incluye IGV
                        </label>
                        <label style="display:flex;gap:8px;align-items:center;font-weight:400">
                            <input type="checkbox" name="es_servicio" value="1" style="width:auto" @checked(old('es_servicio', $producto->es_servicio)) >
                            Es un servicio
                        </label>
                        <label style="display:flex;gap:8px;align-items:center;font-weight:400">
                            <input type="checkbox" name="activo" value="1" style="width:auto" @checked(old('activo', $producto->activo ?? true)) >
                            Activo
                        </label>
                    </div>
                </div>

                <div class="form-actions">
                    <button class="btn btn-primary">Guardar</button>
                    <a href="{{ route('productos.index') }}" class="btn btn-ghost">Cancelar</a>
                </div>
            </form>
        </div>
    </div>
@endsection