@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.applications') }}">Applications</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.mandats', $application) }}">Mandats</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $mandat->numero ?: 'Détails' }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container py-2">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <div class="row">
            <!-- Mandat Card -->
            <div class="col-lg-4 mb-4">
                <div class="card shadow-sm h-100">
                    <div class="card-body text-center">
                        <div class="mandat-icon-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3" style="width: 80px; height: 80px;">
                            <i class="fas fa-file-signature fa-2x"></i>
                        </div>
                        <h4 class="card-title mb-1">{{ $mandat->numero ?: 'Sans numéro' }}</h4>
                        
                        @if($mandat->type)
                            <span class="badge {{ $mandat->type->bgColor() }} mb-2">
                                <i class="fas {{ $mandat->type->icon() }} me-1"></i>
                                {{ $mandat->type->label() }}
                            </span>
                        @endif

                        @if($mandat->nature)
                            <span class="badge {{ $mandat->nature->bgColor() }} mb-2">
                                <i class="fas {{ $mandat->nature->icon() }} me-1"></i>
                                {{ $mandat->nature->label() }}
                            </span>
                        @endif

                        <!-- Action Buttons -->
                        <div class="d-grid gap-2 mt-3">
                            <a href="{{ route('partner.mandat.edit', ['application' => $application, 'mandat' => $mandat]) }}" class="btn btn-primary">
                                <i class="fas fa-edit me-2"></i>Modifier
                            </a>
                            <a href="{{ route('partner.mandats', $application) }}" class="btn btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Retour à la liste
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Details Card -->
            <div class="col-lg-8">
                <div class="card shadow-sm h-100">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="fas fa-info-circle me-2"></i>Informations détaillées
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-4">
                            <!-- Informations générales -->
                            <div class="col-md-6">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-file-signature me-2"></i>Informations du mandat
                                </h6>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Numéro</label>
                                    <p class="mb-0">{{ $mandat->numero ?: 'Non défini' }}</p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Type</label>
                                    <p class="mb-0">
                                        @if($mandat->type)
                                            <span class="badge {{ $mandat->type->bgColor() }}">
                                                <i class="fas {{ $mandat->type->icon() }} me-1"></i>
                                                {{ $mandat->type->label() }}
                                            </span>
                                            <br><small class="text-muted">{{ $mandat->type->description() }}</small>
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Nature</label>
                                    <p class="mb-0">
                                        @if($mandat->nature)
                                            <span class="badge {{ $mandat->nature->bgColor() }}">
                                                <i class="fas {{ $mandat->nature->icon() }} me-1"></i>
                                                {{ $mandat->nature->label() }}
                                            </span>
                                            <br><small class="text-muted">{{ $mandat->nature->description() }}</small>
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">
                                        <i class="fas fa-sitemap me-1"></i>Type de relation CGP
                                    </label>
                                    <p class="mb-0">
                                        @if($mandat->relation_type)
                                            <span class="badge {{ $mandat->relation_type->bgColor() }}">
                                                <i class="fas {{ $mandat->relation_type->icon() }} me-1"></i>
                                                {{ $mandat->relation_type->label() }} - {{ $mandat->relation_type->roleLabel() }}
                                            </span>
                                            <br><small class="text-muted">{{ $mandat->relation_type->description() }}</small>
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Commission</label>
                                    <p class="mb-0">
                                        @if($mandat->commission && $mandat->commission_type)
                                            <span class="fs-5 fw-bold text-success">
                                                {{ number_format($mandat->commission, 2, ',', ' ') }} {{ $mandat->commission_type->unite() }}
                                            </span>
                                            <br><small class="text-muted">{{ $mandat->commission_type->label() }}</small>
                                        @else
                                            <span class="text-muted">Non définie</span>
                                        @endif
                                    </p>
                                </div>
                            </div>

                            <!-- Acteurs -->
                            <div class="col-md-6">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-users me-2"></i>Acteurs
                                </h6>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Mandant (Propriétaire)</label>
                                    <p class="mb-0">
                                        @if($mandat->mandant && $mandat->mandant->mandantable)
                                            @if($mandat->mandant->mandantable instanceof \App\Models\User)
                                                <i class="fas fa-user me-1 text-primary"></i>
                                                {{ $mandat->mandant->mandantable->fullName() }}
                                                <br><small class="text-muted">{{ $mandat->mandant->mandantable->email }}</small>
                                            @elseif($mandat->mandant->mandantable instanceof \App\Models\Company)
                                                <i class="fas fa-building me-1 text-success"></i>
                                                {{ $mandat->mandant->mandantable->name }}
                                                @if($mandat->mandant->mandantable->type)
                                                    <br><small class="text-muted">{{ $mandat->mandant->mandantable->type->label() }}</small>
                                                @endif
                                            @endif
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Agent en charge</label>
                                    <p class="mb-0">
                                        @if($mandat->user)
                                            <i class="fas fa-user-tie me-1 text-info"></i>
                                            {{ $mandat->user->fullName() }}
                                            <br><small class="text-muted">{{ $mandat->user->email }}</small>
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Date de signature</label>
                                    <p class="mb-0">
                                        @if($mandat->date_signature)
                                            <i class="fas fa-calendar-plus me-1 text-muted"></i>
                                            {{ $mandat->date_signature->format('d/m/Y') }}
                                        @else
                                            <span class="text-muted">Non définie</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Date d'expiration</label>
                                    <p class="mb-0">
                                        @if($mandat->date_expiration)
                                            <i class="fas fa-calendar-times me-1 text-muted"></i>
                                            {{ $mandat->date_expiration->format('d/m/Y') }}
                                            @if($mandat->date_expiration->isPast())
                                                <span class="badge bg-danger ms-2">Expiré</span>
                                            @elseif($mandat->date_expiration->isFuture())
                                                <span class="badge bg-success ms-2">En cours</span>
                                            @endif
                                        @else
                                            <span class="text-muted">Non définie</span>
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>

                        <!-- Note interne -->
                        @if($mandat->note_interne_text)
                        <hr class="my-4">
                        <div class="row">
                            <div class="col-12">
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">
                                        <i class="fas fa-sticky-note me-2"></i>Note interne
                                    </label>
                                    <div class="p-3 bg-light rounded border">
                                        <p class="mb-0" style="white-space: pre-wrap;">{{ $mandat->note_interne_text }}</p>
                                    </div>
                                    <small class="text-muted">Cette note n'est visible qu'en interne</small>
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Lots associés -->
                        @if($mandat->products && $mandat->products->count() > 0)
                        <hr class="my-4">
                        <div class="row">
                            <div class="col-12">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-home me-2"></i>Lots associés ({{ $mandat->products->count() }})
                                </h6>
                                <div class="row g-2">
                                    @foreach($mandat->products as $product)
                                        <div class="col-md-6 col-lg-4">
                                            <div class="card border h-100">
                                                <div class="card-body py-2 px-3">
                                                    <div class="d-flex align-items-center">
                                                        <div class="me-2">
                                                            <i class="fas fa-home fa-2x text-primary"></i>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-0">Lot {{ $product->number }}</h6>
                                                            @if($product->program)
                                                                <small class="text-muted">{{ $product->program->name }}</small>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Timestamps -->
                        <hr class="my-4">
                        <div class="row g-4">
                            <div class="col-md-6">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-calendar me-2"></i>Dates système
                                </h6>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Créé le</label>
                                    <p class="mb-0">
                                        <i class="fas fa-calendar-plus me-1 text-muted"></i>
                                        {{ $mandat->created_at->format('d/m/Y à H:i') }}
                                    </p>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-bold text-muted">Dernière modification</label>
                                    <p class="mb-0">
                                        <i class="fas fa-calendar-edit me-1 text-muted"></i>
                                        {{ $mandat->updated_at->format('d/m/Y à H:i') }}
                                    </p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h6 class="text-primary mb-3">
                                    <!-- Espace réservé pour alignement -->
                                </h6>
                            </div>
                        </div>

                        <!-- Champs personnalisés Section -->
                        @if(isset($formEditor) && $formEditor && $formEditor->fields->count() > 0)
                        <hr class="my-4">
                        <div class="mb-4">
                            <div class="card border-primary shadow-sm">
                                <div class="card-header bg-primary">
                                    <h6 class="mb-0 text-primary">
                                        <i class="fas fa-star me-2"></i>Champs personnalisés
                                    </h6>
                                    <small class="text-muted">Données spécifiques à cette application</small>
                                    <div class="alert alert-info mt-2 mb-0 py-2">
                                        <i class="fas fa-info-circle me-2"></i>
                                        <small><strong>Note :</strong> Ces champs ne concernent pas l'affichage sur le site de diffusion. Ils sont uniquement utilisés pour la gestion interne.</small>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row g-3">
                                        @foreach($formEditor->fields as $field)
                                            @php
                                                $fieldValue = $field->data && isset($field->data->json['value']) ? $field->data->json['value'] : null;
                                            @endphp
                                            @if($fieldValue !== null && $fieldValue !== '')
                                                <div class="col-md-6">
                                                    <label class="form-label fw-bold text-muted">
                                                        <i class="fas {{ $field->type->icon() }} me-1 {{ $field->type->textColor() }}"></i>
                                                        {{ $field->label ?? $field->type->label() }}
                                                    </label>
                                                    @if($field->type === \App\Enums\FieldType::TEXT || $field->type === \App\Enums\FieldType::NUMBER)
                                                        <p class="mb-0">{{ $fieldValue }}</p>
                                                    @elseif($field->type === \App\Enums\FieldType::CHECKBOX)
                                                        <p class="mb-0">
                                                            @if($fieldValue == '1')
                                                                <span class="badge bg-success">
                                                                    <i class="fas fa-check me-1"></i>Activé
                                                                </span>
                                                            @else
                                                                <span class="badge bg-secondary">
                                                                    <i class="fas fa-times me-1"></i>Désactivé
                                                                </span>
                                                            @endif
                                                        </p>
                                                    @elseif($field->type === \App\Enums\FieldType::DATE)
                                                        <p class="mb-0">{{ \Carbon\Carbon::parse($fieldValue)->format('d/m/Y') }}</p>
                                                    @else
                                                        <p class="mb-0">{{ $fieldValue }}</p>
                                                    @endif
                                                    @if($field->description)
                                                        <small class="text-muted d-block mt-1">{{ $field->description }}</small>
                                                    @endif
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                    @if($formEditor->fields->filter(fn($f) => $f->data && isset($f->data->json['value']) && $f->data->json['value'] !== '')->count() === 0)
                                        <div class="text-center py-3 text-muted">
                                            <i class="fas fa-info-circle me-2"></i>Aucune donnée personnalisée renseignée
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Documents Section -->
                        @if($mandat->documents->count() > 0)
                        <hr class="my-4">
                        <div class="row">
                            <div class="col-12">
                                <div class="mb-3">
                                    <h6 class="text-primary mb-3">
                                        <i class="fas fa-file-pdf me-2"></i>Documents PDF
                                        <small class="text-muted">(Glissez-déposez pour réorganiser)</small>
                                    </h6>
                                    <x-sortable-documents 
                                        :documents="$mandat->documents" 
                                        containerId="sortable-documents" 
                                        :showDownload="true" 
                                        :canDelete="false" 
                                    />
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($mandat->documents->count() > 0)
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Initialiser Sortable pour les documents
        initSortable('#sortable-documents', {
            itemSelector: '.sortable-document-item',
            orderBadgeSelector: '.document-order-badge .badge',
            url: '{{ route('partner.mandat.reorder-documents', ['application' => $application, 'mandat' => $mandat]) }}',
            csrfToken: '{{ csrf_token() }}',
            errorMessage: 'Erreur lors de la mise à jour de l\'ordre des documents'
        });
    });
    </script>
    @endif
@endsection