@extends('marketing.main')

@push('marketing_title') Dashboard | Partner Online Legal India | Marketing Panel @endpush

@section('MarketingPanel')
<div class="container">
    <div class="row">
        <div class="col-md-12 page-header">
            <h2 class="page-title">Dashboard</h2>
            <div class="page-pretitle"> {{ Auth::guard('marketing')->user()->name }}
               <p class="show_time"> {{ date('D,d M') }} <span></span> </p> 
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="fas fa-phone"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail">
                                <p class="detail-subtitle">Total Call</p>
                                <span class="number">...</span>
                            </div>
                        </div>
                    </div>
                    <div class="footer">
                        <hr />
                        <div class="stats">
                            <i class="fas fa-calendar"></i> <!-- For this Week -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="fas fa-phone"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail">
                                <p class="detail-subtitle">Schedule</p>
                                <span class="number">..</span>
                            </div>
                        </div>
                    </div>
                    <div class="footer">
                        <hr />
                        <div class="stats">
                            <i class="fas fa-calendar"></i> <!-- For this Month -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="violet fas fa-eye"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail">
                                <p class="detail-subtitle">Page views</p>
                                <span class="number">28,210</span>
                            </div>
                        </div>
                    </div>
                    <div class="footer">
                        <hr />
                        <div class="stats">
                            <i class="fas fa-stopwatch"></i> For this Month
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="orange fas fa-envelope"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail">
                                <p class="detail-subtitle">Support Request</p>
                                <span class="number">75</span>
                            </div>
                        </div>
                    </div>
                    <div class="footer">
                        <hr />
                        <div class="stats">
                            <i class="fas fa-envelope-open-text"></i> For this week
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    -->
    </div>
    <div hidden class="row">
        <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="dfd text-center">
                            <i class="blue large-icon mb-2 fas fa-thumbs-up"></i>
                            <h4 class="mb-0">+21,900</h4>
                            <p class="text-muted">FACEBOOK PAGE LIKES</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="dfd text-center">
                            <i class="orange large-icon mb-2 fas fa-reply-all"></i>
                            <h4 class="mb-0">+22,566</h4>
                            <p class="text-muted">INSTAGRAM FOLLOWERS</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="dfd text-center">
                            <i class="grey large-icon mb-2 fas fa-envelope"></i>
                            <h4 class="mb-0">+15,566</h4>
                            <p class="text-muted">E-MAIL SUBSCRIBERS</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card">
                <div class="content">
                    <div class="row">
                        <div class="dfd text-center">
                            <i class="olive large-icon mb-2 fas fa-dollar-sign"></i>
                            <h4 class="mb-0">+98,601</h4>
                            <p class="text-muted">TOTAL SALES</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection