@props([
    'report',
    'subdomain',
    'allowed' => true,
    'accountingSettingsSet' => true,
    'showFavoriteToggle' => true,
    'isHighlight' => false,
])

@php
    $favoriteId = $report['favorite_id'] ?? null;
    $isFavorite = !empty($favoriteId);
    $isAccessible = $allowed && $accountingSettingsSet;
    $hasNewBadge = ($report['id'] == 18);
@endphp

<div 
    class="report-card-widget h-100 {{ !$allowed ? 'is-disabled' : '' }} {{ $isHighlight ? 'is-favorite-card' : '' }}"
    @if(!$allowed)
        data-toggle="tooltip"
        data-placement="bottom"
        title="@lang('reports::reports.tooltip_disabled_report')"
    @endif
>
    @if($isHighlight)
        <div class="report-card-watermark">
            <svg viewBox="0 0 24 24" fill="none" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
            </svg>
        </div>
    @endif
    <div class="report-card-inner">
        <!-- Card Main Content -->
        <div class="report-card-header d-flex align-items-center">
            <!-- SVG Icon Container -->
            <div class="report-card-icon-container">
                <img 
                    class="report-card-img" 
                    src="{{ asset('assets/images/svg/' . ($report['svg'] ?? 'default.svg')) }}" 
                    alt="{{ $report['name'] }}" 
                />
            </div>
            
            <!-- Titles and Badges -->
            <div class="report-card-title-block">
                <h3 class="report-card-title text-start">
                    @lang('reports::reports.' . $report['name'])
                    
                    @if($hasNewBadge)
                        <span class="report-card-badge">
                            @lang('companyuser::sidebar.new')
                        </span>
                    @endif
                </h3>
            </div>
        </div>

        <!-- Card Action Footer -->
        <div class="report-card-actions d-flex align-items-center justify-content-between">
            <div>
                @if($showFavoriteToggle && $allowed)
                    @if($isFavorite)
                        <form 
                            class="favorite-form inline-block" 
                            method="POST"
                            action="{{ route('company.reports.favorites.destroy', [$subdomain, $favoriteId]) }}"
                        >
                            @csrf
                            @method('DELETE')
                            <input type="hidden" name="report_id" value="{{ $report['id'] }}" />
                            <button 
                                type="submit" 
                                class="action-icon-btn is-favorite"
                                aria-label="@lang('reports::reports.remove_favorite')"
                            >
                                <i class="fa fa-star" aria-hidden="true"></i>
                            </button>
                        </form>
                    @else
                        <form 
                            class="favorite-form inline-block" 
                            method="POST"
                            action="{{ route('company.reports.favorites.store', ['subdomain' => $subdomain]) }}"
                        >
                            @csrf
                            <input type="hidden" name="report_id" value="{{ $report['id'] }}" />
                            <button 
                                type="submit" 
                                class="action-icon-btn"
                                aria-label="@lang('reports::reports.add_favorite')"
                            >
                                <i class="fa fa-star-o" aria-hidden="true"></i>
                            </button>
                        </form>
                    @endif
                @elseif($showFavoriteToggle && !$allowed)
                    <!-- Disabled Favorite Button visual representation (no form submit) -->
                    <button 
                        type="button" 
                        class="action-icon-btn is-disabled" 
                        disabled
                        aria-label="@lang('reports::reports.add_favorite')"
                    >
                        <i class="fa fa-star-o" aria-hidden="true"></i>
                    </button>
                @endif
            </div>

            <!-- Navigation Action Link -->
            <a 
                href="{{ $isAccessible ? route($report['route'], ['subdomain' => $subdomain]) : '#' }}"
                class="action-icon-btn is-primary {{ !$isAccessible ? 'is-disabled' : '' }}"
                @if(!$isAccessible) 
                    tabindex="-1"
                    aria-disabled="true"
                    onclick="event.preventDefault(); return false;"
                @endif
                aria-label="@lang('reports::reports.view_report')"
            >
                @if(app()->getLocale() == 'ar')
                    <i class="ft-arrow-left" aria-hidden="true"></i>
                @else
                    <i class="ft-arrow-right" aria-hidden="true"></i>
                @endif
            </a>
        </div>
    </div>
</div>