@extends('admin.main')

@section('content')

    <style>
        .small-box .icon>i {
            font-size: 42px !important;
            color: #99bfb3;
        }
    </style>
 

    <div class="container-fluid" style="padding: 2%">

        <div class="row">

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$subscribers}}</h3>

                        <p>Subscribers</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$contacts}}</h3>

                        <p>Contacts</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-phone"></i>
                    </div>
                </div>
            </div>



            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$reservations}}</h3>

                        <p>Reservations</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-money-bill"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$tailor_mades}}</h3>

                        <p>Tailor Mades</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-fan"></i>
                    </div>
                </div>
            </div>



        </div>

        <hr>
        <div class="row">


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$admins}}</h3>
                        <p>Admins</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-users"></i>
                    </div>
                </div>
            </div>


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$countries}}</h3>

                        <p>Countries</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-map"></i>
                    </div>
                </div>
            </div>


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$cities}}</h3>

                        <p>Cities</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-map-marked-alt"></i>
                    </div>
                </div>
            </div>


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$blogCategories}}</h3>

                        <p>Blog Categories</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-book"></i>
                    </div>
                </div>
            </div>


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$articles}}</h3>

                        <p>Articles</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-file-alt"></i>
                    </div>
                </div>
            </div>


            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$categories}}</h3>

                        <p>Categories</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-list"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$subCategories}}</h3>

                        <p>Sub Categories</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-th"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$tours}}</h3>

                        <p>Tours</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-umbrella"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$hotels}}</h3>

                        <p>Hotels</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-hotel"></i>
                    </div>
                </div>
            </div>




            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$reviews}}</h3>

                        <p>Reviews</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-star"></i>
                    </div>
                </div>
            </div>



            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$questions}}</h3>

                        <p>Questions</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-question"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$partners}}</h3>

                        <p>Partners</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-handshake"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small card -->
                <div class="small-box bg-default">
                    <div class="inner">
                        <h3>{{$sliders}}</h3>

                        <p>Sliders</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-image"></i>
                    </div>
                </div>
            </div>




        </div>
    </div>


@endsection