@extends('layouts.backend')

@section('title')
	@lang('backend.titles.home_title')
@endsection

@section('content')
    <h1>@lang('backend.titles.welcome')</h1>
    @if(Auth::guard('web_profe')->check())
    <div class="main-stats row">
        <div class="main-stats__stat col-lg-6 col-md-6 col-sm-6">
            <div class="widget__config"></div>
            <h3 class="stat__title">
                @lang('backend.titles.assigned_courses')
            </h3>
            <div class="stat__number">
                <span>@lang('backend.courses_views.page_name'):</span>
                {{$addedCourses}}
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar--green" role="progressbar"
                     aria-valuenow="{{$coursesPercentage}}" aria-valuemin="0"
                     aria-valuemax="100" style="width:{{$coursesPercentage}}%;">
                </div>
            </div> <!-- /progress -->
            <p class="stat__details">
                <strong>{{$coursesPercentage}}%</strong>
                @lang('backend.titles.of_all_courses')
            </p>
        </div> <!-- /col -->
        <div class="main-stats__stat col-lg-6 col-md-6 col-sm-6">
            <div class="widget__config"></div>
            <h3 class="stat__title">
                @lang('backend.titles.assigned_students')
            </h3>
            <div class="stat__number">
                <span>@lang('backend.users_views.page_name'):</span>
                {{$addedUsers}}
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar--anzac" role="progressbar"
                     aria-valuenow="{{$usersPercentage}}" aria-valuemin="0"
                     aria-valuemax="100" style="width: {{$usersPercentage}}%;">
                </div>
            </div> <!-- /progress -->
            <p class="stat__details">
                <strong>{{$usersPercentage}}%</strong>
                @lang('backend.titles.of_all_students')
            </p>
        </div> <!-- /col -->
    </div>
    @endif
@endsection