@php
    $home = new \App\Http\Controllers\HomeController();
    use Illuminate\Http\Request;
    $request = Request::capture();
    $startDate = $request->startDay ? $request->startDay : date('Y-01-01');
    $endDate = $request->endDay ? $request->endDay : date('Y-12-31');
    $chart = $home->chart_vente($startDate, $endDate);
    $chart2 = $home->chart_achat($startDate, $endDate);

    $privilegecheck = new \App\Users_controle();
    $check_privilege = $privilegecheck->has_privilege(
        \Illuminate\Support\Facades\Session::get('user')['id'],
        'producteur',
    );

    $user = \Illuminate\Support\Facades\Session::get('user');
@endphp

@extends('dashboard._blank')

@section('sidebar')
    @include('dashboard._sidebar')
@endsection

@section('css_add')
    <link href="{{ asset('css/dashboard-modern.css') }}" rel="stylesheet">
@endsection

@section('content')
    @if ($check_privilege)
        {{-- ADMIN/PRODUCTEUR VIEW --}}
        <div class="right_col dashboard-container" role="main">

            {{-- Welcome Section --}}
            <div class="dashboard-welcome fade-in-up">
                <h1><i class="fas fa-hand-wave"></i> Bienvenue, {{ $user['first_name'] }} !</h1>
                <p>Voici un aperçu de votre activité sur SUNGROCERY</p>
            </div>

            {{-- Home Slider --}}
            <div class="dashboard-slider fade-in-up" style="padding: 0!important;">
                @include('dashboard.Boutique/Components/admin/home-slider')
            </div>

            {{-- Quick Actions --}}
            <div class="quick-actions fade-in-up">
                <a href="{{ route('boutique') }}" class="quick-action-btn">
                    <i class="fas fa-store"></i>
                    <span>Mes Boutiques</span>
                </a>
                <a href="{{ route('generale.command') }}" class="quick-action-btn">
                    <i class="fas fa-shopping-cart"></i>
                    <span>Commandes</span>
                </a>
                <a href="{{ route('article_index', 2) }}" class="quick-action-btn">
                    <i class="fas fa-boxes"></i>
                    <span>Catalogue</span>
                </a>
                <button class="quick-action-btn" id="filterButton">
                    <i class="fas fa-filter"></i>
                    <span>Filtrer</span>
                </button>
            </div>

            {{-- Alert for new users --}}
            @if ($total_boutique < 1)
                <div class="dashboard-alert info fade-in-up">
                    <div class="dashboard-alert-title">
                        <i class="fas fa-info-circle"></i> Bienvenue sur votre tableau de bord !
                    </div>
                    <div class="dashboard-alert-content">
                        Vous n'avez pas encore de boutique. Créez votre première boutique pour commencer à vendre vos produits.
                    </div>
                </div>
            @endif

            {{-- Filter Panel --}}
            <div class="filter-panel fade-in-up">
                @include('dashboard.Boutique/Components/admin/statistique-filter')
            </div>

            {{-- Statistics Cards --}}
            <div class="section-header">
                <div>
                    <h2 class="section-title">Statistiques</h2>
                    <p class="section-subtitle">Aperçu de votre performance</p>
                </div>
            </div>

            <div class="stats-grid fade-in-up">
                {{-- Articles Producteur --}}
                <a href="{{ route('article_index', 2) }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon primary">
                            <i class="fas fa-leaf"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">Articles Producteur</div>
                        <div class="stat-card-value">{{ $articleProducteur }}</div>
                        <div class="stat-card-trend up">
                            <i class="fas fa-arrow-up"></i> {{ number_format($producerPercentage, 1) }}%
                        </div>
                    </div>
                </a>

                {{-- Articles Marchand --}}
                <a href="{{ route('article_index', 2) }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon info">
                            <i class="fas fa-shopping-bag"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">Articles Marchand</div>
                        <div class="stat-card-value">{{ $article_merchant }}</div>
                    </div>
                </a>

                {{-- Commandes --}}
                <a href="{{ route('generale.command') }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon success">
                            <i class="fas fa-receipt"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_commande > 1 ? 'Commandes' : 'Commande' }}</div>
                        <div class="stat-card-value">{{ $total_commande }}</div>
                    </div>
                </a>
            </div>

        </div>
    @else
        {{-- MERCHANT VIEW --}}
        <div class="right_col dashboard-container" role="main">

            {{-- Welcome Section --}}
            <div class="dashboard-welcome fade-in-up">
                <h1><i class="fas fa-hand-wave"></i> Bienvenue, {{ $user['first_name'] }} !</h1>
                <p>Gérez votre commerce en ligne facilement et efficacement</p>
            </div>

            {{-- Slider --}}
            <div class="dashboard-slider fade-in-up"  style="padding: 0!important;">
                @include('dashboard.Boutique.Components/merchant/home-slider')
            </div>

            {{-- Quick Actions --}}
            <div class="quick-actions fade-in-up">
                <a href="{{ route('boutique') }}" class="quick-action-btn">
                    <i class="fas fa-store"></i>
                    <span>Toutes les Boutiques</span>
                </a>
                @if ($total_boutique > 0)
                    @if(\Illuminate\Support\Facades\Session::get('user')['doc_validated'])
                        <button class="quick-action-btn" data-toggle="modal" data-target="#RetraitDataModal">
                            <i class="fas fa-wallet"></i>
                            <span>Faire un Retrait</span>
                        </button>
                    @endif
                @endif
                <a href="{{ route('documentation') }}" class="quick-action-btn">
                    <i class="fas fa-question-circle"></i>
                    <span>FAQ</span>
                </a>
                <button class="quick-action-btn" id="filterButton">
                    <i class="fas fa-filter"></i>
                    <span>Filtrer</span>
                </button>
            </div>

            {{-- Alerts --}}
            @if ($total_boutique < 1)
                <div class="dashboard-alert warning fade-in-up">
                    <div class="dashboard-alert-title">
                        <i class="fas fa-rocket"></i> Démarrez votre aventure !
                    </div>
                    <div class="dashboard-alert-content">
                        Créez votre première boutique en ligne et commencez à vendre vos produits dès aujourd'hui.
                        <div style="margin-top: 15px;">
                            <a href="{{ route('boutique.create') }}" class="btn-dashboard btn-dashboard-primary">
                                <i class="fas fa-plus"></i> Créer ma Boutique
                            </a>
                        </div>
                    </div>
                </div>
            @endif

            @include('dashboard.Boutique.Components/common/user-should-be-identify')

            {{-- Code de Parrainage --}}
            @if(isset($code))
                <div class="dashboard-alert info fade-in-up">
                    <div class="dashboard-alert-title">
                        <i class="fas fa-gift"></i> Code de Parrainage
                    </div>
                    <div class="dashboard-alert-content">
                        Partagez votre code de parrainage et gagnez des récompenses !
                        <div style="margin-top: 10px;">
                            <strong style="background: #f7fafc; padding: 8px 16px; border-radius: 8px; display: inline-block; font-size: 18px; color: #88b121;">
                                {{ $code->code }}
                            </strong>
                        </div>
                    </div>
                </div>
            @endif

            {{-- Marketers Panel --}}
            @if(isset($marketers) && count($marketers) > 0)
                @include('dashboard.Boutique.Components.merchant.panel-marketer', ['marketers' => $marketers])
            @endif

            <div class="col-lg-12 mt-3">
                {{-- Section Header --}}
                <div class="section-header">
                    <div>
                        <h2 class="section-title">Statistiques Générales</h2>
                        <p class="section-subtitle">Vue d'ensemble de votre activité</p>
                    </div>
                </div>

                {{-- Filter Panel --}}
                <div class="filter-panel fade-in-up">
                    @include('dashboard.Boutique.Components.merchant.statistique-filter')
                </div>
            </div>


            {{-- Wallets Grid --}}
            @if(isset($portefeuilles) && count($portefeuilles) > 0)
                <div class="col-lg-12">
                    <div class="wallet-grid fade-in-up">
                        @foreach($portefeuilles as $index => $portefeuille)
                            <div class="wallet-card" style="background: linear-gradient(135deg, rgba(136, 177, 33, 0.1) 0%, rgba(109, 143, 26, 0.1) 100%); color: black">
                                <div class="wallet-card-header">
                                    <span class="wallet-currency">{{ $portefeuille->devise }}</span>
                                    <i class="fas fa-wallet wallet-icon"></i>
                                </div>
                                <div class="wallet-balance">{{ number_format($portefeuille->montant, 0, ',', ' ') }}</div>
                                <div class="wallet-label">Solde disponible</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            {{-- Statistics Cards --}}
            <div class="col-lg-12">
                <div class="stats-grid fade-in-up">
                {{-- Boutiques --}}
                <a href="{{ route('boutique') }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon primary">
                            <i class="fas fa-store"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_boutique > 1 ? 'Boutiques' : 'Boutique' }}</div>
                        <div class="stat-card-value">{{ $total_boutique }}</div>
                    </div>
                </a>

                {{-- Commandes --}}
                <a href="{{ route('generale.command') }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon success">
                            <i class="fas fa-receipt"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_commande > 1 ? 'Commandes' : 'Commande' }}</div>
                        <div class="stat-card-value">{{ $total_commande }}</div>
                    </div>
                </a>

                {{-- Livraisons --}}
                <div class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon info">
                            <i class="fas fa-shipping-fast"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_shipping > 1 ? 'Livraisons' : 'Livraison' }}</div>
                        <div class="stat-card-value">{{ $total_shipping }}</div>
                    </div>
                </div>

                {{-- Ventes --}}
                <a href="{{ route('generale.command') }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon success">
                            <i class="fas fa-money-bill-wave"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_vente > 1 ? 'Ventes' : 'Vente' }}</div>
                        <div class="stat-card-value">{{ number_format($total_vente, 0, ',', ' ') }}</div>
                        <div class="stat-card-trend">XOF</div>
                    </div>
                </a>

                {{-- Achats --}}
                <a href="{{ route('generale.achat') }}" class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon warning">
                            <i class="fas fa-shopping-cart"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_achat > 1 ? 'Achats' : 'Achat' }}</div>
                        <div class="stat-card-value">{{ number_format($total_achat, 0, ',', ' ') }}</div>
                        <div class="stat-card-trend">XOF</div>
                    </div>
                </a>

                {{-- Produits --}}
                <div class="stat-card">
                    <div class="stat-card-header">
                        <div class="stat-card-icon purple">
                            <i class="fas fa-boxes"></i>
                        </div>
                    </div>
                    <div class="stat-card-content">
                        <div class="stat-card-title">{{ $total_articles_activer > 1 ? 'Produits' : 'Produit' }}</div>
                        <div class="stat-card-value">{{ $total_articles_activer }}</div>
                    </div>
                </div>
            </div>
            </div>

            {{-- Rapport Vente/Achat --}}
            @include('dashboard.Boutique.Components.merchant.rapport-vente-achat')

            <div class="col-lg-12 mt-3">
                <div class="section-header">
                    <div>
                        <h2 class="section-title">Activité Récente</h2>
                        <p class="section-subtitle">Vos dernières interactions</p>
                    </div>
                </div>

                <div class="recent-items-grid fade-in-up">
                {{-- Recent Products --}}
                <div class="recent-items-card">
                    <div class="recent-items-header">
                        <h3 class="recent-items-title">
                            <i class="fas fa-star"></i> Produits Ajoutés
                        </h3>
                        <a href="{{ route('article_index', 2) }}" class="recent-items-link">
                            Voir tout <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @if(isset($articles_lists) && count($articles_lists) > 0)
                        @foreach($articles_lists as $article)
                            <div class="recent-item">
                                @if($article->images)
                                    @php
                                        $images = $article->images;
                                        $image = $images[0]->filename;
                                    @endphp
                                    <img src="{{ $image }}" alt="{{ $article->name }}" class="recent-item-image">
                                @else
                                    <div class="recent-item-icon">
                                        <i class="fas fa-box"></i>
                                    </div>
                                @endif
                                <div class="recent-item-content">
                                    <div class="recent-item-title">{{ \Illuminate\Support\Str::limit($article->name, 30) }}</div>
                                    <div class="recent-item-subtitle">{{ number_format($article->price, 0, ',', ' ') }} XOF</div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="empty-state">
                            <div class="empty-state-icon"><i class="fas fa-box-open"></i></div>
                            <div class="empty-state-description">Aucun produit récent</div>
                        </div>
                    @endif
                </div>

                {{-- Favorite Products --}}
                <div class="recent-items-card">
                    <div class="recent-items-header">
                        <h3 class="recent-items-title">
                            <i class="fas fa-heart"></i> Produits Favoris
                        </h3>
                        <a href=#" class="recent-items-link">
                            Voir tout <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @if(isset($favoris_article) && count($favoris_article) > 0)
                        @foreach($favoris_article as $favoris)
                            <div class="recent-item">
                                @if($favoris->article && $favoris->article->images)
                                    @php
                                        $images = $article->images;
                                        $image = $images[0]->filename;
                                    @endphp
                                    <img src="{{ $image }}" alt="{{ $favoris->article->name }}" class="recent-item-image">
                                @else
                                    <div class="recent-item-icon">
                                        <i class="fas fa-heart"></i>
                                    </div>
                                @endif
                                <div class="recent-item-content">
                                    <div class="recent-item-title">{{ $favoris->article ? \Illuminate\Support\Str::limit($favoris->article->name, 30) : 'N/A' }}</div>
                                    <div class="recent-item-subtitle">{{ $favoris->article ? number_format($favoris->article->price, 0, ',', ' ') . ' XOF' : '' }}</div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="empty-state">
                            <div class="empty-state-icon"><i class="fas fa-heart-broken"></i></div>
                            <div class="empty-state-description">Aucun produit favori</div>
                        </div>
                    @endif
                </div>

                {{-- Recent Boutiques --}}
                <div class="recent-items-card">
                    <div class="recent-items-header">
                        <h3 class="recent-items-title">
                            <i class="fas fa-clock"></i> Boutiques Visitées
                        </h3>
                        <a href="{{ route('boutique') }}" class="recent-items-link">
                            Voir tout <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @if(isset($boutiques) && count($boutiques) > 0)
                        @foreach($boutiques as $boutique)
                            <div class="recent-item">
                                @php
                                    $logo = $boutique->meta->logo_boutique ?? '';
                                @endphp
                                @if($boutique && $logo)
                                    <img src="{{ asset($logo) }}" alt="{{ $boutique->nom_boutique }}" class="recent-item-image">
                                @else
                                    <div class="recent-item-icon">
                                        <i class="fas fa-store"></i>
                                    </div>
                                @endif
                                <div class="recent-item-content">
                                    <div class="recent-item-title">{{ $boutique ? \Illuminate\Support\Str::limit($boutique->nom_boutique, 30) : 'N/A' }}</div>
                                    <div class="recent-item-subtitle">Dernière visite</div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="empty-state">
                            <div class="empty-state-icon"><i class="fas fa-store-slash"></i></div>
                            <div class="empty-state-description">Aucune boutique visitée</div>
                        </div>
                    @endif
                </div>

                {{-- Favorite Boutiques --}}
                <div class="recent-items-card">
                    <div class="recent-items-header">
                        <h3 class="recent-items-title">
                            <i class="fas fa-star"></i> Boutiques Favorites
                        </h3>
                        <a href="#" class="recent-items-link">
                            Voir tout <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @if(isset($favoris_boutique) && count($favoris_boutique) > 0)
                        @foreach($favoris_boutique as $favoris)
                            @php
                                $logo = $favoris->meta->logo_boutique ?? '';
                            @endphp
                            <div class="recent-item">
                                @if($favoris && $logo)
                                    <img src="{{ $logo }}" alt="{{ $favoris->nom_boutique }}" class="recent-item-image">
                                @else
                                    <div class="recent-item-icon">
                                        <i class="fas fa-star"></i>
                                    </div>
                                @endif
                                <div class="recent-item-content">
                                    <div class="recent-item-title">{{ $favoris ? \Illuminate\Support\Str::limit($favoris->nom_boutique, 30) : 'N/A' }}</div>
                                    <div class="recent-item-subtitle">Boutique favorite</div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="empty-state">
                            <div class="empty-state-icon"><i class="fas fa-star-half-alt"></i></div>
                            <div class="empty-state-description">Aucune boutique favorite</div>
                        </div>
                    @endif
                </div>
            </div>
            </div>
        </div>

        {{-- Modals --}}
        @include('dashboard.Boutique.Components.common.description-modal')

        {{-- Demande de Retrait --}}
        @if (\Illuminate\Support\Facades\Session::get('user')['doc_validated'])
            @include('dashboard.paiement_box.retrait')
        @endif
    @endif

@endsection

@section('script')
    <script>
        $(document).ready(function() {
            // Subscribe button
            $('#subscribe').click(function() {
                $('#subscribeModal').modal('show');
            });

            // Filter toggle
            $('#filterButton').on('click', function() {
                const $button = $(this);
                const filterContent = $('.filter-content');

                $button.toggleClass('active');
                filterContent.toggleClass('active');

                if (filterContent.hasClass('active')) {
                    filterContent.slideDown(300);
                } else {
                    filterContent.slideUp(300);
                }
            });

            // Lazy loading for images
            if ($('.lazy').length) {
                $('.lazy').each(function() {
                    const $img = $(this);
                    const src = $img.data('src');
                    if (src) {
                        $img.attr('src', src).removeClass('lazy');
                    }
                });
            }

            // Add fade-in animation on scroll
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };

            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, observerOptions);

            document.querySelectorAll('.fade-in-up').forEach(el => {
                el.style.opacity = '0';
                el.style.transform = 'translateY(20px)';
                el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
                observer.observe(el);
            });
        });
    </script>
@endsection