@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('classroom') }}" class="text-dark"><i class="fa fa-arrow-circle-left "></i> Cursos</a>
            <hr>
        </div>
        <div class="mt-1">
            <div class="row">
                <div class="col-12">
                    <h5 class="font-weight-bold">
                        <span>{{ strtoupper($course->name) }}</span>
                    </h5>
                </div>
                <div class="col-12">
                    <ul class="list-group">
                        @foreach($course->subjects as $subject)
                            <a href="{{ route('subject-by-id', ['course' => $course->id, 'subject' => $subject->id]) }}">
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    {{ $subject->name }}
                                    @if($subject->viewedUser->count() > 0)
                                        <i class="fa fa-check-circle text-success fa-2x"></i>
                                    @endif
                                </li>
                            </a>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection