@extends('admin.layouts.app')

@section('panel')
<style>
.rp-price{font-weight:900;color:#111827}
.rp-small{font-size:11px;font-weight:800;color:#64748b}
</style>

<div class="card">
    <div class="card-header">
        <h5 class="mb-0 font-weight-bold">Success TopUp Regular Packs</h5>
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route('admin.success-topup.regular-packs.sync') }}" class="row mb-3">
            @csrf

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

            <div class="col-md-4 mb-2">
                <button class="btn btn--primary w-100">Sync Regular Packs</button>
            </div>
        </form>

        <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="Package / Title / Operator">
            </div>

            <div class="col-md-3 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">
                <button class="btn btn--primary w-100">Search</button>
            </div>

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

        <div class="table-responsive">
            <table class="table table--light">
                <thead>
                    <tr>
                        <th>Package</th>
                        <th>Operator</th>
                        <th>Type</th>
                        <th>Price</th>
                        <th>Validity</th>
                        <th>Updated</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($packs as $pack)
                        <tr>
                            <td style="min-width:260px">
                                <strong>{{ $pack->title }}</strong><br>
                                <small class="rp-small">ID: {{ $pack->remote_id }}</small>
                            </td>

                            <td>
                                <strong>{{ $pack->operator ?: '-' }}</strong><br>
                                <small>{{ $pack->operator_name ?: '-' }}</small>
                            </td>

                            <td>{{ ucfirst($pack->recharge_type) }}</td>

                            <td>
                                <span class="rp-price">
                                    ৳{{ number_format($pack->api_price, 2) }}
                                </span>
                            </td>

                            <td>{{ $pack->validity ?: '-' }}</td>

                            <td>{{ $pack->updated_at ? $pack->updated_at->format('d M Y h:i A') : '-' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted font-weight-bold">
                                No regular pack found. Sync from API first.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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