@extends('layouts.app')

@section('title', 'Sales Returns & Customer Refunds - Pavitram Agroz')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <h3 class="fw-bold mb-1 text-dark">Customer Returns & Refund Management</h3>
        <p class="text-muted mb-0 small">Audit-compliant physical product returns, quality inspection workflow, and authorized refund settlements.</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('pos.returns.create') }}" class="btn btn-warning fw-bold btn-sm shadow-sm">
            <i class="bi bi-plus-circle me-1"></i> Initiate New Return
        </a>
        <a href="{{ route('pos.invoices.index') }}" class="btn btn-outline-secondary btn-sm shadow-sm">
            <i class="bi bi-receipt me-1"></i> Invoices Directory
        </a>
    </div>
</div>

<!-- Filters Card -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-body p-3">
        <form method="GET" action="{{ route('pos.returns.index') }}" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small fw-semibold mb-1">Search Return # or Invoice #</label>
                <div class="input-group input-group-sm">
                    <span class="input-group-text bg-light"><i class="bi bi-search"></i></span>
                    <input type="text" name="search" class="form-control" placeholder="Return or invoice number..." value="{{ $searchTerm }}">
                </div>
            </div>

            @if(auth()->user()->isSuperAdmin())
                <div class="col-md-2">
                    <label class="form-label small fw-semibold mb-1">Store</label>
                    <select name="store_id" class="form-select form-select-sm">
                        <option value="">All Stores</option>
                        @foreach($stores as $st)
                            <option value="{{ $st->id }}" {{ $storeId == $st->id ? 'selected' : '' }}>{{ $st->name }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Return Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">All Statuses</option>
                    <option value="Under Inspection" {{ $status === 'Under Inspection' ? 'selected' : '' }}>Under Inspection</option>
                    <option value="Approved" {{ $status === 'Approved' ? 'selected' : '' }}>Approved</option>
                    <option value="Completed" {{ $status === 'Completed' ? 'selected' : '' }}>Completed</option>
                    <option value="Rejected" {{ $status === 'Rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Refund Status</label>
                <select name="refund_status" class="form-select form-select-sm">
                    <option value="">All Statuses</option>
                    <option value="Pending" {{ $refundStatus === 'Pending' ? 'selected' : '' }}>Pending Refund</option>
                    <option value="Refunded" {{ $refundStatus === 'Refunded' ? 'selected' : '' }}>Refunded</option>
                    <option value="Rejected" {{ $refundStatus === 'Rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
            </div>

            <div class="col-md-1 d-flex gap-1">
                <button type="submit" class="btn btn-agri btn-sm w-100" title="Filter"><i class="bi bi-funnel"></i></button>
                @if($searchTerm || $storeId || $status || $refundStatus)
                    <a href="{{ route('pos.returns.index') }}" class="btn btn-light border btn-sm" title="Clear Filters"><i class="bi bi-x-lg"></i></a>
                @endif
            </div>
        </form>
    </div>
</div>

<!-- Returns Table -->
<div class="card shadow-sm border-0">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Return #</th>
                    <th>Original Invoice</th>
                    <th>Date & Store</th>
                    <th>Items</th>
                    <th class="text-end">Refund Amount</th>
                    <th>Inspection Status</th>
                    <th>Refund Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($returns as $ret)
                    <tr>
                        <td>
                            <a href="{{ route('pos.returns.show', $ret) }}" class="fw-bold font-monospace text-warning-emphasis text-decoration-none">
                                {{ $ret->return_number }}
                            </a>
                        </td>
                        <td>
                            <a href="{{ route('pos.invoices.show', $ret->invoice) }}" class="font-monospace text-decoration-none text-dark">
                                {{ $ret->invoice->invoice_number }}
                            </a>
                        </td>
                        <td>
                            <div class="small fw-semibold">{{ $ret->return_date->format('d M Y, H:i') }}</div>
                            <small class="text-muted">{{ $ret->store->name }}</small>
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">{{ $ret->items->count() }} unit(s)</span>
                        </td>
                        <td class="text-end font-monospace fw-bold text-dark">
                            ₹{{ number_format($ret->total_refund_amount, 2) }}
                        </td>
                        <td>
                            @if($ret->status === 'Completed' || $ret->status === 'Approved')
                                <span class="badge bg-success-subtle text-success border border-success">Approved</span>
                            @elseif($ret->status === 'Rejected')
                                <span class="badge bg-danger">Rejected</span>
                            @else
                                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning">Under Inspection</span>
                            @endif
                        </td>
                        <td>
                            @if($ret->refund_status === 'Refunded')
                                <span class="badge bg-success"><i class="bi bi-check2"></i> Refunded ({{ $ret->refund_method }})</span>
                            @elseif($ret->refund_status === 'Rejected')
                                <span class="badge bg-secondary">Rejected</span>
                            @else
                                <span class="badge bg-warning text-dark"><i class="bi bi-clock-history me-1"></i> Pending Authorization</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <a href="{{ route('pos.returns.show', $ret) }}" class="btn btn-sm btn-light border">
                                <i class="bi bi-eye me-1"></i> Inspect
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center py-5 text-muted">
                            <i class="bi bi-arrow-return-left fs-1 d-block mb-2 text-secondary"></i>
                            <div>No customer returns recorded matching criteria.</div>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($returns->hasPages())
        <div class="card-footer bg-white border-top py-3">
            {{ $returns->links() }}
        </div>
    @endif
</div>
@endsection