@extends('admin.master')

@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h2 class="mb-1">Product Returns</h2>
            <p class="text-muted mb-0">Manage all return requests</p>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="card shadow-sm border-0 mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('admin.returns.index') }}">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Search</label>
                        <input
                            type="text"
                            name="search"
                            class="form-control"
                            value="{{ request('search') }}"
                            placeholder="Order no, product, shop, customer"
                        >
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-select">
                            <option value="">All Status</option>
                            @foreach(['requested','approved','rejected','picked_up','received','refunded','completed','cancelled'] as $status)
                                <option value="{{ $status }}" @selected(request('status') === $status)>
                                    {{ ucfirst(str_replace('_', ' ', $status)) }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Type</label>
                        <select name="type" class="form-select">
                            <option value="">All Type</option>
                            <option value="refund" @selected(request('type') === 'refund')>Refund</option>
                            <option value="replacement" @selected(request('type') === 'replacement')>Replacement</option>
                        </select>
                    </div>

                    <div class="col-md-2 d-flex align-items-end">
                        <button class="btn btn-primary w-100">Filter</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body p-0">
            @if($returns->count() > 0)
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>Order</th>
                                <th>Product</th>
                                <th>Shop</th>
                                <th>Customer</th>
                                <th>Type</th>
                                <th>Qty</th>
                                <th>Refund</th>
                                <th>Status</th>
                                <th>Requested At</th>
                                <th width="220">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($returns as $item)
                                <tr>
                                    <td>{{ $item->id }}</td>
                                    <td>{{ $item->order?->order_number ?? 'N/A' }}</td>
                                    <td>{{ $item->product?->name ?? 'N/A' }}</td>
                                    <td>{{ $item->shop?->shop_name ?? 'N/A' }}</td>
                                    <td>
                                        {{ $item->user?->name ?? 'N/A' }}
                                        @if($item->user?->phone)
                                            <br><small class="text-muted">{{ $item->user?->phone }}</small>
                                        @endif
                                    </td>
                                    <td class="text-capitalize">{{ $item->type }}</td>
                                    <td>{{ $item->return_qty }}</td>
                                    <td>৳{{ number_format($item->refund_amount, 2) }}</td>
                                    <td>
                                        <span class="badge bg-info text-dark text-capitalize">
                                            {{ str_replace('_', ' ', $item->status) }}
                                        </span>
                                    </td>
                                    <td>{{ optional($item->requested_at)->format('d M Y h:i A') }}</td>
                                    <td>
                                        <div class="d-flex gap-2 flex-wrap">
                                            <a href="{{ route('admin.returns.show', $item->id) }}" class="btn btn-sm btn-outline-dark">
                                                View
                                            </a>

                                            <button
                                                type="button"
                                                class="btn btn-sm btn-outline-primary"
                                                data-bs-toggle="modal"
                                                data-bs-target="#statusModal{{ $item->id }}"
                                            >
                                                Update
                                            </button>
                                        </div>

                                        <div class="modal fade" id="statusModal{{ $item->id }}" tabindex="-1" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <form method="POST" action="{{ route('admin.returns.update', $item->id) }}">
                                                        @csrf
                                                        @method('PATCH')

                                                        <div class="modal-header">
                                                            <h5 class="modal-title">Update Return Status</h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                        </div>

                                                        <div class="modal-body">
                                                            <div class="mb-3">
                                                                <label class="form-label">Status</label>
                                                                <select name="status" class="form-select" required>
                                                                    @foreach(['requested','approved','rejected','picked_up','received','refunded','completed','cancelled'] as $status)
                                                                        <option value="{{ $status }}" @selected($item->status === $status)>
                                                                            {{ ucfirst(str_replace('_', ' ', $status)) }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>

                                                            <div class="mb-3">
                                                                <label class="form-label">Admin Note</label>
                                                                <textarea name="admin_note" class="form-control" rows="4">{{ $item->admin_note }}</textarea>
                                                            </div>
                                                        </div>

                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                                            <button type="submit" class="btn btn-primary">Save Changes</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="p-3">
                    {{ $returns->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <div class="mb-3" style="font-size:40px;">↩️</div>
                    <h4 class="mb-2">No return requests found</h4>
                    <p class="text-muted mb-0">When customers request returns, they will appear here.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection