@component('Website::analytics.components._card', ['title' => 'Customer Retention Rate',  'position' => 'center', 'value' => $customerRetentionRate . '%'])

<hr>
<div class="eh_card-group mt-2">
    <div class="eh_stats-card my-3">
        <div class="card-body1">
            <div class="row text-center">
                <div class="col-md-4  border-right">
                    <h2 style="color:#252b33; font-weight:700;">{{ $customerEndPeriod }}</h2>
                    <span style="font-size: 14px">Number of Customers at the End of the Period</span>
                </div>
                <div class="col-md-4  border-right">
                    <h2 style="color:#252b33; font-weight:700;">{{ $customerStartPeriod }}</h2>
                    <span style="font-size: 14px">Number of Customers at the start of the Period</span>
                </div>
                <div class="col-md-4">
                    <h2 style="color:#252b33; font-weight:700;">{{ $customerWithInPeriod }}</h2>
                    <span style="font-size: 14px">Number of Customers within Period</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endcomponent