@extends('layouts.app')
@section('title', 'Productos')

@section('content')
    <div class="page-head">
        <h1>Productos y servicios</h1>
        <a href="{{ route('productos.create') }}" class="btn btn-primary">+ Nuevo producto</a>
    </div>

    <div class="card" style="margin-bottom:16px">
        <div class="card-body">
            <form method="GET" style="display:flex;gap:10px">
                <input name="q" value="{{ $q }}" placeholder="Buscar por descripción o código...">
                <button class="btn">Buscar</button>
                @if($q)<a href="{{ route('productos.index') }}" class="btn btn-ghost">Limpiar</a>@endif
            </form>
        </div>
    </div>

    <div class="card table-wrap">
        <table class="tabla">
            <thead>
                <tr><th>Código</th><th>Descripción</th><th>Unidad</th><th>Afectación IGV</th><th class="text-right">Valor unit. (sin IGV)</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($productos as $p)
                    <tr>
                        <td class="mono">{{ $p->codigo ?: '—' }}</td>
                        <td>{{ $p->descripcion }} @if($p->es_servicio)<span class="badge gray">Servicio</span>@endif</td>
                        <td>{{ $p->unidad }}</td>
                        <td>{{ $p->tipo_afectacion_igv->label() }}</td>
                        <td class="text-right">{{ number_format((float) $p->valor_unitario, 2) }}</td>
                        <td class="text-right">
                            <a href="{{ route('productos.edit', $p) }}" class="btn btn-sm">Editar</a>
                            <form method="POST" action="{{ route('productos.destroy', $p) }}" style="display:inline" onsubmit="return confirm('¿Eliminar producto?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="muted" style="text-align:center;padding:28px">Sin productos.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:16px">{{ $productos->links() }}</div>
@endsection