@extends('theme.theme_lite')
@section('content')
<style type="text/css">
    span {
        font-size: 20px;
    }
</style>
<div class="content" style='background-color: rgba(255, 255, 255, 0.3);'>
    <div class='row'>
        <div class='col-sm-12 '>
            <h2 class='tcenter'>{{strtoupper($campaign['name'])}}</h2>
        </div>
    </div>
    <div class='row'>
        <div class='col-sm-4'>
            <h3>TODAY</h3>
            @foreach($today_all_success as $key => $row)
            <div class='row'>
                <div class='col-sm-6'>
                    @if($key==0)
                    <img src='{{asset('dist/img/metal-gold-24.png')}}'>
                    @endif
                    @if($key==1)
                    <img src='{{asset('dist/img/metal-silver-24.png')}}'>
                    @endif
                    @if($key==2)
                    <img src='{{asset('dist/img/metal-brown-24.png')}}'>
                    @endif
                    <span>{{$row['name']}}</span>
                </div>
                <div class='col-sm-6'>
                    <span>{{$row['total_success']}}</span>
                </div>
            </div>
            @endforeach
        </div>
        <div class='col-sm-4'>
            <h3>THIS MONTH</h3>
            @foreach($this_month_all_success as $key => $row)
            <div class='row'>
                <div class='col-sm-6'>
                    @if($key==0)
                    <img src='{{asset('dist/img/metal-gold-24.png')}}'>
                    @endif
                    @if($key==1)
                    <img src='{{asset('dist/img/metal-silver-24.png')}}'>
                    @endif
                    @if($key==2)
                    <img src='{{asset('dist/img/metal-brown-24.png')}}'>
                    @endif
                    <span>{{$row['name']}}</span>
                </div>
                <div class='col-sm-6'>
                    <span>{{$row['total_success']}}</span>
                </div>
            </div>
            @endforeach
        </div>
        <div class='col-sm-4'>
            <h3>TOTAL</h3>
            @foreach($all_success as $key => $row)
            <div class='row'>
                <div class='col-sm-6'>
                    @if($key==0)
                    <img src='{{asset('dist/img/metal-gold-24.png')}}'>
                    @endif
                    @if($key==1)
                    <img src='{{asset('dist/img/metal-silver-24.png')}}'>
                    @endif
                    @if($key==2)
                    <img src='{{asset('dist/img/metal-brown-24.png')}}'>
                    @endif
                    <span>{{$row['name']}}</span>
                </div>
                <div class='col-sm-6'>
                    <span>{{$row['total_success']}}</span>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@stop

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    $('.content').css('height', $(window).height());
    
    //auto refresh
    setTimeout(function(){
        window.location.reload(1);
    }, 10000);
});
</script>
@stop