@extends('admin.template')
@section('content')
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/annotations.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<style type="text/css">
    highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 800px;
  margin: 1em auto;
}
.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

#container_graph_last {
    height: 250px;
}

#container_graph_current {
    height: 250px;
}
#container_graph_2ndlast {
    height: 250px;
}
.sale-price span {
    background: #FBDECC;
    font-size: 12px;
    color: #333333;
    padding: 4px 8px;
    font-weight: 400;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: middle;
}
.sale-price p {
  font-size: 13px;
  color: #333333;
  font-weight: 400;
  margin: 0;
}
.sale-price h1 {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
</style>
<!-- New-dashboard-start -->
<div class="main-content custom-main-content dashboard_wrap">
    <div class="container-fluid">
        <div class="bg_card outer_total_product">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="outer_order blue_clr">
                        <div class="order-img">
                            <img src="{{asset('admins/assets/images/arrow.svg')}}">
                        </div>
                        <div class="sale-price">
                            <p>Total News</p>
                            <h1>{{$news}}</h1>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="outer_order border-0 pink_clr">
                        <div class="order-img">
                            <img src="{{asset('admins/assets/images/pie.svg')}}">
                        </div>
                        <div class="sale-price">
                            <p>Total Users</p>
                            <h1>{{$users}}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- New-dashboard-end -->
<script type="text/javascript">

</script>
@endsection