@extends('layouts.app')

@section('title', 'Mes annonces vente flash')

@section('content')
<div class="min-h-screen bg-gray-50 py-4 px-3">
    <div class="max-w-4xl mx-auto">
        
        {{-- Header --}}
        <div class="flex items-center justify-between mb-4">
            <a href="{{ route('client.dashboard') }}" class="text-blue-600 hover:underline text-sm flex items-center gap-1">
                <i class="fas fa-arrow-left"></i> Retour
            </a>
            <h1 class="text-lg font-bold text-gray-800">🏷️ Mes annonces</h1>
            <div></div>
        </div>

        {{-- Messages --}}
        @if(session('success'))
            <div class="mb-4 p-3 bg-green-100 border-l-4 border-green-500 text-green-800 rounded text-sm">
                ✓ {{ session('success') }}
            </div>
        @endif
        @if(session('error'))
            <div class="mb-4 p-3 bg-red-100 border-l-4 border-red-500 text-red-800 rounded text-sm">
                {{ session('error') }}
            </div>
        @endif

        {{-- Stats et bouton créer --}}
        <div class="bg-white rounded-xl shadow-sm border p-4 mb-4">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm text-gray-600">Annonces actives</p>
                    <p class="text-2xl font-bold text-gray-900">{{ $activeCount }} / 5</p>
                    @if($remainingSlots > 0)
                        <p class="text-xs text-green-600">{{ $remainingSlots }} emplacement(s) disponible(s)</p>
                    @else
                        <p class="text-xs text-orange-600">Limite atteinte</p>
                    @endif
                </div>
                
                @if($remainingSlots > 0)
                    <a href="{{ route('client.my-urgent-sales.create') }}" 
                       class="px-4 py-2 bg-green-500 hover:bg-green-600 text-white font-medium rounded-lg transition flex items-center gap-2">
                        <i class="fas fa-plus"></i>
                        Nouvelle annonce
                    </a>
                @else
                    @if (Route::has('prestataire.register'))
                        <a href="{{ route('prestataire.register') }}" 
                           class="px-4 py-2 bg-purple-500 hover:bg-purple-600 text-white font-medium rounded-lg transition flex items-center gap-2">
                            <i class="fas fa-star"></i>
                            Devenir prestataire
                        </a>
                    @else
                        <a href="{{ url('/prestataire/register') }}" 
                           class="px-4 py-2 bg-purple-500 hover:bg-purple-600 text-white font-medium rounded-lg transition flex items-center gap-2">
                            <i class="fas fa-star"></i>
                            Devenir prestataire
                        </a>
                    @endif
                @endif
            </div>
        </div>

        {{-- Info limite --}}
        @if($remainingSlots == 0)
        <div class="bg-gradient-to-r from-purple-500 to-indigo-500 rounded-xl p-4 mb-4 text-white">
            <div class="flex items-start gap-3">
                <div class="text-2xl">⭐</div>
                <div>
                    <h3 class="font-bold">Devenez prestataire !</h3>
                    <p class="text-sm text-purple-100 mt-1">
                        Publiez un nombre illimité d'annonces, acceptez les paiements en ligne, 
                        gérez votre inventaire et bien plus !
                    </p>
                    @if (Route::has('prestataire.register'))
                        <a href="{{ route('prestataire.register') }}" 
                           class="inline-block mt-2 px-4 py-2 bg-white text-purple-600 font-medium rounded-lg text-sm hover:bg-purple-50 transition">
                            Créer mon profil prestataire →
                        </a>
                    @else
                        <a href="{{ url('/prestataire/register') }}" 
                           class="inline-block mt-2 px-4 py-2 bg-white text-purple-600 font-medium rounded-lg text-sm hover:bg-purple-50 transition">
                            Créer mon profil prestataire →
                        </a>
                    @endif
                </div>
            </div>
        </div>
        @endif

        {{-- Liste des annonces --}}
        @if($urgentSales->count() > 0)
            <div class="space-y-3">
                @foreach($urgentSales as $sale)
                <div class="bg-white rounded-xl shadow-sm border overflow-hidden">
                    <div class="flex">
                        {{-- Photo --}}
                        <div class="w-24 h-24 flex-shrink-0 bg-gray-100">
                            @if($sale->photos && count($sale->photos) > 0)
                                <img src="{{ asset('storage/' . $sale->photos[0]) }}" 
                                     alt="{{ $sale->title }}" 
                                     class="w-full h-full object-cover">
                            @else
                                <div class="w-full h-full flex items-center justify-center text-gray-400">
                                    <i class="fas fa-image text-2xl"></i>
                                </div>
                            @endif
                        </div>
                        
                        {{-- Contenu --}}
                        <div class="flex-1 p-3">
                            <div class="flex items-start justify-between">
                                <div>
                                    <h3 class="font-semibold text-gray-900 line-clamp-1">{{ $sale->title }}</h3>
                                    <p class="text-lg font-bold text-green-600">{{ number_format($sale->price, 2) }} €</p>
                                </div>
                                <div>
                                    @if($sale->status == 'active')
                                        <span class="px-2 py-1 bg-green-100 text-green-700 text-xs font-medium rounded-full">Actif</span>
                                    @elseif($sale->status == 'sold')
                                        <span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs font-medium rounded-full">Vendu</span>
                                    @else
                                        <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs font-medium rounded-full">{{ ucfirst($sale->status) }}</span>
                                    @endif
                                </div>
                            </div>
                            
                            <div class="flex items-center gap-3 mt-2 text-xs text-gray-500">
                                <span><i class="fas fa-eye"></i> {{ $sale->views_count ?? 0 }} vues</span>
                                <span><i class="fas fa-envelope"></i> {{ $sale->contact_count ?? 0 }} contacts</span>
                            </div>
                            
                            {{-- Actions --}}
                            <div class="flex items-center gap-2 mt-2">
                                <a href="{{ route('client.my-urgent-sales.edit', $sale) }}" 
                                   class="px-3 py-1 bg-blue-100 text-blue-700 text-xs font-medium rounded hover:bg-blue-200 transition">
                                    Modifier
                                </a>
                                @php
                                    $user = Auth::user();
                                    $hasPrestataire = isset($user->prestataire) && ($user->prestataire->is_active ?? false);
                                @endphp
                                @if($hasPrestataire)
                                    @if(Route::has('prestataire.urgent-sales.edit'))
                                        <a href="{{ route('prestataire.urgent-sales.edit', $sale->id) }}" class="px-3 py-1 bg-indigo-100 text-indigo-700 text-xs font-medium rounded hover:bg-indigo-200 transition">
                                            Gérer (outils prestataire)
                                        </a>
                                    @else
                                        <form action="{{ route('client.my-urgent-sales.migrate-to-prestataire', $sale->id) }}" method="POST" class="inline">
                                            @csrf
                                            <button type="submit" class="px-3 py-1 bg-indigo-100 text-indigo-700 text-xs font-medium rounded hover:bg-indigo-200 transition">
                                                Migrer vers outils prestataire
                                            </button>
                                        </form>
                                    @endif
                                @endif
                                @if($sale->status == 'active')
                                <form action="{{ route('client.my-urgent-sales.mark-sold', $sale) }}" method="POST" class="inline">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" 
                                            class="px-3 py-1 bg-green-100 text-green-700 text-xs font-medium rounded hover:bg-green-200 transition">
                                        Marquer vendu
                                    </button>
                                </form>
                                @endif
                                <form action="{{ route('client.my-urgent-sales.destroy', $sale) }}" method="POST" class="inline"
                                      onsubmit="return confirm('Supprimer cette annonce ?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" 
                                            class="px-3 py-1 bg-red-100 text-red-700 text-xs font-medium rounded hover:bg-red-200 transition">
                                        Supprimer
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            
            {{-- Pagination --}}
            <div class="mt-4">
                {{ $urgentSales->links() }}
            </div>
        @else
            <div class="bg-white rounded-xl shadow-sm border p-8 text-center">
                <div class="text-4xl mb-3">🏷️</div>
                <h3 class="font-semibold text-gray-900">Aucune annonce</h3>
                <p class="text-sm text-gray-600 mt-1">Vous n'avez pas encore publié d'annonce vente flash.</p>
                @if($remainingSlots > 0)
                <a href="{{ route('client.my-urgent-sales.create') }}" 
                   class="inline-block mt-4 px-4 py-2 bg-green-500 text-white font-medium rounded-lg hover:bg-green-600 transition">
                    Créer ma première annonce
                </a>
                @endif
            </div>
        @endif

    </div>
</div>
@endsection