@extends('layouts.app')

@section('content')
    <div class="">
        <div class="row top_tiles">
            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="tile-stats">
                    <div class="icon"><i class="fa fa-users"></i></div>
                    <div class="count"></div>
                    <h3>Total Users</h3>
                </div>
            </div>
            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="tile-stats">
                    <div class="icon"><i class="fa fa-user-plus"></i></div>
                    <div class="count"></div>
                    <h3>New Users this Week</h3>
                </div>
            </div>
            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="tile-stats">
                    <div class="icon"><i class="fa fa-user-md"></i></div>
                    <div class="count"></div>
                    <h3>Active Users this Week</h3>
                </div>
            </div>
            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="tile-stats">
                    <div class="icon"><i class="fa fa-check-square-o"></i></div>
                    <div class="count"></div>
                    <h3>Free Users</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">

                    <div class="x_content">
                        <div class="row weather-days">
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Avg Yr Sm</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="daily-weather">
                                    <h2 class="day">Avg Cig/Day</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Num Free</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="daily-weather">
                                    <h2 class="day">Free Yr Sm</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="daily-weather">
                                    <h2 class="day">Free Cig/Day</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Relapsed</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Rel Yr Sm</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="daily-weather">
                                    <h2 class="day">Rel Cig/Day</h2>
                                    <h3 class="degree"></h3>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">

                    <div class="x_content">
                        <div class="row weather-days">
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 1</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 2</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 3</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 4</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 5</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 6</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 7</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">0<i>%</i></h5>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Donated</h2>
                                    <h3 class="degree">0</h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Sub-iOS</h2>
                                    <h3 class="degree">0</h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Sub-Android</h2>
                                    <h3 class="degree">0</h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Sub-New</h2>
                                    <h3 class="degree">0</h3>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Sub-Free</h2>
                                    <h3 class="degree">0</h3>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_content">
                        <div class="row weather-days">
                            <div class="col-sm-1">
                                <div class="daily-weather">
                                    <h2 class="day">Day 1</h2>
                                    <h3 class="degree">0</h3>
                                    <h5 class="degree">