<div class="coveral bgdarkandgray p-3 rounded mt-3">
    <div class="row m-0 p-0 pb-2">
        <div class="col-6" align="left">
            <div class="tfss darkandgray">To &nbsp;&nbsp;
                <img 
                    src="{{ $to_coin->network_coin->details->full_image }}" 
                    class="tsimg" style="width:15px; height:auto; background: white; border-radius: 50%;">

                <font>{{ $to_coin->network_coin->symbol }}</font>
            </div>
        </div>
    </div>
    
    <div class="input-group input-group-lg border-0 rounded">

        <span class="ps-0 input-group-text border-0 bgdarkandgray border-end jexshort" rels="#tochanger" role="button">
            <img src="{{ $to_coin->details->full_image }}" 
                width="40px" height="auto"
                style="border-radius:50%;" 
                class="tfimg"> &nbsp; &nbsp; 
                <font class="fs-5 tnreal">{{ $to_coin->symbol }}</font> &nbsp;
                <i class="bi bi-chevron-right" style="font-size:15px;"></i> 
        </span>

        <input type="text" 
            class="form-control border-0 bgdarkandgray fs-1 shadow-none"
            style="outline:none;text-align: right;" 
            id="to" placeholder="0" name="to"
            x-model="to.coin_amount"
            autocomplete="off" readonly="">

    </div>

    <div class="toconvert tfss text-end pe-3">
        ≈ {{ setting('currency') }}<font x-text="to.fiat_amount">0.00</font>
    </div>
</div>