@extends('frontend.layouts.user.master')
@section('title', 'Dashboard')
@section('content')

<div class="container">
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-12 mb-5">
            <!-- card -->
            <div class="card h-100 card-lg">
                <!-- card body -->
                <div class="card-body p-0">
                    <!-- table responsive -->
                    <div class="table-responsive">
                        <table
                            class="table table-centered table-hover text-nowrap table-borderless mb-0 table-with-checkbox">
                            <thead class="bg-light">
                                <tr>
                                    <th>Order No</th>
                                    <th>Subject</th>
                                    <th>Status</th>
                                    <th>Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($refund_requests->count() > 0)
                                    @foreach ($refund_requests as $request)
                                        <tr>
                                            <td><a href="{{ route('user.order.detail',['id' => $request->order_id]) }}" class="text-reset">{{ $request->order->order_number }}</a></td>
                                            <td>{{ $request->subject }}</td>
                                            <td>
                                                @php
                                                    $status = $request->status;
                                                    if ($status == 'pending') {
                                                        $color = 'info';
                                                    } elseif ($status == 'approved') {
                                                        $color = 'success';
                                                    } else {
                                                        $color = 'danger';
                                                    }
                                                @endphp
                                                <span class="badge bg-light-{{ $color }} text-dark-{{ $color }} text-uppercase">{{ $request->status }}</span>
                                            </td>
                                            <td>
                                                <a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#refundRequestModal-{{ $request->id }}">View</a>
                                            </td>
                                        </tr>
                                        <div class="modal fade" id="refundRequestModal-{{ $request->id }}" tabindex="-1" aria-labelledby="refundRequestModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content p-4">
                                                    <div class="modal-header border-0">
                                                        <h5 class="modal-title fs-3 fw-bold" id="refundRequestModalLabel">Refund Request Remarks</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="mb-3">
                                                            <label for="refundRemarks" class="form-label">Remarks</label>
                                                            @if (!$request->admin_remarks)
                                                                <p class="text-muted">No refund remarks available</p>
                                                            @else
                                                                <div>
                                                                    {!! $request->admin_remarks !!}
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer border-0 justify-content-center">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="3" class="text-center">No Refund Request Found</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- Pagination (keep your design) -->
                <div class="border-top d-md-flex justify-content-between align-items-center p-6">
                    <span>Showing {{ $refund_requests->firstItem() }} to {{ $refund_requests->lastItem() }} of {{ $refund_requests->total() }} entries</span>
                    <nav class="mt-2 mt-md-0">
                        <ul class="pagination mb-0">
                            @if ($refund_requests->previousPageUrl())
                            <li class="page-item"><a class="page-link" href="{{ $refund_requests->previousPageUrl() }}">Previous</a></li>
                            @endif
                            @if ($refund_requests->nextPageUrl())
                            <li class="page-item"><a class="page-link" href="{{ $refund_requests->nextPageUrl() }}">Next</a></li>
                            @endif
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection