@extends('layouts.main-layout')

@section('content-header')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Mobile Recharge</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                   <li class="breadcrumb-item active">Mobile Recharge</li>
                </ol>
            </div>
        </div>
    </div>
</div>
@endsection

@section('body')

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

<div class="card shadow">
    <div class="card-header bg-primary text-white">
        <h3 class="card-title">Recharge Requests</h3>
    </div>
    <div class="card-body">
        <table id="rechargeTable" class="table table-bordered table-hover">
            <thead class="thead-dark">
                <tr>
                    <th>নাম</th>
                    <th>মোবাইল নাম্বার</th>
                    <th>পরিমাণ</th>
                    <th>স্ট্যাটাস</th>
                    <th>তারিখ</th>
                    <th>অ্যাকশন</th>
                </tr>
            </thead>
            <tbody>
                @foreach($requests as $r)
                <tr>
                    <td>{{ $r->user->name ?? 'User' }}</td>
                    <td>{{ e($r->mobile_number) }}</td>
                    <td>{{ $r->amount }}৳</td>
                    <td>
                        @if($r->status == 'pending')
                            <span class="badge badge-warning">Pending</span>
                        @elseif($r->status == 'approved')
                            <span class="badge badge-success">Approved</span>
                        @elseif($r->status == 'rejected')
                            <span class="badge badge-danger">Rejected</span>
                        @else
                            <span class="badge badge-secondary">{{ ucfirst($r->status) }}</span>
                        @endif
                    </td>
                    <td>{{ $r->created_at->format('d-m-Y h:i A') }}</td>
                    <td>
                        @if($r->status === 'pending')
                            <form action="{{ route('admin.recharge.approve', $r->id) }}" method="POST" style="display:inline-block;">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Are you sure to approve?')">✅ Approve</button>
                            </form>
                            <form action="{{ route('admin.recharge.reject', $r->id) }}" method="POST" style="display:inline-block;">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure to reject?')">❌ Reject</button>
                            </form>
                        @else
                            <span class="text-muted">{{ ucfirst($r->status) }}</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

{{-- DataTables Scripts --}}
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet">

<script>
    $(document).ready(function() {
        $('#rechargeTable').DataTable({
            order: [[4, 'desc']]
        });
    });
</script>

@endsection