@extends('admin.layouts.app')

@section('panel')
<style>
.status-badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;text-transform:capitalize}
.st-pending,.st-processing{background:#fef3c7;color:#92400e}
.st-success{background:#dcfce7;color:#15803d}
.st-cancelled,.st-failed{background:#fee2e2;color:#b91c1c}
</style>

<div class="card">
    <div class="card-header">
        <h5 class="mb-0 font-weight-bold">Mobile Recharges</h5>
    </div>

    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-5 mb-2">
                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="trxid / number / user">
            </div>

            <div class="col-md-3 mb-2">
                <select name="status" class="form-control">
                    <option value="">All Status</option>
                    @foreach(['pending','processing','success','cancelled','failed'] as $status)
                        <option value="{{ $status }}" @selected(request('status') == $status)>
                            {{ ucfirst($status) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2 mb-2">
                <button class="btn btn--primary w-100">Search</button>
            </div>

            <div class="col-md-2 mb-2">
                <a href="{{ route('admin.mobile-recharges.index') }}" class="btn btn--dark w-100">Reset</a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table--light">
                <thead>
                    <tr>
                        <th>TRX ID</th>
                        <th>User</th>
                        <th>Number</th>
                        <th>Operator</th>
                        <th>Amount</th>
                        <th>Commission</th>
                        <th>Refund</th>
                        <th>Status</th>
                        <th>Time</th>
                        <th>Action</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($recharges as $recharge)
                        <tr>
                            <td>
                                <strong>{{ $recharge->transaction_id }}</strong>
                            </td>

                            <td>
                                {{ $recharge->user->name ?? '-' }}<br>
                                <small>{{ $recharge->user->mobile ?? '-' }}</small>
                            </td>

                            <td>{{ $recharge->mobile_number }}</td>
                            <td>{{ $recharge->operator }} / {{ ucfirst($recharge->type) }}</td>

                            <td>৳{{ number_format($recharge->amount,2) }}</td>

                            <td>
                                ৳{{ number_format($recharge->commission_amount,2) }}<br>
                                <small>{{ ucfirst($recharge->commission_status) }}</small>
                            </td>

                            <td>
                                ৳{{ number_format($recharge->refunded_amount,2) }}
                            </td>

                            <td>
                                <span class="status-badge st-{{ $recharge->status }}">
                                    {{ $recharge->status }}
                                </span>
                            </td>

                            <td>
                                {{ $recharge->created_at ? $recharge->created_at->format('d M Y h:i A') : '-' }}
                            </td>

                            <td>
                                @if(in_array($recharge->status, ['pending','processing'], true))
                                    <form method="POST" action="{{ route('admin.mobile-recharges.sync', $recharge->id) }}">
                                        @csrf
                                        <button class="btn btn-sm btn--primary">
                                            Sync
                                        </button>
                                    </form>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted font-weight-bold">
                                No recharge found
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{ $recharges->links() }}
    </div>
</div>
@endsection