{{--
  Admin Header Component - Metronic Optimized

  Props:
  - module: string (required) - ej. 'projects', 'services', 'news'
  - title: string (optional) - Título personalizado
  - subtitle: string (optional) - Subtítulo descriptivo
  - icon: string (optional) - Icono Metronic
  - breadcrumbs: array (optional) - Breadcrumbs personalizados
  - actions: array (optional) - Botones de acción

  Mejores prácticas Metronic aplicadas
--}}

@props([
    'module' => 'dashboard',
    'title' => null,
    'subtitle' => null,
    'icon' => null,
    'breadcrumbs' => [],
    'actions' => []
])

@php
    // Configuración centralizada por módulo
    $moduleConfig = config('modules.headers.' . $module, []);

    // Merge con props
    $headerTitle = $title ?? $moduleConfig['title'] ?? 'Panel de Control';
    $headerSubtitle = $subtitle ?? $moduleConfig['subtitle'] ?? config('site.name', 'Law Firm');
    $headerIcon = $icon ?? $moduleConfig['icon'] ?? 'ki-abstract-26';
    $headerBreadcrumbs = !empty($breadcrumbs) ? $breadcrumbs : ($moduleConfig['breadcrumbs'] ?? []);
    $headerActions = !empty($actions) ? $actions : ($moduleConfig['actions'] ?? []);
@endphp

<!--begin::Toolbar Container-->
<div class="mb-6">
    <!--begin::Toolbar-->
    <div class="toolbar d-flex flex-stack flex-wrap" id="kt_toolbar">
        <!--begin::Container-->
        <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
            <!--begin::Page title-->
            <div class="page-title d-flex align-items-center flex-wrap me-3">
                <!--begin::Title-->
                <div class="d-flex align-items-center">
                    @if($headerIcon)
                    <i class="ki-duotone {{ $headerIcon }} text-primary fs-2x me-3">
                        <span class="path1"></span>
                        <span class="path2"></span>
                        @if(str_contains($headerIcon, 'ki-abstract'))
                        <span class="path3"></span>
                        @endif
                    </i>
                    @endif
                    <div>
                        <h1 class="text-gray-800 fw-bold my-0 fs-2">{{ $headerTitle }}</h1>
                        @if($headerSubtitle)
                        <span class="text-muted fw-semibold fs-6">{{ $headerSubtitle }}</span>
                        @endif
                    </div>
                </div>
                <!--end::Title-->
            </div>
            <!--end::Page title-->

            @if(!empty($headerActions))
            <!--begin::Actions-->
            <div class="d-flex align-items-center gap-2">
                @foreach($headerActions as $action)
                @if($action['type'] === 'button')
                <a href="{{ $action['url'] ?? '#' }}"
                   class="btn btn-{{ $action['variant'] ?? 'primary' }} d-flex align-items-center px-4 py-2"
                   @if(isset($action['modal'])) data-bs-toggle="modal" data-bs-target="{{ $action['modal'] }}" @endif
                   @if(isset($action['confirm'])) onclick="return confirm('{{ $action['confirm'] }}')" @endif>
                    @if(isset($action['icon']))
                    <i class="ki-duotone {{ $action['icon'] }} fs-4 me-2">
                        <span class="path1"></span>
                        <span class="path2"></span>
                    </i>
                    @endif
                    {{ $action['text'] }}
                </a>
                @elseif($action['type'] === 'dropdown')
                <!--begin::Menu-->
                <div class="me-0">
                    <button class="btn btn-light btn-active-light-primary d-flex align-items-center px-4 py-2"
                            data-kt-menu-trigger="click"
                            data-kt-menu-placement="bottom-end">
                        @if(isset($action['icon']))
                        <i class="ki-duotone {{ $action['icon'] }} fs-4 me-2">
                            <span class="path1"></span>
                            <span class="path2"></span>
                        </i>
                        @endif
                        {{ $action['text'] }}
                        <i class="ki-duotone ki-down fs-4 ms-2">
                            <span class="path1"></span>
                            <span class="path2"></span>
                        </i>
                    </button>

                    <!--begin::Menu-->
                    <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true">
                        @foreach($action['items'] as $item)
                        <div class="menu-item px-3">
                            <a href="{{ $item['url'] }}" class="menu-link px-3 py-2"
                               @if(isset($item['target'])) target="{{ $item['target'] }}" @endif>
                                @if(isset($item['icon']))
                                <span class="menu-icon me-3">
                                    <i class="ki-duotone {{ $item['icon'] }} fs-5">
                                        <span class="path1"></span>
                                        <span class="path2"></span>
                                    </i>
                                </span>
                                @endif
                                <span class="menu-title">{{ $item['text'] }}</span>
                            </a>
                        </div>
                        @endforeach
                    </div>
                    <!--end::Menu-->
                </div>
                <!--end::Menu-->
                @endif
                @endforeach
            </div>
            <!--end::Actions-->
            @endif
        </div>
        <!--end::Container-->
    </div>
    <!--end::Toolbar-->
</div>
<!--end::Toolbar Container-->