@props(['breadcrumbs', 'simple' => false, 'showTitle' => true, 'title' => null])

@php
    use App\Services\BreadcrumbService;
    
    $breadcrumbService = app(BreadcrumbService::class);
    
    // If breadcrumbs not provided, generate them
    if (!isset($breadcrumbs)) {
        $breadcrumbs = $simple 
            ? $breadcrumbService->getSimpleBreadcrumbs()
            : $breadcrumbService->getFullPathBreadcrumbs();
    }
    
    // Get page title - automatically show for all pages
    $pageTitle = $title;
    // Auto-detect title (enabled by default unless explicitly disabled)
    if ($showTitle !== false) {
        // Get Livewire component from view (Filament pages are Livewire components)
        $livewire = null;
        if (isset($this)) {
            $livewire = $this;
        } elseif (class_exists('\Livewire\Livewire')) {
            try {
                $livewire = \Livewire\Livewire::current();
            } catch (\Exception $e) {
                // Ignore errors
            }
        }
        
        // Also try to get from view data if available
        if (!$livewire && isset($__env) && method_exists($__env, 'getData')) {
            try {
                $viewData = $__env->getData();
                if (isset($viewData['__livewire'])) {
                    $livewire = $viewData['__livewire'];
                }
            } catch (\Exception $e) {
                // Ignore errors
            }
        }
        
        // Try to get title from the current page/component
        if ($pageTitle === null && $livewire) {
            // First try getPageTitle() - most pages have this and it returns navigationLabel
            if (method_exists($livewire, 'getPageTitle')) {
                try {
                    $pageTitle = $livewire->getPageTitle();
                } catch (\Exception $e) {
                    // Ignore errors
                }
            }
            // Then try getTitle()
            if (empty($pageTitle) && method_exists($livewire, 'getTitle')) {
                try {
                    $pageTitle = $livewire->getTitle();
                } catch (\Exception $e) {
                    // Ignore errors
                }
            }
            // Then try getHeading() (but skip if empty)
            if (empty($pageTitle) && method_exists($livewire, 'getHeading')) {
                try {
                    $heading = $livewire->getHeading();
                    if (!empty($heading)) {
                        $pageTitle = $heading;
                    }
                } catch (\Exception $e) {
                    // Ignore errors
                }
            }
        }
        
        // For resource pages, try to get from resource directly
        if (empty($pageTitle) && $livewire && method_exists($livewire, 'getResource')) {
            try {
                $resource = $livewire->getResource();
                if ($resource) {
                    // For list pages, use plural model label if available
                    if (method_exists($livewire, 'getPluralModelLabel')) {
                        $pageTitle = $livewire->getPluralModelLabel();
                    }
                    // Otherwise use navigation label (most common for resources)
                    if (empty($pageTitle)) {
                        $pageTitle = $resource::getNavigationLabel();
                    }
                    // Fallback to model label
                    if (empty($pageTitle) && method_exists($resource, 'getModelLabel')) {
                        $pageTitle = $resource::getModelLabel();
                    }
                }
            } catch (\Exception $e) {
                // Ignore errors
            }
        }
        
        // Fallback: Try to get title from route/resource name if still not found
        if (empty($pageTitle)) {
            try {
                $route = request()->route();
                if ($route) {
                    $routeName = $route->getName();
                    // Pattern: filament.admin.resources.{resource}.{page}
                    if (preg_match('/filament\.admin\.resources\.([^.]+)\.(.+)/', $routeName, $matches)) {
                        $resourceName = $matches[1];
                        $page = $matches[2];
                        
                        // Try to find the resource class
                        $resourceClass = 'App\\Filament\\Resources\\' . str_replace(' ', '', ucwords(str_replace(['-', '_'], ' ', $resourceName))) . 'Resource';
                        if (class_exists($resourceClass)) {
                            $pageTitle = $resourceClass::getNavigationLabel() ?? $resourceClass::getTitle() ?? null;
                        }
                    }
                    // Pattern: filament.admin.pages.{page}
                    elseif (preg_match('/filament\.admin\.pages\.(.+)/', $routeName, $matches)) {
                        $pageName = $matches[1];
                        $pageClass = 'App\\Filament\\Pages\\' . str_replace(' ', '', ucwords(str_replace(['-', '_'], ' ', $pageName)));
                        if (class_exists($pageClass)) {
                            if (method_exists($pageClass, 'getNavigationLabel')) {
                                $pageTitle = $pageClass::getNavigationLabel();
                            } elseif (isset($pageClass::$navigationLabel)) {
                                $pageTitle = $pageClass::$navigationLabel;
                            }
                        }
                    }
                }
            } catch (\Exception $e) {
                // Ignore errors
            }
        }
    }
    
    // Always show title if detected (unless explicitly disabled)
    $shouldShowTitle = $showTitle !== false && !empty($pageTitle);
    
    // Debug logging (can be removed later)
    if (config('app.debug') && $shouldShowTitle) {
        \Log::debug('Breadcrumb component: Page title detected', [
            'pageTitle' => $pageTitle,
            'showTitle' => $showTitle,
            'shouldShowTitle' => $shouldShowTitle,
            'hasThis' => isset($this),
        ]);
    }
    
    // Ensure breadcrumbs is an array and each item is separate
    // If we got a single item with a combined title like "Product - Create Product", split it
    if (count($breadcrumbs) === 1 && isset($breadcrumbs[0]['title'])) {
        $combinedTitle = $breadcrumbs[0]['title'];
        $originalUrl = $breadcrumbs[0]['url'] ?? null;
        if (strpos($combinedTitle, ' - ') !== false) {
            // Split the combined title and rebuild breadcrumbs
            $titleParts = explode(' - ', $combinedTitle);
            $newBreadcrumbs = [];
            foreach ($titleParts as $index => $part) {
                $isLast = $index === count($titleParts) - 1;
                $newBreadcrumbs[] = [
                    'title' => trim($part),
                    'url' => $isLast ? $originalUrl : null,
                    'is_active' => $isLast,
                ];
            }
            $breadcrumbs = $newBreadcrumbs;
        }
    }
    
    // Debug: Log breadcrumbs if in debug mode (remove after testing)
    if (config('app.debug') && count($breadcrumbs) > 0) {
        \Log::debug('Breadcrumb component received breadcrumbs', [
            'count' => count($breadcrumbs),
            'breadcrumbs' => $breadcrumbs,
        ]);
    }
@endphp

@if(count($breadcrumbs) > 0 || $shouldShowTitle)
    <div class="breadcrumb-container">
        {{-- Page Title First --}}
        @if($shouldShowTitle)
            <h1 class="page-title-above-breadcrumb">{{ $pageTitle }}</h1>
        @endif
        
        {{-- Breadcrumbs Below Title --}}
@if(count($breadcrumbs) > 0)
        <div class="breadcrumb-wrapper">
            <nav aria-label="Breadcrumb" class="breadcrumb-navigation">
                <ol class="breadcrumb-list">
                @foreach($breadcrumbs as $index => $breadcrumb)
                    <li class="breadcrumb-item {{ $breadcrumb['is_active'] ? 'active' : '' }}">
                        @php
                                // Parent menu groups that should never be clickable (always display as plain text)
                                $parentGroups = ['Core', 'Operations', 'Analytics & Admin'];
                            $isParentGroup = in_array($breadcrumb['title'], $parentGroups);
                                // Never make parent groups clickable, even if they have a URL
                            $shouldBeClickable = !$breadcrumb['is_active'] && isset($breadcrumb['url']) && !$isParentGroup;
                        @endphp
                        @if($shouldBeClickable)
                            <a href="{{ $breadcrumb['url'] }}" class="breadcrumb-link">
                                {{ $breadcrumb['title'] }}
                            </a>
                        @else
                            <span class="breadcrumb-current">
                                {{ $breadcrumb['title'] }}
                            </span>
                        @endif
                    </li>
                    @if($index < count($breadcrumbs) - 1)
                        <li class="breadcrumb-separator" aria-hidden="true">
                        </li>
                    @endif
                @endforeach
            </ol>
        </nav>
        </div>
        @endif

        <style>
        .breadcrumb-container {
            margin-bottom: 1.5rem;
        }
        
        .page-title-above-breadcrumb {
            font-size: 1.875rem;
            font-weight: 700;
            color: #111827;
            margin: 0 0 0.75rem 0;
            padding: 0;
            line-height: 1.2;
        }
        
        .breadcrumb-wrapper {
            margin-bottom: 0;
        }
        
        .page-title-below-breadcrumb {
            font-size: 1.875rem;
            font-weight: 700;
            color: #111827;
            margin: 0.75rem 0 0 0;
            padding: 0;
            line-height: 1.2;
        }
        
        .breadcrumb-navigation {
            margin: 0;
            padding: 0;
        }

        .breadcrumb-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .breadcrumb-item {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
        }

        .breadcrumb-link {
            color: #a78bfa !important; /* Light purple/lavender for clickable links */
            text-decoration: none !important;
            transition: color 0.15s ease;
            font-weight: 400;
            font-size: 0.875rem;
            cursor: pointer;
        }

        .breadcrumb-link:hover {
            color: #9333ea !important; /* Slightly darker purple on hover */
            text-decoration: none !important;
        }

        .breadcrumb-link:visited {
            color: #a78bfa !important; /* Keep purple even after visit */
        }

        .breadcrumb-current {
            color: #374151 !important; /* Dark gray for current/active page */
            font-weight: 400;
            font-size: 0.875rem;
        }

        .breadcrumb-item.active .breadcrumb-current {
            color: #374151 !important; /* Dark gray for active page */
            font-weight: 400;
        }

        .breadcrumb-separator {
            display: inline-flex;
            align-items: center;
            color: #374151 !important; /* Dark gray for separator */
            margin: 0 0.375rem;
            padding: 0;
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .breadcrumb-separator::before {
            content: '>>';
            display: inline-block;
            color: #374151 !important; /* Ensure separator is dark gray */
            margin: 0 0.25rem;
        }

        .breadcrumb-icon {
            display: none; /* Hide SVG icon, use text chevron instead */
        }
        
        /* Hide Filament's default page heading since we show it in breadcrumb component */
        .fi-header-heading,
        h1.fi-header-heading {
            display: none !important;
        }

        /* Responsive adjustments */
        @media (max-width: 640px) {
            .breadcrumb-navigation {
                margin: 0;
                padding: 0;
            }

            .breadcrumb-list {
                font-size: 0.75rem;
            }

            .breadcrumb-link,
            .breadcrumb-current {
                font-size: 0.75rem;
            }

            .breadcrumb-separator {
                font-size: 0.75rem;
                margin: 0 0.25rem;
            }
        }
        </style>
    </div>
@endif