@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">Regular Pack Orders</h5>
    </div>

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

            <div class="col-md-2 mb-2">
                <select name="operator" class="form-control">
                    <option value="">All Operator</option>
                    @foreach($operators as $code => $name)
                        <option value="{{ $code }}" @selected(request('operator') == $code)>{{ $code }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2 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.success-topup.regular-pack-orders.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>Pack</th>
                        <th>Amount</th>
                        <th>Commission</th>
                        <th>Refund</th>
                        <th>Status</th>
                        <th>Time</th>
                        <th>Action</th>
                    </tr>
                </thead>

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

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

                            <td>{{ $order->mobile_number }}</td>

                            <td>
                                <strong>{{ $order->title }}</strong><br>
                                <small>{{ $order->operator }} / {{ ucfirst($order->recharge_type) }} / {{ $order->package_id }}</small>
                            </td>

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

                            <td>
                                ৳{{ number_format($order->commission_amount, 2) }}<br>
                                <small>{{ number_format($order->commission_per_1000, 2) }} / 1000</small>
                            </td>

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

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

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

                            <td>
                                @if(in_array($order->status, ['pending','processing'], true))
                                    <form method="POST" action="{{ route('admin.success-topup.regular-pack-orders.sync', $order->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 regular pack order found
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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