@if($msisdn ?? false)
    <h1 class="mb-4 font-semibold text-2xl border-b border-gray-200">Subscriptions</h1>
    @if ($subscriptions->count())
        <table class="border border-gray-200 min-w-full overflow-auto">
            <thead>
                <th class="border border-gray-400 p-2">#</th>
                <th class="border border-gray-400 p-2">ID</th>
                <th class="border border-gray-400 p-2">Date/Time</th>
                <th class="border border-gray-400 p-2">Package ID</th>
                <th class="border border-gray-400 p-2">Transaction Type</th>
                {{--<th class="border border-gray-400 p-2">Amount</th>--}}
                <th class="border border-gray-400 p-2">MSISDN</th>
                <th class="border border-gray-400 p-2">Actions</th>
            </thead>
            <tbody>
                @foreach($subscriptions as $sub)
                    <tr class="text-center">
                        <td class="border border-gray-300 p-2">{{ $loop->index + 1 }}</td>
                        <td class="border border-gray-300 p-2">{{ $sub->id }}</td>
                        <td class="border border-gray-300 p-2">{{ $sub->date_time }}</td>
                        <td class="border border-gray-300 p-2">{{ $sub->package_id }}</td>
                        <td class="border border-gray-300 p-2">{{ $sub->TransactionType }}</td>
                        {{--<td class="border border-gray-300 p-2">{{ $sub->Amount }}</td>--}}
                        <td class="border border-gray-300 p-2">{{ $sub->msisdn }}</td>
                        <td class="border border-gray-300 p-2">
                            @if(!in_array($sub->TransactionType, ['SUB', 'REN']))
                                <p class="text-red-400">Already Unsubscribed</p>
                            @else
                                <form action="{{ route('unsubscribe', ['subscription' => $sub->id]) }}" method="post">
                                    @method('delete')
                                    @csrf
                                    <x-button class="text-xs bg-red-400 hover:bg-red-500">UNSUB</x-button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <h1 class="mb-4 text-red-400 font-semibold text-center">No subscriptions found for that number!</h1>
    @endif
@else
    <h1 class="mb-4 font-semibold text-2xl text-center">Use the form above to search for subscriptions.</h1>
@endif