{{-- Mixed Widget 1 --}}
<style type="text/css">
    .widget_title
    {
        font-size: 20px !important;
    }
</style>
<div class="card card-custom blue  bg-none {{ @$class }}">
    {{-- Header --}}

    <!-- <img alt="{{ config('propai.appName') }}" src="{{ asset('media/logos/Home-Banner.jpg') }}" class="border-rad-10" /> -->

    <div class="cove-image">

    <h3 class="card-title font-weight-bolder text-white home-card-text">
        Probate Properties Within</br>
        <span class="small-text-header"> Last 30 Days - {!!$user_outcodes!!}.</span></h3>
    </div>


    <!--  <div class="card-header border-0 bg-danger py-5" >

        <div class="card-toolbar">
         <div class="dropdown dropdown-inline">
                <a href="#" class="btn btn-transparent-white btn-sm font-weight-bolder dropdown-toggle px-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Export as CSV
                </a>
                <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                    {{-- Navigation --}}
                    <ul class="navi navi-hover">
                        <li class="navi-header">
                            <span class="text-primary text-uppercase font-weight-bold">Add new:</span>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                <i class="navi-icon flaticon2-graph-1"></i>
                                <span class="navi-text">Order</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                <i class="navi-icon flaticon2-calendar-4"></i>
                                <span class="navi-text">Event</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                <i class="navi-icon flaticon2-layers-1"></i>
                                <span class="navi-text">Report</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                <i class="navi-icon flaticon2-calendar-4"></i>
                                <span class="navi-text">Post</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                <i class="navi-icon flaticon2-file-1"></i>
                                <span class="navi-text">File</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>-->
    {{-- Body --}}
    <div class="card-body p-0 position-relative overflow-hidden mt-7 mb-1">
        {{-- Chart --}}
        <!-- <div id="kt_mixed_widget_1_chart" class="card-rounded-bottom bg-danger" style="height: 90px;background-color: #002147!important"></div> -->
        <div class="dashboard_widget1">

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <div class="bg-light-warning rounded-xl card1 card-body d-flex flex-column gutter-b">
                        <div class="d-flex align-items-center justify-content-between flex-grow-1 flex-wrap">
                            <div class="mr-2">

                                <a href="{{route('newToMarket')}}" class="font-weight-bold card-head-font widget_title">
                                    New to Market
                                </a>
                            </div>
                            <div class="symbol-label font-weight-bolder card-number count"> {{ $totalCountData['month_count'] }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <div class="bg-light-primary rounded-xl card2 card-body d-flex flex-column gutter-b">
                        <div class="d-flex align-items-center justify-content-between flex-grow-1 flex-wrap">
                            <div class="mr-2">
                                <a href="{{route('recentlySold')}}" class="font-weight-bold card-head-font widget_title">
                                    Probate Listing
                                </a>
                            </div>
                            <div class="symbol-label font-weight-bolder card-number count"> {{ $totalCountData['total_count'] }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <div class="bg-light-danger rounded-xl card3 card-body d-flex flex-column gutter-b">
                        <div class="d-flex align-items-center justify-content-between flex-grow-1 flex-wrap">
                            <div class="mr-2">
                                <a href="{{route('priceDrop')}}" class="font-weight-bold card-head-font widget_title">
                                    Number of Campaigns
                                </a>
                            </div>
                            <div class="symbol-label font-weight-bolder card-number count"> {{ $totalCountData['campaign_count'] }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>