@props([
    'title' => 'Listado',
    'icon' => 'fas fa-list',
    'color' => 'primary',
    'btnNewRoute' => null,
    'btnNewText' => 'Nuevo',
    'btnNewPermission' => null,
    'btnImportRoute' => null,
    'btnImportText' => 'Importar',
    'btnImportPermission' => null,
    'actions' => null,
])

@php
    // Compatibilidad snake_case (cuando se llama con @include en lugar de <x->)
    $btnNewRoute        = $btnNewRoute       ?? $btn_new_route       ?? null;
    $btnNewText         = $btnNewText        ?? $btn_new_text        ?? 'Nuevo';
    $btnNewPermission   = $btnNewPermission  ?? $btn_new_permission  ?? null;
    $btnImportRoute     = $btnImportRoute    ?? $btn_import_route    ?? null;
    $btnImportText      = $btnImportText     ?? $btn_import_text     ?? 'Importar';
    $btnImportPermission= $btnImportPermission ?? $btn_import_permission ?? null;
@endphp

<div {{ $attributes->merge(['class' => 'card-header bg-white d-flex align-items-center py-2 px-3 border-bottom']) }}>
    <h4 class="card-title text-{{ $color }} m-0">
        <i class="{{ $icon }} mr-2"></i> {{ $title }}
    </h4>
    
    <div class="ml-auto d-flex gap-2">
        
        {{-- Botón Importar --}}
        @if($btnImportRoute && (!$btnImportPermission || auth()->user()->can($btnImportPermission)))
            <a href="{{ $btnImportRoute }}" class="btn btn-outline-success font-weight-bold shadow-sm mr-2" title="{{ $btnImportText }}">
                <i class="fas fa-file-excel mr-1"></i> {{ $btnImportText }}
            </a>
        @endif

        {{-- Botón Nuevo --}}
        @if($btnNewRoute && (!$btnNewPermission || auth()->user()->can($btnNewPermission)))
            <a href="{{ $btnNewRoute }}" class="btn btn-{{ $color }} font-weight-bold shadow-sm" title="{{ $btnNewText }}">
                <i class="fas fa-plus mr-1"></i> {{ $btnNewText }}
            </a>
        @endif

        {{-- Slot para botones adicionales --}}
        @if(isset($actions))
            {{ $actions }}
        @endif
        
    </div>
</div>