@extends('layouts.worker')

@section('title', \App\Helpers\TranslationHelper::getUserTranslations()['translations']['welcome'] ?? 'Tableau de bord ouvrier')

@section('body_class', 'dashboard-page')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/worker/dashboard.css') }}?v={{ config('app.asset_version') }}">
@if(isset($maintenance_mode) && $maintenance_mode)
<link rel="stylesheet" href="{{ asset('css/worker-maintenance.css') }}">
@endif
@endpush

@push('scripts')
<script src="{{ asset('js/pages/worker/dashboard.js') }}?v={{ config('app.asset_version') }}" defer></script>
@endpush

@section('content')
<!-- Conteneur principal du dashboard avec une structure optimisée pour mobile -->
<div class="dashboard-container">
    {{-- Message de maintenance supprimé --}}
    
    <!-- User Switch / Impersonation Controls -->
    @if(session()->has('impersonator_id'))
        <a href="{{ route('worker.switch.stop') }}" class="btn btn-outline-success mb-3">
            <i class="fas fa-user-check me-1"></i> Revenir à mon profil
        </a>
    @elseif(isset($targetUsers) && count($targetUsers))
        <div class="dropdown mb-3">
            <button class="btn btn-primary dropdown-toggle" type="button" id="userSwitchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                Changer d'utilisateur
            </button>
            <ul class="dropdown-menu" aria-labelledby="userSwitchDropdown">
                @foreach($targetUsers as $tUser)
                    <li>
                        <a class="dropdown-item" href="{{ route('worker.switch', ['targetId' => $tUser->id]) }}">
                            {{ $tUser->prenom }} {{ $tUser->nom }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    <!-- Informations de bienvenue -->
    <div class="welcome-section">
        <h1 class="welcome-title" id="greeting-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['greeting'] ?? 'Bonjour' }} {{ $user->prenom }} {{ $user->nom }} 👋</h1>
        <p class="welcome-subtitle" id="what-to-do-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['what_to_do'] ?? 'Que souhaitez-vous faire aujourd\'hui ?' }}</p>
    </div>

    <!-- Grille d'actions au même style que ménage/dashboard -->
    <div class="main-actions-grid">
        <div class="action-card interventions-card position-relative">
            @if(isset($pending_interventions_count) && $pending_interventions_count > 0)
                <span class="intervention-badge">{{ $pending_interventions_count }}</span>
            @endif
            <a href="{{ route('worker.interventions') }}" class="stretched-link"></a>
            <div class="action-content">
                <div class="action-icon"><i class="fas fa-tools"></i></div>
                <h3 class="action-title" id="interventions-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['my_interventions'] ?? 'Mes interventions' }}</h3>
                <p class="action-description" id="interventions-description">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['interventions_description'] ?? 'Consultez et gérez vos interventions assignées' }}</p>
            </div>
        </div>

        <a href="{{ route('worker.horaires') }}" class="action-card schedules-card">
            <div class="action-content">
                <div class="action-icon"><i class="fas fa-calendar-alt"></i></div>
                <h3 class="action-title" id="schedules-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['my_schedules'] ?? 'Mes horaires' }}</h3>
                <p class="action-description" id="schedules-description">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['schedules_description'] ?? 'Consultez et gérez vos horaires de travail' }}</p>
            </div>
        </a>

        <a href="{{ route('worker.profile.edit') }}" class="action-card profile-card">
            <div class="action-content">
                <div class="action-icon"><i class="fas fa-user-circle"></i></div>
                <h3 class="action-title" id="profile-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['my_profile'] ?? 'Mon profil' }}</h3>
                <p class="action-description" id="profile-description">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['dashboard']['profile_description'] ?? 'Gérez vos informations personnelles' }}</p>
            </div>
        </a>

        <a href="{{ route('worker.factures') }}" class="action-card invoices-card">
            <div class="action-content">
                <div class="action-icon"><i class="fas fa-file-invoice"></i></div>
                <h3 class="action-title" data-translate="invoices.title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['invoices']['title'] ?? 'Mes Factures' }}</h3>
                <p class="action-description" data-translate="invoices.subtitle">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['invoices']['subtitle'] ?? 'Consultez vos factures générées' }}</p>
            </div>
        </a>
    </div>
</div>

<!-- Popup de notification des interventions -->
@if((isset($in_progress_count) && $in_progress_count > 0) || (isset($planned_count) && $planned_count > 0) || (isset($notifications) && $notifications->count() > 0))
<div id="interventions-popup" class="interventions-popup-overlay">
    <div class="interventions-popup">
        <div class="popup-header">
            <h3>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['notifications']['popup_title'] ?? 'Notifications' }}</h3>
        </div>
        <div class="popup-content">
            @if((isset($in_progress_count) && $in_progress_count > 0) || (isset($planned_count) && $planned_count > 0))
            <div class="notification-section">
                <div class="section-header"><i class="fa-solid fa-screwdriver-wrench"></i><h4 class="section-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['notifications']['interventions_section'] ?? 'Interventions' }}</h4></div>
                @if(isset($in_progress_count) && $in_progress_count > 0)
                <div class="intervention-info">
                    <i class="fas fa-clock intervention-icon in-progress"></i>
                    <span class="intervention-text">
                        <strong>{{ $in_progress_count }}</strong> 
                        {{ $in_progress_count > 1 
                            ? (\App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['notification_popup_today_plural'] ?? "interventions pour aujourd'hui") 
                            : (\App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['notification_popup_today'] ?? "intervention pour aujourd'hui") }}
                    </span>
                </div>
                @endif
                @if(isset($planned_count) && $planned_count > 0)
                <div class="intervention-info">
                    <i class="fas fa-calendar-days intervention-icon planned"></i>
                    <span class="intervention-text">
                        <strong>{{ $planned_count }}</strong> 
                        {{ $planned_count > 1 ? (\App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['notification_popup_planned_plural'] ?? 'interventions planifiées') : (\App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['notification_popup_planned'] ?? 'intervention planifiée') }}
                    </span>
                </div>
                @endif
            </div>
            @endif
            
            @if(isset($notifications) && $notifications->count() > 0)
            <div class="notification-section">
                @foreach($notifications as $notification)
                <h4 class="section-title">{!! $notification->title !!}</h4>
                <div class="notification-item" data-notification-id="{{ $notification->id }}">
                    <div class="notification-content">{!! $notification->content !!}</div>
                </div>
                @endforeach
            </div>
            @endif
        </div>
        <div class="popup-footer">
            <button id="close-popup" class="btn-understood" data-translate="interventions.notification_popup_understood">
                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['notification_popup_understood'] ?? "J'ai compris" }}
            </button>
        </div>
    </div>
</div>

@endif
@endsection