@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col text-right">
        <a href="{{ url('grades/create') }}" class="btn btn-secondary mb-2">{{ __('Add grade') }}</a>
    </div>
</div>
<table class="table table-striped table-responsive-sm">
    <thead>
        <tr>
            <th scope="col">{{ __('Name') }}</th>
            <th scope="col">{{ __('Description') }}</th>
            <th scope="col">{{ __('Modules') }}</th>
            <th scope="col" class="text-center">{{ __('Actions') }}</th>
        </tr>
    </thead>
    <tbody>
    @foreach($grades as $grade)
    <tr>
        <td scope="row" class="pt-4">{{ $grade->name }}</td>
        <td scope="row" class="pt-4">{{ str_limit($grade->description, $limit = 150, $end = '...') }}</td>
        <td scope="row" class="pt-4">{{ $grade->modules()->count() }}</td>
        <td scope="row" class="pt-4 text-center">
            <a href="{{ route('grade_edit', $grade->id) }}" class="mr-2"><span class="icon icon-edit"><i></i></span></a>
            <a href="{{ route('grade_delete', $grade->id) }}" class="confirmation"><span class="icon icon-trash"><i></i></span></a>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>

@endsection