@extends('adminlte::page')

@section('title', 'Clases EFE')

{{-- Habilitar DataTables + Buttons (si no están globalmente) --}}
@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)

@section('content_header')
    <h1>Clases EFE</h1>
@stop

@section('content')
<div class="card card-outline">
    <div class="card-header d-flex align-items-center">
        <i class="fas fa-layer-group mr-2"></i>
        <h3 class="card-title mb-0">Catálogo de Clases EFE</h3>

        @can('efe_classification.create')
        <a href="{{ route('catalogs.efe_classification.create') }}" class="btn btn-success ml-auto">
            <i class="fas fa-plus-circle"></i> Nueva Clase
        </a>
        @endcan
    </div>

    <div class="card-body">
        @if(session('success'))
            <x-adminlte-alert theme="success" title="OK" dismissable>
                {{ session('success') }}
            </x-adminlte-alert>
        @endif

        <x-adminlte-datatable id="tblEfe" :heads="$heads" :config="$config" striped hoverable bordered with-buttons>
            @foreach($efe_classifications as $r)
                <tr>
                    <td>{{ $r->code }}</td>
                    <td>{{ $r->name }}</td>
                    <td class="text-center">{{ $r->subcategories_count }}</td> {{-- nueva columna --}}
                    <td class="text-center">
                        @can('efe_classification.update')
                        <a class="btn btn-xs btn-warning"
                           href="{{ route('catalogs.efe_classification.edit', $r->efe_classification_id) }}"
                           aria-label="Editar clase EFE">
                            <i class="fas fa-edit"></i>
                        </a>
                        @endcan
                    </td>
                </tr>
            @endforeach
        </x-adminlte-datatable>
    </div>
</div>
@stop