@push('title')
    Process Sale Return - {{ $sale->invoice_no }}
@endpush
<x-app-layout>
    <div class="row">
        <div class="col-md-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h5 class="mb-0">Process Sale Return: {{ $sale->invoice_no }}</h5>
                <a href="{{ route('sales') }}" class="btn btn-secondary">
                    <i class='bx bx-arrow-back'></i> Back to Sales
                </a>
            </div>
        </div>
    </div>

    @if($sale->sale_status == 4)
        <div class="alert alert-danger d-flex align-items-center mb-4" role="alert">
            <i class='bx bx-error-circle me-2'></i>
            <div>This sale has already been marked as <strong>RETURNED</strong>. Stock has already been restored.</div>
        </div>
    @endif

    <div class="row">
        <!-- Sale Info -->
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header border-bottom">
                    <h5 class="card-title mb-0">Items to be Returned</h5>
                </div>
                <div class="table-responsive text-nowrap">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Product</th>
                                <th>Batch</th>
                                <th>Qty Sold</th>
                                <th>Unit Price</th>
                                <th class="text-end">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($sale->items as $item)
                                <tr>
                                    <td>
                                        <strong>{{ $item->product->name }}</strong>
                                        @if($item->variation)
                                            <br><small class="text-muted">{{ $item->variation->variationType->name }}</small>
                                        @endif
                                    </td>
                                    <td>{{ $item->batch->batch_no }}</td>
                                    <td>{{ number_format($item->qty, 0) }}</td>
                                    <td>{{ number_format($item->net_unit_price, 2) }}</td>
                                    <td class="text-end fw-bold">{{ number_format($item->total, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="table-light">
                            <tr>
                                <th colspan="4" class="text-end">Grand Total:</th>
                                <th class="text-end text-primary h5 fw-bold">LKR
                                    {{ number_format($sale->grand_total, 2) }}
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <!-- Return Details Form -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header border-bottom">
                    <h5 class="card-title mb-0">Return Confirmation</h5>
                </div>
                <div class="card-body pt-3">
                    <div class="mb-3">
                        <label class="text-muted small text-uppercase mb-1 d-block">Customer</label>
                        <div class="fw-bold">{{ $sale->customer->name ?? 'Walk-in' }}</div>
                    </div>
                    <div class="mb-3">
                        <label class="text-muted small text-uppercase mb-1 d-block">Invoice Date</label>
                        <div class="fw-bold">{{ $sale->created_at->format('M d, Y') }}</div>
                    </div>
                    <div class="mb-3">
                        <label class="text-muted small text-uppercase mb-1 d-block">Warehouse</label>
                        <div class="fw-bold">{{ $sale->warehouse->name }}</div>
                    </div>

                    <form id="returnSaleForm" action="{{ route('sales.returns.store') }}" method="POST">
                        @csrf
                        <input type="hidden" name="sale_id" value="{{ $sale->id }}">

                        <div class="mb-3">
                            <label for="note" class="form-label">Return Reason / Note</label>
                            <textarea name="note" id="note" class="form-control" rows="3"
                                placeholder="Explain why the customer is returning these items..." required></textarea>
                        </div>

                        <div class="p-2 small mb-3">
                            <i class='bx bx-info-circle me-1'></i>
                            <strong>Stock Restoration:</strong> All items listed in this invoice will be automatically
                            added back to their respective batches.
                        </div>

                        @if ($sale->sale_status != 4)
                            <button type="button" class="btn btn-danger w-100 py-2" data-bs-toggle="modal"
                                data-bs-target="#confirmReturnModal">
                                <i class='bx bx-undo me-1'></i> Confirm Full Return
                            </button>
                        @else
                            <button type="button" class="btn btn-secondary w-100 py-2" disabled>
                                Sale Already Returned
                            </button>
                        @endif
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Confirm Return Modal -->
    <div class="modal fade" id="confirmReturnModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <h5>Are you absolutely sure?</h5>
                    <p>Proceeding will <strong>FULLY RETURN</strong> this sale ({{ $sale->invoice_no }}). <br>
                        All items will be restored to inventory and the sale status will be changed to <strong>Returned</strong>.</p>
                </div>
                <div class="modal-footer justify-content-center">
                    <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger" onclick="document.getElementById('returnSaleForm').submit();">
                        Yes, Confirm Return
                    </button>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>