@extends('layouts.prestataire')

@section('title', $tender->title)

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

@section('content')
<div class="tender-show-container prestataire-view">
    
    {{-- Breadcrumb --}}
    <nav class="breadcrumb">
        <a href="{{ route('prestataire.tenders.index') }}">
            <i class="fas fa-arrow-left"></i>
            Appels d'offres
        </a>
    </nav>

    {{-- Score Match Banner --}}
    <div class="match-banner" style="--score: {{ $matchScore }}%">
        <div class="match-circle">
            <svg viewBox="0 0 36 36">
                <path d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                      fill="none"
                      stroke="#e2e8f0"
                      stroke-width="3"/>
                <path d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                      fill="none"
                      stroke="url(#matchGradient)"
                      stroke-width="3"
                      stroke-dasharray="{{ $matchScore }}, 100"/>
                <defs>
                    <linearGradient id="matchGradient">
                        <stop offset="0%" stop-color="#10b981"/>
                        <stop offset="100%" stop-color="#3b82f6"/>
                    </linearGradient>
                </defs>
            </svg>
            <span class="match-value">{{ $matchScore }}%</span>
        </div>
        <div class="match-info">
            <h3>Score de correspondance</h3>
            <p>Cette demande correspond à {{ $matchScore }}% de votre profil</p>
            <div class="match-factors">
                <span><i class="fas fa-check-circle"></i> Catégories correspondantes</span>
                @if($matchScore >= 60)
                    <span><i class="fas fa-check-circle"></i> Localisation compatible</span>
                @endif
            </div>
        </div>
        
        @if(!$existingResponse && $tender->canReceiveResponse())
            <a href="{{ route('prestataire.tenders.respond', $tender) }}" class="btn btn-success btn-large">
                <i class="fas fa-paper-plane"></i>
                Proposer mes services
            </a>
        @elseif($existingResponse)
            <div class="already-responded">
                <i class="fas fa-check-circle"></i>
                <span>Proposition envoyée</span>
                <span class="response-status {{ $existingResponse->status }}">
                    {{ ucfirst($existingResponse->status) }}
                </span>
            </div>
        @else
            <div class="tender-closed">
                <i class="fas fa-lock"></i>
                <span>Appel d'offre fermé</span>
            </div>
        @endif
    </div>

    {{-- En-tête --}}
    <div class="tender-header-card">
        <div class="header-top">
            <div class="status-badges">
                @if($tender->urgency !== 'normal')
                    <span class="urgency-badge {{ $tender->urgency }}">
                        @if($tender->urgency === 'urgent')
                            <i class="fas fa-exclamation-triangle"></i> Urgent
                        @elseif($tender->urgency === 'high')
                            <i class="fas fa-bolt"></i> Prioritaire
                        @else
                            <i class="fas fa-clock"></i> Pas pressé
                        @endif
                    </span>
                @endif
                
                @if($invitation)
                    <span class="invitation-badge">
                        <i class="fas fa-envelope"></i> Vous avez été invité
                    </span>
                @endif
            </div>

            <div class="header-meta">
                <span class="meta-item">
                    <i class="fas fa-clock"></i>
                    Publié {{ $tender->published_at ? $tender->published_at->diffForHumans() : '' }}
                </span>
                <span class="meta-item">
                    <i class="fas fa-hourglass-half"></i>
                    Expire {{ $tender->expires_at ? $tender->expires_at->diffForHumans() : 'jamais' }}
                </span>
            </div>
        </div>

        <h1 class="tender-title">{{ $tender->title }}</h1>

        <div class="tender-meta-row">
            <div class="meta-item">
                <i class="fas fa-map-marker-alt"></i>
                <span>{{ $tender->city }} ({{ $tender->radius_km }} km)</span>
            </div>
            <div class="meta-item">
                <i class="fas fa-calendar"></i>
                <span>
                    @if($tender->start_date)
                        {{ $tender->start_date->format('d/m/Y') }}
                        @if($tender->end_date)
                            - {{ $tender->end_date->format('d/m/Y') }}
                        @endif
                    @else
                        Date flexible
                    @endif
                </span>
            </div>
            @if($tender->budget_visible)
                <div class="meta-item budget">
                    <i class="fas fa-euro-sign"></i>
                    <span>{{ $tender->budget_display }}</span>
                </div>
            @endif
            <div class="meta-item">
                <i class="fas fa-comments"></i>
                <span>{{ $tender->responses()->count() }}/{{ $tender->max_responses }} propositions</span>
            </div>
        </div>

        <div class="tender-categories">
            @foreach($tender->categories as $category)
                <span class="category-tag">
                    <i class="{{ $category->icon ?? 'fas fa-tag' }}"></i>
                    {{ $category->name }}
                </span>
            @endforeach
        </div>
    </div>

    <div class="tender-content-grid">
        {{-- Colonne principale --}}
        <div class="tender-main">
            {{-- Description --}}
            <div class="content-card">
                <h2 class="card-title">
                    <i class="fas fa-align-left"></i>
                    Description de la demande
                </h2>
                <div class="description-content">
                    {!! nl2br(e($tender->description)) !!}
                </div>
            </div>

            {{-- Médias --}}
            @if(count($tender->photos ?? []) > 0)
                <div class="content-card">
                    <h2 class="card-title">
                        <i class="fas fa-images"></i>
                        Photos
                    </h2>
                    <div class="media-gallery">
                        @foreach($tender->photos as $photo)
                            <div class="media-thumb">
                                <img src="{{ Storage::url($photo) }}" alt="Photo">
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            {{-- Votre proposition --}}
            @if($existingResponse)
                <div class="content-card response-card">
                    <h2 class="card-title">
                        <i class="fas fa-paper-plane"></i>
                        Votre proposition
                        <span class="status-badge {{ $existingResponse->status }}">
                            {{ ucfirst($existingResponse->status) }}
                        </span>
                    </h2>
                    
                    <div class="your-response">
                        <div class="response-price">
                            <span class="price-value">{{ number_format($existingResponse->proposed_price, 2) }} €</span>
                            <span class="price-type">
                                @switch($existingResponse->price_type)
                                    @case('fixed') Prix fixe @break
                                    @case('hourly') /heure @break
                                    @case('daily') /jour @break
                                    @default Négociable @break
                                @endswitch
                            </span>
                        </div>
                        
                        <div class="response-message">
                            {!! nl2br(e($existingResponse->message)) !!}
                        </div>

                        <div class="response-meta">
                            <span>
                                <i class="fas fa-calendar-check"></i>
                                Disponible à partir du {{ $existingResponse->availability_start->format('d/m/Y') }}
                            </span>
                            @if($existingResponse->estimated_duration)
                                <span>
                                    <i class="fas fa-clock"></i>
                                    Durée : {{ $existingResponse->estimated_duration }}
                                </span>
                            @endif
                        </div>

                        @if(in_array($existingResponse->status, ['pending', 'viewed']))
                            <div class="response-actions">
                                <a href="{{ route('prestataire.tenders.edit-response', [$tender, $existingResponse]) }}" 
                                   class="btn btn-secondary">
                                    <i class="fas fa-edit"></i>
                                    Modifier
                                </a>
                                <form action="{{ route('prestataire.tenders.withdraw-response', $existingResponse) }}" 
                                      method="POST" 
                                      onsubmit="return confirm('Êtes-vous sûr de vouloir retirer votre proposition ?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger">
                                        <i class="fas fa-times"></i>
                                        Retirer
                                    </button>
                                </form>
                            </div>
                        @endif

                        @if($existingResponse->client_message)
                            <div class="client-feedback">
                                <h4><i class="fas fa-comment"></i> Message du client</h4>
                                <p>{{ $existingResponse->client_message }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            @endif
        </div>

        {{-- Sidebar --}}
        <div class="tender-sidebar">
            {{-- Client Info --}}
            <div class="sidebar-card client-card">
                <h3>Le client</h3>
                <div class="client-info">
                    <div class="client-avatar">
                        @if($tender->client->user->avatar)
                            <img src="{{ Storage::url($tender->client->user->avatar) }}" alt="">
                        @else
                            <i class="fas fa-user"></i>
                        @endif
                    </div>
                    <div class="client-details">
                        <span class="client-name">{{ $tender->client->user->name }}</span>
                        <span class="client-since">
                            Membre depuis {{ $tender->client->user->created_at->format('Y') }}
                        </span>
                    </div>
                </div>
                
                @if($tender->contact_preference !== 'messaging' && $existingResponse && $existingResponse->status === 'shortlisted')
                    <div class="contact-info">
                        @if($tender->contact_phone)
                            <a href="tel:{{ $tender->contact_phone }}" class="contact-item">
                                <i class="fas fa-phone"></i>
                                {{ $tender->contact_phone }}
                            </a>
                        @endif
                        @if($tender->contact_email)
                            <a href="mailto:{{ $tender->contact_email }}" class="contact-item">
                                <i class="fas fa-envelope"></i>
                                {{ $tender->contact_email }}
                            </a>
                        @endif
                    </div>
                @endif
            </div>

            {{-- Détails --}}
            <div class="sidebar-card info-card">
                <h3>Détails de la demande</h3>
                <ul class="info-list">
                    <li>
                        <span class="info-label">Lieu</span>
                        <span class="info-value">{{ $tender->city }}</span>
                    </li>
                    @if($tender->postal_code)
                        <li>
                            <span class="info-label">Code postal</span>
                            <span class="info-value">{{ $tender->postal_code }}</span>
                        </li>
                    @endif
                    <li>
                        <span class="info-label">Date souhaitée</span>
                        <span class="info-value">{{ $tender->start_date ? $tender->start_date->format('d/m/Y') : 'Flexible' }}</span>
                    </li>
                    @if($tender->preferred_time_start)
                        <li>
                            <span class="info-label">Horaires</span>
                            <span class="info-value">{{ $tender->preferred_time_start }} - {{ $tender->preferred_time_end }}</span>
                        </li>
                    @endif
                    @if($tender->flexible_dates)
                        <li>
                            <span class="info-label">Flexibilité</span>
                            <span class="info-value"><i class="fas fa-check text-success"></i> Dates flexibles</span>
                        </li>
                    @endif
                    @if($tender->budget_visible)
                        <li>
                            <span class="info-label">Budget</span>
                            <span class="info-value">{{ $tender->budget_display }}</span>
                        </li>
                    @endif
                    <li>
                        <span class="info-label">Contact préféré</span>
                        <span class="info-value">
                            @switch($tender->contact_preference)
                                @case('messaging') Messagerie @break
                                @case('email') Email @break
                                @case('phone') Téléphone @break
                                @default Peu importe @break
                            @endswitch
                        </span>
                    </li>
                </ul>
            </div>

            {{-- CTA --}}
            @if(!$existingResponse && $tender->canReceiveResponse())
                <div class="sidebar-card cta-card">
                    <div class="cta-content">
                        <h3>Intéressé par cette mission ?</h3>
                        <p>Envoyez votre proposition dès maintenant</p>
                        <a href="{{ route('prestataire.tenders.respond', $tender) }}" class="btn btn-success btn-block">
                            <i class="fas fa-paper-plane"></i>
                            Proposer mes services
                        </a>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection