<section class="bottomSheet bottomSheet--offScreen bgdarkandwhite pb-5 px-4 shadow border" style="height: 90%;" id="fromchanger">
    <div id="bottomSheet__buttons">
        <div class=" d-inline-block float-start">
            <h2 id="bottomSheet__headerID" class="bottomSheet__header d-inline-block">You Pay</h2>
        </div>
        <div class="d-inline-block darkandgray float-end" onclick="closeBottomSheet('#fromchanger')">
            <i class="bi bi-x-lg fs-3"></i>
        </div>
        <br><br>

        <div class="row m-0 p-0">
            
            <x-widgets.search style="height: 900px; overflow-y: scroll; padding-bottom: 2100px;">

                @foreach ($coins as $coin)
                @if($to_coin->id !== $coin->id)
                <a
                   @class([
                    'tuh noload darkandwhite',
                    'disabled' => $from_coin->id == $coin->id,
                   ])
                   role="button"
                   wire:click.prevent="change({{ $coin->id }})"
                >
                    <x-widgets.coin-card :$coin target="change({{ $coin->id }})"  />
                </a>
                @endif
                @endforeach

            </x-widgets.search>
        </div>
    </div>
</section>