@extends('layouts.app')

@section('title', $prestataire->business_name ?? $prestataire->user->name . ' - TaPrestation')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/prestataire-profile-v2.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@endpush

@php
    $user = $prestataire->user;
    
    // Utiliser les variables passées par le contrôleur
    $services = $allServices ?? $prestataire->services ?? collect();
    $equipments = $allEquipments ?? $prestataire->equipments ?? collect();
    $products = $allUrgentSales ?? $prestataire->urgentSales ?? collect();
    $foods = $foodProducts ?? collect();
    $reviews = $allReviews ?? $prestataire->reviews ?? collect();
    
    $totalReviews = $reviews->count();
    $averageRating = $totalReviews > 0 ? round($reviews->avg('rating'), 1) : 0;
    
    $hasServices = $services->count() > 0;
    $hasEquipments = $equipments->count() > 0;
    $hasProducts = $products->count() > 0;
    $hasFoods = $foods->count() > 0;
    $hasReviews = $totalReviews > 0;
    
    $isOnline = $prestataire->last_seen_at && $prestataire->last_seen_at->diffInMinutes(now()) < 15;
    $lastSeen = $prestataire->last_seen_at ? $prestataire->last_seen_at->diffForHumans() : null;
    
    // Variables passées par le contrôleur pour les reviews
    $existingReview = $existingReview ?? null;
    $hasInteracted = $hasInteracted ?? false;
@endphp

@section('content')
<div class="profile-page">
    
    {{-- ==================== HEADER COMPACT ==================== --}}
    <header class="profile-header">
        <div class="profile-header-bg"></div>
        <div class="profile-header-content">
            {{-- Bouton retour --}}
            <a href="{{ url()->previous() }}" class="back-btn">
                <i class="fas fa-arrow-left"></i>
            </a>
            
            {{-- Avatar + Infos principales --}}
            <div class="profile-identity">
                <div class="profile-avatar">
                    @if($user->profile_photo_url)
                        <img src="{{ $user->profile_photo_url }}" alt="{{ $user->name }}">
                    @else
                        <div class="avatar-placeholder">
                            {{ strtoupper(substr($user->name, 0, 1)) }}
                        </div>
                    @endif
                    @if($prestataire->is_verified)
                        <span class="verified-badge" title="Prestataire vérifié">
                            <i class="fas fa-check"></i>
                        </span>
                    @endif
                </div>
                
                <div class="profile-info">
                    <h1 class="profile-name">{{ $prestataire->business_name ?? $user->name }}</h1>
                    
                    <div class="profile-meta">
                        {{-- Statut en ligne --}}
                        <span class="status-badge {{ $isOnline ? 'online' : 'offline' }}">
                            <span class="status-dot"></span>
                            {{ $isOnline ? 'En ligne' : ($lastSeen ? 'Vu '.$lastSeen : 'Hors ligne') }}
                        </span>
                        
                        {{-- Note --}}
                        @if($hasReviews)
                            <button class="rating-badge" onclick="scrollTo('reviews')">
                                <i class="fas fa-star"></i>
                                <span>{{ $averageRating }}</span>
                                <span class="rating-count">({{ $totalReviews }})</span>
                            </button>
                        @endif
                    </div>
                    
                    {{-- Tags rapides --}}
                    <div class="profile-tags">
                        @if($hasServices)
                            <span class="tag tag-service"><i class="fas fa-briefcase"></i> {{ $services->count() }} service{{ $services->count() > 1 ? 's' : '' }}</span>
                        @endif
                        @if($hasProducts)
                            <span class="tag tag-product"><i class="fas fa-store"></i> Boutique</span>
                        @endif
                        @if($hasFoods)
                            <span class="tag tag-food"><i class="fas fa-utensils"></i> Restaurant</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </header>

    {{-- ==================== NAVIGATION PAR ONGLETS ==================== --}}
    <nav class="profile-nav" id="profile-nav">
        <div class="nav-scroll">
            @if($hasServices)
                <button class="nav-tab active" onclick="scrollTo('services', this)">
                    <i class="fas fa-briefcase"></i>
                    <span>Services</span>
                </button>
            @endif
            @if($hasEquipments)
                <button class="nav-tab" onclick="scrollTo('equipments', this)">
                    <i class="fas fa-tools"></i>
                    <span>Matériel</span>
                </button>
            @endif
            @if($hasProducts)
                <button class="nav-tab" onclick="scrollTo('boutique', this)">
                    <i class="fas fa-shopping-bag"></i>
                    <span>Boutique</span>
                </button>
            @endif
            @if($hasFoods)
                <button class="nav-tab" onclick="scrollTo('food', this)">
                    <i class="fas fa-utensils"></i>
                    <span>Menu</span>
                </button>
            @endif
            <button class="nav-tab" onclick="scrollTo('reviews', this)">
                <i class="fas fa-star"></i>
                <span>Avis</span>
                @if($hasReviews)
                    <span class="nav-badge">{{ $totalReviews }}</span>
                @endif
            </button>
        </div>
    </nav>

    {{-- ==================== CONTENU PRINCIPAL ==================== --}}
    <main class="profile-main">
        
        {{-- Description (si existe) --}}
        @if($prestataire->description)
            <section class="content-card description-card">
                <p>{{ $prestataire->description }}</p>
            </section>
        @endif

        {{-- ===== SECTION SERVICES ===== --}}
        @if($hasServices)
            <section class="content-section" id="services">
                <div class="section-header">
                    <h2><i class="fas fa-briefcase"></i> Services proposés</h2>
                    <span class="section-count">{{ $services->count() }}</span>
                </div>
                
                <div class="cards-grid">
                    @foreach($services->take(6) as $service)
                        <a href="{{ route('services.show', $service->id) }}" class="service-card">
                            <div class="card-image">
                                @if($service->image)
                                    <img src="{{ asset('storage/' . $service->image) }}" alt="{{ $service->title }}">
                                @else
                                    <div class="image-placeholder">
                                        <i class="fas fa-concierge-bell"></i>
                                    </div>
                                @endif
                                <span class="card-price">{{ number_format($service->price, 0) }} €</span>
                            </div>
                            <div class="card-body">
                                <h3 class="card-title">{{ Str::limit($service->title, 40) }}</h3>
                                @if($service->category)
                                    <span class="card-category">{{ $service->category->name }}</span>
                                @endif
                            </div>
                        </a>
                    @endforeach
                </div>
                
                @if($services->count() > 6)
                    <a href="{{ route('prestataire.services', $prestataire->id) }}" class="see-all-btn">
                        Voir les {{ $services->count() }} services
                        <i class="fas fa-arrow-right"></i>
                    </a>
                @endif
            </section>
        @endif

        {{-- ===== SECTION ÉQUIPEMENTS ===== --}}
        @if($hasEquipments)
            <section class="content-section" id="equipments">
                <div class="section-header">
                    <h2><i class="fas fa-tools"></i> Matériel à louer</h2>
                    <span class="section-count">{{ $equipments->count() }}</span>
                </div>
                
                <div class="cards-grid">
                    @foreach($equipments->take(6) as $equipment)
                        <a href="{{ route('equipment.show', $equipment->id) }}" class="equipment-card">
                            <div class="card-image">
                                @if($equipment->image)
                                    <img src="{{ asset('storage/' . $equipment->image) }}" alt="{{ $equipment->title }}">
                                @else
                                    <div class="image-placeholder">
                                        <i class="fas fa-box"></i>
                                    </div>
                                @endif
                                <span class="card-price">{{ number_format($equipment->price_per_day, 0) }} €<small>/jour</small></span>
                            </div>
                            <div class="card-body">
                                <h3 class="card-title">{{ Str::limit($equipment->title, 40) }}</h3>
                            </div>
                        </a>
                    @endforeach
                </div>
                
                @if($equipments->count() > 6)
                    <a href="{{ route('prestataire.equipements', $prestataire->id) }}" class="see-all-btn">
                        Voir les {{ $equipments->count() }} équipements
                        <i class="fas fa-arrow-right"></i>
                    </a>
                @endif
            </section>
        @endif

        {{-- ===== SECTION BOUTIQUE ===== --}}
        @if($hasProducts)
            <section class="content-section" id="boutique">
                <div class="section-header">
                    <h2><i class="fas fa-shopping-bag"></i> Boutique</h2>
                    <span class="section-count">{{ $products->count() }}</span>
                </div>
                
                <div class="cards-grid small">
                    @foreach($products->take(8) as $product)
                        <a href="{{ route('urgent-sales.show', $product->id) }}" class="product-card">
                            <div class="card-image square">
                                @if($product->image)
                                    <img src="{{ asset('storage/' . $product->image) }}" alt="{{ $product->title }}">
                                @else
                                    <div class="image-placeholder">
                                        <i class="fas fa-tag"></i>
                                    </div>
                                @endif
                            </div>
                            <div class="card-body compact">
                                <h3 class="card-title small">{{ Str::limit($product->title, 25) }}</h3>
                                <span class="card-price inline">{{ number_format($product->price, 2) }} €</span>
                            </div>
                        </a>
                    @endforeach
                </div>
                
                @if($products->count() > 8)
                    <a href="{{ route('prestataire.boutique', $prestataire->id) }}" class="see-all-btn">
                        Voir les {{ $products->count() }} produits
                        <i class="fas fa-arrow-right"></i>
                    </a>
                @endif
            </section>
        @endif

        {{-- ===== SECTION FOOD / MENU ===== --}}
        @if($hasFoods)
            <section class="content-section" id="food">
                <div class="section-header">
                    <h2><i class="fas fa-utensils"></i> Menu</h2>
                    <a href="{{ route('food.restaurant', $prestataire->id) }}" class="header-action">
                        <i class="fas fa-book-open"></i> Voir le menu complet
                    </a>
                </div>
                
                <div class="food-list">
                    @foreach($foods->take(4) as $food)
                        <a href="{{ route('food.restaurant', $prestataire->id) }}" class="food-item">
                            <div class="food-image">
                                @if($food->image)
                                    <img src="{{ asset('storage/' . $food->image) }}" alt="{{ $food->name }}">
                                @else
                                    <div class="image-placeholder">
                                        <i class="fas fa-hamburger"></i>
                                    </div>
                                @endif
                            </div>
                            <div class="food-info">
                                <h3>{{ $food->name }}</h3>
                                @if($food->description)
                                    <p>{{ Str::limit($food->description, 60) }}</p>
                                @endif
                            </div>
                            <span class="food-price">{{ number_format($food->price, 2, ',', ' ') }} €</span>
                        </a>
                    @endforeach
                </div>
                
                <a href="{{ route('food.restaurant', $prestataire->id) }}" class="order-btn">
                    <i class="fas fa-shopping-cart"></i>
                    Commander en ligne
                </a>
            </section>
        @endif

        {{-- ===== SECTION AVIS ===== --}}
        <section class="content-section" id="reviews">
            <div class="section-header">
                <h2><i class="fas fa-star"></i> Avis clients</h2>
                @if($hasReviews)
                    <div class="rating-summary">
                        <span class="rating-big">{{ $averageRating }}</span>
                        <div class="rating-stars">
                            @for($i = 1; $i <= 5; $i++)
                                <i class="fas fa-star {{ $i <= round($averageRating) ? 'filled' : '' }}"></i>
                            @endfor
                        </div>
                        <span class="rating-total">{{ $totalReviews }} avis</span>
                    </div>
                @endif
            </div>
            
            {{-- Formulaire d'avis (si connecté) --}}
            @auth
                @if(!$existingReview && $hasInteracted)
                    <div class="review-form-wrapper" id="review-form-wrapper">
                        <button class="write-review-btn" onclick="toggleReviewForm()">
                            <i class="fas fa-pen"></i>
                            Écrire un avis
                        </button>
                        
                        <form action="{{ route('reviews.store') }}" method="POST" class="review-form" id="review-form" style="display: none;">
                            @csrf
                            <input type="hidden" name="prestataire_id" value="{{ $prestataire->id }}">
                            
                            <div class="form-group">
                                <label>Votre note</label>
                                <div class="star-select" id="star-select">
                                    @for($i = 1; $i <= 5; $i++)
                                        <button type="button" class="star-btn" data-rating="{{ $i }}" onclick="setRating({{ $i }})">
                                            <i class="fas fa-star"></i>
                                        </button>
                                    @endfor
                                </div>
                                <input type="hidden" name="rating" id="rating-input" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="comment">Votre commentaire</label>
                                <textarea name="comment" id="comment" rows="3" placeholder="Partagez votre expérience..." maxlength="500"></textarea>
                                <span class="char-count"><span id="char-count">0</span>/500</span>
                            </div>
                            
                            <div class="form-actions">
                                <button type="button" class="btn-cancel" onclick="toggleReviewForm()">Annuler</button>
                                <button type="submit" class="btn-submit">Publier l'avis</button>
                            </div>
                        </form>
                    </div>
                @elseif($existingReview)
                    <div class="review-notice success">
                        <i class="fas fa-check-circle"></i>
                        <span>Vous avez déjà évalué ce prestataire</span>
                    </div>
                @elseif(!$hasInteracted)
                    <div class="review-notice info">
                        <i class="fas fa-info-circle"></i>
                        <span>Réservez un service pour pouvoir laisser un avis</span>
                    </div>
                @endif
            @else
                <div class="review-notice">
                    <a href="{{ route('login') }}"><i class="fas fa-sign-in-alt"></i> Connectez-vous</a> pour laisser un avis
                </div>
            @endauth
            
            {{-- Liste des avis --}}
            @if($hasReviews)
                <div class="reviews-list">
                    @foreach($reviews->take(5) as $review)
                        <div class="review-card">
                            <div class="review-header">
                                <div class="review-avatar">
                                    {{ strtoupper(substr($review->client->name ?? 'A', 0, 1)) }}
                                </div>
                                <div class="review-meta">
                                    <span class="review-author">{{ $review->client->name ?? 'Client' }}</span>
                                    <span class="review-date">{{ $review->created_at->diffForHumans() }}</span>
                                </div>
                                <div class="review-rating">
                                    @for($i = 1; $i <= 5; $i++)
                                        <i class="fas fa-star {{ $i <= $review->rating ? 'filled' : '' }}"></i>
                                    @endfor
                                </div>
                            </div>
                            @if($review->comment)
                                <p class="review-text">{{ $review->comment }}</p>
                            @endif
                        </div>
                    @endforeach
                </div>
                
                @if($totalReviews > 5)
                    <button class="see-all-btn" onclick="loadMoreReviews()">
                        Voir tous les avis ({{ $totalReviews }})
                        <i class="fas fa-chevron-down"></i>
                    </button>
                @endif
            @else
                <div class="empty-state">
                    <i class="fas fa-star"></i>
                    <p>Pas encore d'avis</p>
                    <span>Soyez le premier à donner votre avis !</span>
                </div>
            @endif
        </section>
        
    </main>

    {{-- ==================== BARRE D'ACTION FIXE (MOBILE) ==================== --}}
    <div class="fixed-action-bar">
        <a href="{{ route('login') }}" class="action-btn secondary" id="message-btn">
            <i class="fas fa-comment"></i>
            <span>Message</span>
        </a>
        @if($hasServices)
            <a href="{{ route('prestataire.services', $prestataire->id) }}" class="action-btn primary">
                <i class="fas fa-calendar-check"></i>
                <span>Réserver</span>
            </a>
        @elseif($hasFoods)
            <a href="{{ route('food.restaurant', $prestataire->id) }}" class="action-btn primary">
                <i class="fas fa-shopping-cart"></i>
                <span>Commander</span>
            </a>
        @else
            <a href="{{ route('login') }}" class="action-btn primary">
                <i class="fas fa-paper-plane"></i>
                <span>Contacter</span>
            </a>
        @endif
    </div>

</div>

<script>
// Navigation smooth scroll
function scrollTo(sectionId, tabEl) {
    const section = document.getElementById(sectionId);
    if (section) {
        const navHeight = document.getElementById('profile-nav').offsetHeight;
        const top = section.offsetTop - navHeight - 10;
        window.scrollTo({ top, behavior: 'smooth' });
        
        // Update active tab
        if (tabEl) {
            document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
            tabEl.classList.add('active');
        }
    }
}

// Sticky nav on scroll
const nav = document.getElementById('profile-nav');
const navTop = nav.offsetTop;

window.addEventListener('scroll', () => {
    if (window.scrollY > navTop) {
        nav.classList.add('sticky');
    } else {
        nav.classList.remove('sticky');
    }
});

// Review form
function toggleReviewForm() {
    const form = document.getElementById('review-form');
    const btn = document.querySelector('.write-review-btn');
    
    if (form.style.display === 'none') {
        form.style.display = 'block';
        btn.style.display = 'none';
    } else {
        form.style.display = 'none';
        btn.style.display = 'flex';
    }
}

function setRating(rating) {
    document.getElementById('rating-input').value = rating;
    document.querySelectorAll('#star-select .star-btn').forEach((btn, index) => {
        btn.classList.toggle('active', index < rating);
    });
}

// Character counter
document.getElementById('comment')?.addEventListener('input', function() {
    document.getElementById('char-count').textContent = this.value.length;
});

// Update message button if logged in
@auth
    document.getElementById('message-btn').href = "{{ route('conversations.create', ['prestataire' => $prestataire->id]) }}";
@endauth
</script>
@endsection