@extends('layouts.admin.app')
@section('title', __('trans.track.title') . ' - ' . $grade->name)

@section('content')
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h3 class="card-title">
        {{ __('trans.track.title') }} 
        <span class="text-primary">({{ $grade->educationSystem->name }} - {{ $grade->stage->name }} - {{ $grade->name }})</span>
      </h3>
      <a href="{{ route('admin.stages.grades.index', $grade->stage_id) }}" class="btn btn-secondary">{{ __('trans.back') }}</a>
    </div>
        <div class="card-body">
            <x-dataTable.table
                :columns="[
                  __('trans.id'),
                  __('trans.track.name'),
                ]"
                :fields="['id','name']"
                :actions="[
                    ['type' => 'edit', 'url' => url('admin/grades/' . $grade->id . '/tracks'),],
                    ['type' => 'delete', 'url' => url('admin/grades/' . $grade->id . '/tracks'),],
                ]"
                add-new="{{ __('trans.track.add_new') }}"
                add-new-url="{{ route('admin.grades.tracks.create', $grade->id) }}"
            />
        </div>
    </div>
@endsection