@extends('layouts.client')

@section('title', 'Mes Appels d\'Offres')

@section('styles')
<link rel="stylesheet" href="{{ asset('css/tender-list.css') }}">
@endsection

@section('content')
<div class="tenders-container">
    {{-- Header --}}
    <div class="page-header">
        <div class="header-content">
            <div class="header-icon">
                <i class="fas fa-bullhorn"></i>
            </div>
            <div class="header-text">
                <h1>Mes Appels d'Offres</h1>
                <p>Gérez vos demandes et consultez les propositions reçues</p>
            </div>
        </div>
        <a href="{{ route('client.tenders.create') }}" class="btn btn-primary btn-large">
            <i class="fas fa-plus"></i>
            Nouvel appel d'offre
        </a>
    </div>

    {{-- Statistiques --}}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon total">
                <i class="fas fa-file-alt"></i>
            </div>
            <div class="stat-info">
                <span class="stat-value">{{ $stats['total'] }}</span>
                <span class="stat-label">Total</span>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon published">
                <i class="fas fa-broadcast-tower"></i>
            </div>
            <div class="stat-info">
                <span class="stat-value">{{ $stats['published'] }}</span>
                <span class="stat-label">Publiés</span>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon progress">
                <i class="fas fa-spinner"></i>
            </div>
            <div class="stat-info">
                <span class="stat-value">{{ $stats['in_progress'] }}</span>
                <span class="stat-label">En cours</span>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon completed">
                <i class="fas fa-check-circle"></i>
            </div>
            <div class="stat-info">
                <span class="stat-value">{{ $stats['completed'] }}</span>
                <span class="stat-label">Terminés</span>
            </div>
        </div>
    </div>

    {{-- Liste des appels d'offres --}}
    @if($tenders->count() > 0)
        <div class="tenders-list">
            @foreach($tenders as $tender)
                <div class="tender-card" data-status="{{ $tender->status }}">
                    <div class="tender-header">
                        <div class="tender-status">
                            <span class="status-badge {{ $tender->status }}">
                                {{ $tender->status_label }}
                            </span>
                            @if($tender->urgency === 'urgent')
                                <span class="urgency-badge urgent">
                                    <i class="fas fa-exclamation-triangle"></i> Urgent
                                </span>
                            @elseif($tender->urgency === 'high')
                                <span class="urgency-badge high">
                                    <i class="fas fa-bolt"></i> Prioritaire
                                </span>
                            @endif
                        </div>
                        <div class="tender-date">
                            <i class="fas fa-clock"></i>
                            {{ $tender->created_at->diffForHumans() }}
                        </div>
                    </div>

                    <h3 class="tender-title">
                        <a href="{{ route('client.tenders.show', $tender) }}">
                            {{ $tender->title }}
                        </a>
                    </h3>

                    <p class="tender-description">
                        {{ Str::limit($tender->description, 150) }}
                    </p>

                    <div class="tender-meta">
                        <div class="meta-item">
                            <i class="fas fa-map-marker-alt"></i>
                            <span>{{ $tender->city }}</span>
                        </div>
                        <div class="meta-item">
                            <i class="fas fa-calendar"></i>
                            <span>{{ $tender->start_date ? $tender->start_date->format('d/m/Y') : 'Non définie' }}</span>
                        </div>
                        <div class="meta-item">
                            <i class="fas fa-euro-sign"></i>
                            <span>{{ $tender->budget_display }}</span>
                        </div>
                    </div>

                    <div class="tender-categories">
                        @foreach($tender->categories->take(3) as $category)
                            <span class="category-tag">{{ $category->name }}</span>
                        @endforeach
                        @if($tender->categories->count() > 3)
                            <span class="category-more">+{{ $tender->categories->count() - 3 }}</span>
                        @endif
                    </div>

                    <div class="tender-footer">
                        <div class="responses-count">
                            <div class="responses-icon">
                                <i class="fas fa-comments"></i>
                            </div>
                            <div class="responses-info">
                                <span class="responses-number">{{ $tender->responses->count() }}</span>
                                <span class="responses-label">proposition{{ $tender->responses->count() > 1 ? 's' : '' }}</span>
                            </div>
                            @if($tender->responses->where('status', 'shortlisted')->count() > 0)
                                <div class="shortlisted-badge">
                                    <i class="fas fa-star"></i>
                                    {{ $tender->responses->where('status', 'shortlisted')->count() }} présélection{{ $tender->responses->where('status', 'shortlisted')->count() > 1 ? 's' : '' }}
                                </div>
                            @endif
                        </div>

                        <div class="tender-actions">
                            @if($tender->status === 'draft')
                                <a href="{{ route('client.tenders.create') }}?continue={{ $tender->id }}" class="btn btn-secondary btn-sm">
                                    <i class="fas fa-edit"></i>
                                    Continuer
                                </a>
                            @else
                                <a href="{{ route('client.tenders.show', $tender) }}" class="btn btn-primary btn-sm">
                                    <i class="fas fa-eye"></i>
                                    Voir détails
                                </a>
                            @endif
                        </div>
                    </div>

                    @if($tender->is_expired)
                        <div class="expired-overlay">
                            <span>Expiré</span>
                        </div>
                    @endif
                </div>
            @endforeach
        </div>

        {{-- Pagination --}}
        <div class="pagination-container">
            {{ $tenders->links() }}
        </div>
    @else
        {{-- État vide --}}
        <div class="empty-state">
            <div class="empty-icon">
                <i class="fas fa-bullhorn"></i>
            </div>
            <h2>Aucun appel d'offre</h2>
            <p>Créez votre premier appel d'offre pour recevoir des propositions de prestataires qualifiés</p>
            <a href="{{ route('client.tenders.create') }}" class="btn btn-primary btn-large">
                <i class="fas fa-plus"></i>
                Créer un appel d'offre
            </a>
        </div>
    @endif
</div>
@endsection