@extends('layouts.menage')

@section('title', 'Planning Ménage')

@push('styles')
<link href="{{ asset('css/pages/menage/cleaning.css') }}?v={{ filemtime(public_path('css/pages/menage/cleaning.css')) }}" rel="stylesheet">
<link href="{{ asset('css/pages/admin/workers/menage-show.css') }}?v={{ filemtime(public_path('css/pages/admin/workers/menage-show.css')) }}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{ asset('js/pages/menage/cleaning.js') }}" defer></script>
@endpush

@section('content')
<div class="cleaning-container">
    <!-- Header avec titre -->
    <div class="cleaning-header">
        <h1 class="cleaning-title" id="cleaning-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['title'] ?? 'Mes plannings' }}</h1>
    </div>

    <!-- Légende des icônes -->
    <div class="legend-section">
        <h2 class="legend-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_title'] ?? 'Légende' }}</h2>
        <div class="legend-items">
            <div class="legend-row">
                <div class="legend-item">
                    <div class="legend-icon task-icon cleaning-icon">
                        <i class="fas fa-broom"></i>
                    </div>
                    <span class="legend-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_cleaning'] ?? 'Ménage' }}</span>
                </div>
                <div class="legend-separator">-</div>
                <div class="legend-item">
                    <div class="legend-icon time-badge morning-badge">
                        <i class="fas fa-sun"></i>
                    </div>
                    <span class="legend-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_morning'] ?? 'Matin' }}</span>
                </div>
                <div class="legend-separator">|</div>
                <div class="legend-item">
                    <div class="legend-icon time-badge evening-badge">
                        <i class="fas fa-moon"></i>
                    </div>
                    <span class="legend-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_evening'] ?? 'Soir' }}</span>
                </div>
                <div class="legend-separator">|</div>
                <div class="legend-item">
                    <div class="legend-icon rest-badge">
                        <i class="fas fa-bed"></i>
                    </div>
                    <span class="legend-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_rest'] ?? 'Repos' }}</span>
                </div>
            </div>
            <div class="legend-row">
                <div class="legend-item">
                    <div class="legend-icon task-icon dishwashing-icon">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <span class="legend-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['legend_dishwashing'] ?? 'Vaisselle' }}</span>
                </div>
            </div>
        </div>
    </div>

    <!-- Section plannings -->
    <div class="plannings-section">
        
        @php
            // Initialiser $schedules à une collection vide si non définie
            $schedules = $schedules ?? collect();
        @endphp
        
        <div class="plannings-list" style="display: {{ $schedules->count() > 0 ? 'flex' : 'none' }}">
            @if($schedules->count() > 0)
                @foreach($schedules as $schedule)
                    @include('menage.cleaning.partials.schedule-card', ['schedule' => $schedule])
                @endforeach
            @endif
        </div>
        
        <div class="no-plannings" style="display: {{ $schedules->count() > 0 ? 'none' : 'flex' }}">
            <div class="no-plannings-icon">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <h3 class="no-plannings-title" id="no-plannings-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['no_plannings_title'] ?? 'Aucun planning' }}</h3>
            <p class="no-plannings-subtitle" id="no-plannings-subtitle">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['no_plannings_subtitle'] ?? 'Vos plannings seront affichés ici' }}</p>
        </div>
    </div>
</div>





<!-- Modal de confirmation de suppression -->
<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title" id="deleteConfirmModalLabel">
                    <i class="fas fa-exclamation-triangle text-warning me-2"></i>
                    {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['confirm_delete_title'] ?? 'Confirmer la suppression' }}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-2">
                <p class="mb-3">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['confirm_delete_message'] ?? 'Êtes-vous sûr de vouloir supprimer ce planning ?' }}</p>
                <div class="alert alert-warning d-flex align-items-center mb-0">
                    <i class="fas fa-info-circle me-2"></i>
                    <small>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['confirm_delete_warning'] ?? 'Cette action est irréversible.' }}</small>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-1"></i>
                    {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['cancel'] ?? 'Annuler' }}
                </button>
                <button type="button" class="btn btn-danger" id="confirmDeleteBtn">
                    <i class="fas fa-trash me-1"></i>
                    {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['delete'] ?? 'Supprimer' }}
                </button>
            </div>
        </div>
    </div>
</div>



<!-- Toast de notification -->
<div class="toast-container">
    <div id="cleaningToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
            <i class="fas fa-broom me-2"></i>
            <strong class="me-auto">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['notification'] ?? 'Planning Ménage' }}</strong>
            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
        <div class="toast-body" id="toastMessage">
            <!-- Message dynamique -->
        </div>
    </div>
</div>

@endsection