<x-widgets.bottom-sheet id="confirm-send"
    title="Transfer"
    @send-validated.window="closeSheet"
    wire:ignore.self
    x-cloak>

    <div class="row m-0 p-0">
        <div class="col-12 mt-3 px-0 darkandwhite">
            <center>
                <div class="fw-bold fs-3 my-2 mb-0 darkandyellow">- <font x-text="$wire.form.amount">0</font> {{ $coin->symbol }}</div>
                <div class="fw-bold fs-3 my-2 mt-0">
                    <font class="tfs">&dollar;</font>
                    <font class="tfs amtc" x-text="fiat_amount" wire:ignore>0.00</font>
                </div>
            </center>

            <div class="d-block my-4 btn btn-lg bg-transparent border  p-1">
                <div class="tfs mt-2 row m-0 p-0">

                    <div class="col-4 darkandgray my-2" align="left">Asset</div>
                    <div class="col-8 my-2" align="right">{{ $coin->full_name }} </div>

                    <div class="col-4 darkandgray my-2" align="left">From</div>
                    <div class="col-8 my-2" align="right">coin wallet</div>

                    <div class="col-4 darkandgray my-2" align="left">To</div>
                    <div class="col-8 my-2 wbrk" align="right">
                        <font class="cfrom" x-text="shorten($wire.form?.receiver)"></font>
                    </div>

                </div>
            </div>

            <div class="d-block my-4 btn btn-lg bg-transparent border p-1">
                @if($via == 'coin')
                @if($coin->network_coin->user_settings->network_fee)
                <div class="tfs mt-2 row m-0 p-0" x-show="$wire.fees?.network">
                    <x-widgets.fee-section name="network" :$coin :$fees />
                </div>
                @endif

                @if($coin->network_coin->user_settings->irs_fee)
                <div class="tfs mt-2 row m-0 p-0" x-show="$wire.fees?.irs">
                    <x-widgets.fee-section name="irs" :$coin :$fees />
                </div>
                @endif


                {{-- <div class="tfs mt-2 row m-0 p-0">
                    <div class="col-6 darkandgray my-2" align="left">
                        Total Fee
                    </div>
                    <div class="col-6 my-2 tfss" align="right">
                        <font class="camt">
                            <font class="camt">
                                <span> {{ $fees?->total?->coin }} {{ $coin->symbol }} </span>

                                ≈ <span>{{ setting('currency') }} {{ number_format($fees?->total?->fiat, 2) }} </span>
                            </font>
                        </font>
                    </div>
                </div> --}}

                <div class="tfs mt-2 row m-0 p-0">
                    <div class="col-4 darkandgray my-2" align="left">Max Total</div>
                    <div class="col-8 my-2 maxtotal tfss" align="right">
                        <font class="mxt">
                            {{ setting('currency') }} {{ number_format($max_total, 2) }}
                        </font>
                    </div>
                </div>
                @else
                <div class="tfs mt-2 row m-0 p-0">
                    <div class="col-12 darkandgray pb-2" align="left">You are sending via {{ setting('site_name') }} Pay
                        ID. No network fee is included</div>
                </div>
                @endif
            </div>

            <x-form.submit class="btn-warning w-100 mb-5 btn-lg" type="button" target="process" text="Confirm" wire:click="process" />
        </div>
    </div>
</x-widgets.bottom-sheet>