@extends('layouts.admin.app')
@section('title', __('trans.education_systems.title'))

@section('content')
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">{{ __('trans.education_systems.title') }}</h3>
    </div>
        <div class="card-body">
          @php
              $actions = [
                  ['type' => 'custom', 'html' => '<li><a href="'.url('admin/education_systems').'/${row.id}/stages" class="dropdown-item"><i class="fa-solid fa-layer-group fa-fw"></i> '.__('trans.stage.title').'</a></li>'],
                  ['type' => 'edit', 'url' => url('admin/education_systems'),],
                  ['type' => 'delete', 'url' => url('admin/education_systems'),],
              ];
          @endphp
            <x-dataTable.table
                :columns="[
                  __('trans.id'),
                  __('trans.education_systems.name'),
                  __('trans.education_systems.stages_count'),
                  __('trans.education_systems.grades_count'),
                  __('trans.education_systems.tracks_count'),
                  __('trans.education_systems.subjects_count'),
                ]"
                :fields="[
                  'id',
                  'name',
                  ['data' => 'stages_count', 'searchable' => false],
                  ['data' => 'grades_count', 'searchable' => false],
                  ['data' => 'tracks_count', 'searchable' => false],
                  ['data' => 'subjects_count', 'searchable' => false],
                ]"
                :actions="$actions"
                add-new="{{ __('trans.education_systems.add_new') }}"
                add-new-url="{{ route('admin.education_systems.create') }}"
            />
        </div>
    </div>
@endsection