<div class="col-md-12">
    <div class="card m-3">
        <div class="display-6 card-header bg-dark text-white text-center">
            {{ $day }}
        </div>
        <div class="card-body text-center">
            @if(empty($classes))
                <div>

                    <i class="fas fa-times"></i>
                    <p class="text-muted">No classes</p>
                </div>
            @else
                @foreach($classes as $index => $class)
                    <div>
                        <p>
                            @if(!empty($class['icon']))
                                <i class="{{ $class['icon'] }}"></i>
                            @elseif(!empty($class['emoji']))
                                <i>{{ $class['emoji'] }}</i>
                            @endif
                            {{ $class['name'] }}
                            <br>
                            <span class="badge bg-primary">{{ $class['time'] }}</span>
                        </p>
                    </div>
                    @if($class !== last($classes))
                        <hr>
                    @endif
                @endforeach
            @endif
        </div>
    </div>
</div>
