<div class="col-md-8">
    <div class="card">
        <div class="card-header d-flex flex-column flex-md-row align-items-center justify-content-between">
            <h3 class="card-title mb-0 me-md-3">{{ __('Transactions Statistics') }}</h3>
            <div class="col-12 col-md-4 mt-2 mt-md-0">
                <input type="text" name="daterange" id="daterange-transactions" class="form-control pt-0 pb-0" value="{{ $dateRange }}" placeholder="{{ __('Select a date range') }}" />
            </div>
        </div>
        <div class="card-body">
            <div id="transactions-chart" class="chart-lg"></div>
        </div>
    </div>
</div>
