@extends('layouts.app')

@push('css')

@endpush

@section('conteudo')

<div class="row">

    <div class="col-xl-6 box-col-6">
        <div class="card title-line upgrade-card overflow-hidden">
            <div class="row align-items-end"> 
            <div class="col-sm-8 col-11"> 
                <div class="card-header"> 
                <h2> {{ Auth::user()->nome }}  </h2>
                <p class="mt-2 f-light">Esta página vai te ajudar na gestão pedagógica. </p>
                <a class="btn btn-primary btn-hover-effect btn-sm f-w-500" href="{{route('minhasTurmas.index')}}">Minhas Turmas
                    <svg class="svg-sprite">
                    <use href="{{ URL('/assets/svg/icon-sprite.svg#logout')}}"> </use>
                    </svg></a>
                </div>
            </div>
            </div>
            <div class="cartoon-image"> <img class="img-fluid" src="{{ URL('/assets/images/dashboard/1.png')}}" alt="vector"></div><img class="img-fluid pattern-image" src="{{ URL('/assets/images/dashboard/bg-1.png')}}" alt="vector pattern">
        </div>
    </div>

    <div class="col-xl-6 box-col-6">
        <div class="row tread-cards">
            <div class="col-xl-6 col-sm-6"> 
            <div class="card widget-1">
                <div class="card-body common-box">
                <div class="widget-icon primary widget-round">
                    <svg>
                    <use href="{{ URL('/assets/svg/icon-sprite.svg#crown')}}"> </use>
                    </svg>
                </div>
                <div> 
                    <h3 class="f-w-600">Turmas</h3><span class="f-w-500 f-light f-12">{{count($turmaProfessor)}} </span>
                </div>
                </div>
            </div>
            </div>
            <div class="col-xl-6 col-sm-6"> 
            <div class="card widget-1">
                <div class="card-body common-box">
                <div class="widget-icon success widget-round">
                    <svg>
                    <use href="{{ URL('/assets/svg/icon-sprite.svg#flash')}}"> </use>
                    </svg>
                </div>
                <div> 
                    <h3 class="f-w-600">Disciplinas</h3><span class="f-w-500 f-light f-12">{{count($turmaProfessorDisciplinas)}}</span>
                </div>
                </div>
            </div>
            </div>
            <div class="col-xl-6 col-sm-6"> 
            <div class="card widget-1"> 
                <div class="card-body common-box">
                <div class="widget-icon warning widget-round">
                    <svg>
                    <use href="{{ URL('/assets/svg/icon-sprite.svg#blend-2')}}"> </use>
                    </svg>
                </div>
                <div> 
                    <h3 class="f-w-600">Alunos</h3><span class="f-w-500 f-light f-12">{{count($alunosMatriculados)}}</span>
                </div>
                </div>
            </div>
            </div>
            <div class="col-xl-6 col-sm-6"> 
            <div class="card widget-1">
                <div class="card-body common-box">
                <div class="widget-icon secondary widget-round">
                    <svg>
                    <use href="{{ URL('/assets/svg/icon-sprite.svg#color-filter')}}"> </use>
                    </svg>
                </div>
                <div> 
                    <h3 class="f-w-600">Pauta Fi.</h3><span class="f-w-500 f-light f-12">{{count($pautaFinalizada)}}</span>
                </div>
                </div>
            </div>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-100 order-xl-i">
        <div class="offer-banner">
        <div class="offer-content"> 
            <h2>
                @if(count($turmaProfessor) > 0)
                    {{ number_format((count($pautaFinalizada) / count($turmaProfessor)) * 100, 2) }}% Pautas por finalizar.
                @else
                    0% Pautas Por Finalizada
                @endif
            </h2>
            <p class="f-w-500 f-12">Estimado professor finalize a pauta da sua turma.</p>
        </div>
            <div class="cartoon-image"><img class="img-fluid" src="{{ URL('/assets/images/dashboard/banner.png')}}" width="150" height="150" alt="vector"></div>
        </div>
    </div>

</div>

@endsection

@push('js')


@endpush