 class="fa fa-hourglass-half text-white opacity-10"></i>
                </div>
                <div class="text-right pt-1">
                    <p class="text-xl mb-0 text-capitalize font-weight-800">{{ pending_count }}</p>
                    <h4 class="mb-0">Pending events</h4>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
        <div class="card">
            <div class="card-header rounded-bottom p-3 pt-2">
                <div cl