@extends('layouts.app')

@section('content')
<div class="container dashboard">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Dashboard<div class="project-count">{{$projectCount}} active projects</div></div>

                <div class="panel-body">
                    @if( $projectCount )
                        @foreach($languages as $languageId => $language)
                            {!! $language !!}
                            <div class="progress" onclick="window.location.href += 'language/{{$languageId}}'">
                                @if( $statistics[$languageId][4] > 0 )
                                    <div class="progress-bar published" style="width: {!! ($statistics[$languageId][4]/$projectCount)*100 !!}%" data-toggle='tooltip' data-title="{{$statistics[$languageId][4]}} projects are published"></div>
                                @endif
                                @if( $statistics[$languageId][2] > 0 )
                                    <div class="progress-bar completed" style="width: {!! ($statistics[$languageId][2]/$projectCount)*100 !!}%" data-toggle='tooltip' data-title="{{$statistics[$languageId][2]}} projects are completed, but not approved"></div>
                                @endif
                                @if( $statistics[$languageId][1] > 0 )
                                    <div class="progress-bar needswork" style="width: {!! ($statistics[$languageId][1]/$projectCount)*100 !!}%" data-toggle='tooltip' data-title="{{$statistics[$languageId][1]}} projects needs more work"></div>
                                @endif
                                @if( $statistics[$languageId][5] > 0 )
                                    <div class="progress-bar revision" style="width: {!! ($statistics[$languageId][5]/$projectCount)*100 !!}%" data-toggle='tooltip' data-title="{{$statistics[$languageId][5]}} projects need revision"></div>
                                @endif
                                <div class="progress-bar untranslated" data-toggle='tooltip' data-title="{!! $projectCount - $statistics[$languageId][4] - $statistics[$languageId][2] - $statistics[$languageId][1] - $statistics[$languageId][5]  !!} projects still untranslated"></div>
                            </div>
                        @endforeach
                    @else
                        <p>There are no projects yet!</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection