@extends('layouts.app')

@php $cur = auth()->user()->company->currency ?? 'PEN'; @endphp
@section('title', 'Nueva devolución')
@section('hi', 'Nueva devolución')
@section('hi_sub', 'Operación')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Nueva devolución</h1>
            <p class="page-sub">Busca la venta y elige los productos a devolver.</p>
        </div>
        <a href="{{ route('returns.index') }}" class="btn-ghost">@include('partials.icon', ['name' => 'arrow-left', 'class' => 'ic-sm']) Volver</a>
    </div>

    @error('qty') <div class="flash flash--bad">{{ $message }}</div> @enderror

    <div class="card panel" style="margin-bottom:18px">
        <form method="GET" action="{{ route('returns.create') }}" class="inline-form">
            <div style="flex:1;min-width:220px">
                <label class="lbl">N° de venta</label>
                <input class="inp" name="sale" value="{{ $saleNumber }}" placeholder="Ej: V-000001" autofocus>
            </div>
            <button class="btn-primary">Buscar venta</button>
        </form>
    </div>

    @if($saleNumber !== '' && !$sale)
        <div class="card"><div class="empty">No se encontró la venta <b>{{ $saleNumber }}</b> (o no está completada).</div></div>
    @elseif($sale)
        <form method="POST" action="{{ route('returns.store') }}">
            @csrf
            <input type="hidden" name="sale_id" value="{{ $sale->id }}">

            <div class="card table-card" style="margin-bottom:18px">
                <div class="toolbar">
                    <div class="panel__title" style="padding:6px 4px">Venta {{ $sale->number }} · {{ $sale->created_at->format('d/m/Y H:i') }}</div>
                </div>
                <table class="dt">
                    <thead><tr><th>Producto</th><th>Variante</th><th>P.U.</th><th>Vendido</th><th>Ya devuelto</th><th>Devolvible</th><th style="width:120px">Devolver</th></tr></thead>
                    <tbody>
                    @forelse($rows as $row)
                        <tr>
                            <td class="strong">{{ $row['product_name'] }}</td>
                            <td>{{ $row['variant_label'] }}</td>
                            <td>{{ number_format($row['unit_price'], 2) }}</td>
                            <td>{{ $row['sold'] }}</td>
                            <td>{{ $row['returned'] }}</td>
                            <td><span class="stock-pill {{ $row['returnable'] > 0 ? 'stock-ok' : 'stock-out' }}">{{ $row['returnable'] }}</span></td>
                            <td>
                                @if($row['returnable'] > 0)
                                    <input class="inp" type="number" min="0" max="{{ $row['returnable'] }}" value="0"
                                           name="qty[{{ $row['sale_item_id'] }}]" style="padding:8px 10px">
                                @else
                                    <span class="muted">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7"><div class="empty">La venta no tiene ítems.</div></td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            <div class="card panel form-wrap">
                <div style="margin-bottom:14px">
                    <label class="lbl">Motivo de la devolución</label>
                    <input class="inp" name="reason" placeholder="Ej: talla incorrecta, producto defectuoso...">
                </div>
                <div class="form-actions" style="border:0;padding:0">
                    <a href="{{ route('returns.index') }}" class="btn-ghost">Cancelar</a>
                    <button class="btn-primary" type="submit">@include('partials.icon', ['name' => 'check', 'class' => 'ic-sm']) Registrar devolución</button>
                </div>
            </div>
        </form>
    @endif
@endsection