@extends('admin.layout.app')
@section('content')
    <style>
        .order-card {
            color: #fff;
        }

        .bg-c-blue {
            background: linear-gradient(45deg,#4099ff,#73b4ff);
        }

        .bg-c-green {
            background: linear-gradient(45deg,#2ed8b6,#59e0c5);
        }

        .bg-c-yellow {
            background: linear-gradient(45deg,#FFB64D,#ffcb80);
        }

        .bg-c-pink {
            background: linear-gradient(45deg,#FF5370,#ff869a);
        }


        .bg-c-disco {
            background: linear-gradient(45deg,#900C3F,#A63D65);
        }
        .bg-c-scooter {
            background: linear-gradient(45deg,#317B85,#3D9AA6);
        }

        .card {
            border-radius: 5px;
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 5px !important;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 5px !important;
            /*box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);*/
            border: none;
            margin-bottom: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .card .card-block {
            padding: 25px;
        }

        .order-card i {
            font-size: 26px;
        }

        .f-left {
            float: left;
        }

        .f-right {
            float: right;
        }
    </style>

    <section class="content mx-auto">
        <div class="container-fluid">
            <div class="row mt-5">
                <div class="col-md-6 col-xl-6">
                    <div class="card bg-c-blue order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Total QnA</h6>
                            <h2 class="text-right"><i class="fas fa-question-circle f-left"></i><span>{{$data['question'] ?? ''}}</span></h2>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-6">
                    <div class="card bg-c-green order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Total Commentries</h6>

                            <h2 class="text-right"><i class="fas fa-comments-dollar f-left"></i><span>{{$data['commentries'] ?? ''}}</span></h2>
                        </div>
                    </div>
                </div>


{{--                <div class="col-md-4 col-xl-4">--}}
{{--                    <div class="card bg-c-pink order-card">--}}
{{--                        <div class="card-block">--}}
{{--                            <h6 class="m-b-20">Total Users</h6>--}}
{{--                            <h2 class="text-right"><i class="fas fa-users f-left"></i><span>{{$data['total_user'] ?? ''}}</span></h2>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>

        </div>

    </section>


@endsection