@extends('layouts.app')

@section('content')
<div class="top-bar d-flex justify-content-between align-items-center">
    <h2 class="mb-0">طلبات الرصيد</h2>
    @if(!auth()->user()->isAdmin())
        <a href="{{ route('balance-requests.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i>
            طلب جديد
        </a>
    @endif
</div>

@if(auth()->user()->isAdmin() && $pendingRequests > 0)
    <div class="alert alert-warning">
        <i class="fas fa-bell"></i>
        يوجد {{ $pendingRequests }} طلبات معلقة بانتظار الموافقة
    </div>
@endif

<div class="table-container">
    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>#</th>
                    @if(auth()->user()->isAdmin())
                        <th>المستخدم</th>
                    @endif
                    <th>النوع</th>
                    <th>العملة</th>
                    <th>المبلغ</th>
                    <th>الحالة</th>
                    <th>التاريخ</th>
                    @if(auth()->user()->isAdmin())
                        <th>الإجراءات</th>
                    @else
                        <th>ملاحظات</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse($requests as $req)
                    <tr>
                        <td>{{ $req->id }}</td>
                        @if(auth()->user()->isAdmin())
                            <td>
                                <div class="fw-bold">{{ $req->user->name }}</div>
                                <small class="text-muted">{{ $req->user->email }}</small>
                            </td>
                        @endif
                        <td>
                            @if($req->type === 'add')
                                <span class="badge bg-success">إضافة رصيد</span>
                            @else
                                <span class="badge bg-danger">خصم رصيد</span>
                            @endif
                        </td>
                        <td>{{ $req->currency }}</td>
                        <td class="fw-bold">{{ number_format($req->amount, 2) }}</td>
                        <td>
                            @if($req->status === 'pending')
                                <span class="status-badge status-pending">قيد الانتظار</span>
                            @elseif($req->status === 'approved')
                                <span class="status-badge status-completed">تمت الموافقة</span>
                            @else
                                <span class="status-badge status-cancelled">مرفوض</span>
                            @endif
                        </td>
                        <td>{{ $req->created_at->format('Y-m-d') }}</td>
                        @if(auth()->user()->isAdmin())
                            <td>
                                @if($req->status === 'pending')
                                    <form action="{{ route('balance-requests.approve', $req) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-success">
                                            <i class="fas fa-check"></i>
                                        </button>
                                    </form>
                                    <form action="{{ route('balance-requests.reject', $req) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-danger">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </form>
                                @else
                                    <span class="text-muted">تم المعالجة</span>
                                @endif
                            </td>
                        @else
                            <td>
                                @if($req->admin_notes)
                                    {{ $req->admin_notes }}
                                @else
                                    -
                                @endif
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr>
                        <td colspan="{{ auth()->user()->isAdmin() ? 8 : 7 }}" class="text-center text-muted py-4">
                            <i class="fas fa-inbox fa-2x mb-2"></i>
                            <p class="mb-0">لا توجد طلبات</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="d-flex justify-content-center mt-4">
        {{ $requests->links() }}
    </div>
</div>
@endsection