@extends('admin.layouts.app')
@section('page-title', $kind === 'cancel' ? 'Cancel sale' : 'Return / Refund')
@section('body-class', 'inventory-preview')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/inventory.css') }}?v={{ filemtime(public_path('assets/inventory.css')) }}">
@endpush
@push('scripts')
<script type="module" src="{{ asset('assets/pos-return.js') }}?v={{ filemtime(public_path('assets/pos-return.js')) }}"></script>
@endpush
@section('content')
<div class="inventory-workspace" data-return-workspace>
    <div class="inventory-toolbar"><div><h2>{{ $kind === 'cancel' ? 'Cancel sale' : 'Return / Refund' }}</h2><span class="quiet-badge">POS{{ str_pad((string) $sale->id, 6, '0', STR_PAD_LEFT) }}</span></div><a class="inventory-button" href="{{ route('admin.pos.show', $sale) }}">Back to invoice</a></div>
    <form action="{{ route('admin.pos.returns.store', $sale) }}" method="post" data-return-form>
        @csrf
        <input type="hidden" name="submission_key" value="{{ $submissionKey }}"><input type="hidden" name="kind" value="{{ $kind }}"><input type="hidden" name="version" value="{{ $sale->returns->count() }}">
        <section class="panel">
            <div class="inventory-panel-heading"><h2>Choose returned quantities</h2></div>
            <div class="inventory-table-scroll"><table class="inventory-table"><thead><tr><th>Product / SKU</th><th>Sold</th><th>Returned</th><th>Return now</th><th>Restock</th><th>Refund (BDT)</th></tr></thead><tbody>
                @foreach($lines as $line)
                    <tr data-return-line="{{ $line['id'] }}"><td><strong>{{ $line['name'] }}</strong><small class="inventory-cell-note">{{ $line['colour'] !== '' ? $line['colour'] : 'Default' }} / {{ $line['size'] !== '' ? $line['size'] : 'Default' }} · {{ $line['sku'] }}</small></td><td>{{ $line['sold'] }}</td><td>{{ $line['returned'] }}</td><td><input class="return-quantity" type="number" min="0" max="{{ $line['sold'] - $line['returned'] }}" step="1" value="{{ $kind === 'cancel' ? $line['sold'] : 0 }}" data-return-quantity inputmode="numeric" aria-label="Return quantity for {{ $line['sku'] }}" @readonly($kind === 'cancel')></td><td><label><input type="checkbox" data-return-restock checked @disabled($kind === 'cancel')> Sellable</label></td><td data-return-amount>0.00</td></tr>
                @endforeach
            </tbody></table></div>
            <div class="inventory-form-grid"><div class="inventory-field"><label for="return-reason">Reason</label><input id="return-reason" name="reason" required minlength="3" maxlength="500" placeholder="Why is this return or cancellation needed?"></div><div class="inventory-field"><label for="return-method">Refund method</label><select id="return-method" name="refund_method"><option>Cash</option><option>Card</option><option>Mobile</option></select></div><div class="inventory-field"><label for="return-reference">Refund reference</label><input id="return-reference" name="refund_reference" maxlength="80" placeholder="Required for Card / Mobile"></div></div>
            <div class="stock-history-meta"><p>Refund includes the original discount and tax proportion. Uncheck Sellable for damaged goods; those units will not increase stock. Cancellation restores every sold unit and is available only before any return.</p><p>Record a refund already paid to the customer. This control does not transfer money or contact a payment gateway.</p><p><strong>Refund to record: BDT <span data-return-total>0.00</span></strong></p><p data-return-message role="status" aria-live="polite"></p><button type="submit" class="inventory-button inventory-button-primary" data-return-review>Review {{ $kind === 'cancel' ? 'cancellation' : 'return' }}</button></div>
        </section>
    </form>
    <dialog class="inventory-dialog" data-return-dialog aria-labelledby="return-review-title"><div class="inventory-panel-heading"><h2 id="return-review-title">Confirm {{ $kind === 'cancel' ? 'cancellation' : 'return' }}</h2><button type="button" class="inventory-button" data-return-close>Back</button></div><div class="stock-history-meta"><p data-return-review-text></p><p data-return-save-message role="status" aria-live="polite"></p><button type="button" class="inventory-button inventory-button-primary" data-return-save>Confirm &amp; save</button></div></dialog>
    <noscript><p>Enable JavaScript to calculate and review the refund.</p></noscript>
</div>
<script type="application/json" id="return-lines">{!! json_encode($lines, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@endsection