<div class="row mb-2">
    <div class="col">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
                                          title="{{ __('firefly.yourAccounts') }}">{{ __('firefly.yourAccounts') }}</a>
                </h3>
            </div>
            <div class="card-body p-0" style="position: relative;height:400px;">
                <canvas id="account-chart"></canvas>
            </div>
            <template x-if="autoConversionAvailable">
                <div class="card-footer text-end">
                    <template x-if="autoConversion">
                        <button type="button" @click="switchAutoConversion"
                                class="btn btn-outline-info btm-sm">
                                                    <span
                                                        class="fa-solid fa-comments-dollar"></span> {{ __('firefly.disable_auto_convert')  }}
                        </button>
                    </template>
                    <template x-if="!autoConversion">
                        <button type="button" @click="switchAutoConversion"
                                class="btn btn-outline-info btm-sm">
                                                    <span
                                                        class="fa-solid fa-comments-dollar"></span> {{ __('firefly.enable_auto_convert')  }}
                        </button>
                    </template>
                </div>
            </template>
        </div>

    </div>
</div>
