@php
    use Gloudemans\Shoppingcart\Facades\Cart;
    use App\Models\network;
    use App\Models\bundle;

    $bid = $item->options->bundle;
    $id = $item->options->network;

    $network = network::find($id);
    $bundle = bundle::find($bid);

@endphp

<div class="p-3 bg-secondary bg-opacity-40 rounded-xl">
    <div class="flex justify-between space-x-5">
        <div class="flex items-center w-full space-x-3">
            <img src="{{ asset('storage/' . $network->thumbnail) }}" alt="" class="w-16 h-16 rounded-xl">
            <div class="flex flex-col w-full space-y-1">
                <p>{{ $network->name }}</p>
                <div class="flex flex-col items-start justify-between w-full space-y-3 md:flex-row md:space-y-0">
                    <p class="text-xl font-bold">{{ $item->options->recipient }}</p>
                    <div class="flex justify-between w-full space-x-5 md:w-auto">
                        <p class="text-accent">GH&#8373;{{ $item->price }}</p>
                        <p class="font-bold md:text-xl">{{ $bundle->capacity }} GB</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="flex flex-col space-y-1 text-red-500" wire:click.prevent="removeFromCart('{{ $item->rowId }}')">
            <i class="text-lg ri-delete-bin-line"></i>
        </div>
    </div>
</div>
