@extends('base.layouts.master')


@section('style')
	<style type="text/css">
        img {
            margin: 0 auto;
        }
        .dashboard-stat{
            border-radius: 10px!important;
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            transition: .2s linear;
        }
        .dashboard-stat:hover{
            box-shadow: 0 5px 23px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
        }
	</style>
@endsection

@section('title', 'صفحه اصلی')

@section('content')
    @include('base.layouts.partials.general.message')
    <div class="row">
        @foreach($data as $datum)
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <a class="dashboard-stat dashboard-stat-v2 purple" href="#" style="background-color: {{$datum['background_color']}}">
                    <div class="visual">
                        <i class="{{$datum['icon_fontawesome']}}"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span data-counter="counterup" data-value="{{ $datum['count']}}"></span></div>
                        <div class="desc"> {{$datum['title']}}</div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>
    <div class="row">
        <div class="col-md-4 col-md-push-4">
            <div>
                <img src="/images/singlePage/{{$logo->image_location}}" class="img-responsive">
            </div>
        </div>
	</div>

	<div class="clearfix"></div>

@endsection

@section('script')
    <script src="/base/assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
    <script src="/base/assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){

		});

	</script>
@endsection