@extends('layouts.master')

@section('title', 'Grades')

@section('content')
    <div class="page-inner">
        <div class="page-header">
            <h3 class="fw-bold mb-3">@yield('title')</h3>
            <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                    <a href="{{ route('home') }}">
                    <i class="icon-home"></i>
                    </a>
                </li>

                <li class="separator">
                    <i class="icon-arrow-right"></i>
                </li>

                <li class="nav-item">
                    <a href="#">Grades</a>
                </li>
            </ul>
        </div>

        <div class="row">
           @livewire('grade.index-grade')
        </div>
    </div>
@endsection