@extends('layouts.admin-modern')

@section('title', 'Ambassadeur - ' . $ambassador->display_or_full_name)

@section('content')
<div class="page-header">
    <h1 class="page-title">{{ $ambassador->display_or_full_name }}</h1>
    <p class="page-subtitle">Code : {{ $ambassador->code }} | {{ ucfirst($ambassador->status) }}</p>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }}
        @if(session('login_email') && session('login_password'))
            <div class="mt-2 p-3 bg-white rounded border">
                <strong>Identifiants de connexion :</strong><br>
                <i class="fas fa-envelope me-1"></i> Identifiant : <code>{{ session('login_email') }}</code><br>
                <i class="fas fa-key me-1"></i> Mot de passe : <code>{{ session('login_password') }}</code><br>
                <small class="text-muted">Copiez ces identifiants maintenant, ils ne seront plus affichés.</small>
            </div>
        @endif
        @if(session('temp_password'))
            <br><strong>Nouveau mot de passe : <code>{{ session('temp_password') }}</code></strong>
        @endif
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<!-- Actions rapides -->
<div class="card-base mb-4">
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ route('admin.ambassadors.edit', $ambassador) }}" class="btn btn-primary"><i class="fas fa-edit me-1"></i>Modifier</a>
        @if($ambassador->status === 'active')
            <form method="POST" action="{{ route('admin.ambassadors.suspend', $ambassador) }}" class="d-inline">@csrf
                <button class="btn btn-warning" onclick="return confirm('Suspendre ?')"><i class="fas fa-pause me-1"></i>Suspendre</button>
            </form>
        @else
            <form method="POST" action="{{ route('admin.ambassadors.activate', $ambassador) }}" class="d-inline">@csrf
                <button class="btn btn-success"><i class="fas fa-play me-1"></i>Activer</button>
            </form>
        @endif
        <form method="POST" action="{{ route('admin.ambassadors.reset-password', $ambassador) }}" class="d-inline">@csrf
            <button class="btn btn-outline-danger" onclick="return confirm('Réinitialiser le mot de passe ?')"><i class="fas fa-key me-1"></i>Reset MDP</button>
        </form>
        @if($referralLink)
            <button class="btn btn-outline-info" onclick="navigator.clipboard.writeText('{{ $referralLink->url }}').then(() => alert('Lien copié !'))">
                <i class="fas fa-copy me-1"></i>Copier lien affilié
            </button>
        @endif
        <a href="{{ route('admin.ambassadors.index') }}" class="btn btn-outline-secondary ms-auto"><i class="fas fa-arrow-left me-1"></i>Retour</a>
    </div>
</div>

<!-- KPI -->
<div class="stats-grid">
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #4f46e5, #7c3aed);"><i class="fas fa-user-tie"></i></div>
        <div class="stat-info"><div class="stat-value">{{ $stats['total_prestataires'] }}</div><div class="stat-label">Prestataires rattachés</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #10b981, #059669);"><i class="fas fa-euro-sign"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['total_commissions'], 2, ',', ' ') }} €</div><div class="stat-label">Commissions totales</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #f59e0b, #d97706);"><i class="fas fa-clock"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['pending_commissions'], 2, ',', ' ') }} €</div><div class="stat-label">Commissions en attente</div></div>
    </div>
    <div class="card-base stat-card">
        <div class="stat-icon" style="background: linear-gradient(135deg, #06b6d4, #0891b2);"><i class="fas fa-shopping-cart"></i></div>
        <div class="stat-info"><div class="stat-value">{{ number_format($stats['ca_generated'], 2, ',', ' ') }} €</div><div class="stat-label">CA généré</div></div>
    </div>
</div>

<!-- Tabs -->
<ul class="nav nav-tabs mb-4" id="ambassadorTabs">
    <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tab-info">Informations</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-prestataires">Prestataires ({{ $stats['total_prestataires'] }})</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-commissions">Commissions</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-referral">Lien affilié</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-finance">Finance & Stripe</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-logs">Historique</a></li>
</ul>

<div class="tab-content">
    <!-- Tab Info -->
    <div class="tab-pane fade show active" id="tab-info">
        <div class="row">
            <div class="col-md-6">
                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Identité</h6>
                    <table class="table table-sm mb-0">
                        <tr><th width="40%">Nom complet</th><td>{{ $ambassador->full_name }}</td></tr>
                        <tr><th>Nom affiché</th><td>{{ $ambassador->display_name ?: '-' }}</td></tr>
                        <tr><th>Email</th><td>{{ $ambassador->email }}</td></tr>
                        <tr><th>Téléphone</th><td>{{ $ambassador->phone ?: '-' }}</td></tr>
                        <tr><th>Société</th><td>{{ $ambassador->company_name ?: '-' }}</td></tr>
                        <tr><th>SIRET</th><td>{{ $ambassador->siret ?: '-' }}</td></tr>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Adresse & Zone</h6>
                    <table class="table table-sm mb-0">
                        <tr><th width="40%">Adresse</th><td>{{ $ambassador->address ?: '-' }}</td></tr>
                        <tr><th>Ville</th><td>{{ $ambassador->city ?: '-' }}</td></tr>
                        <tr><th>Code postal</th><td>{{ $ambassador->postal_code ?: '-' }}</td></tr>
                        <tr><th>Pays</th><td>{{ $ambassador->country }}</td></tr>
                        <tr><th>Zone</th><td>{{ ucfirst($ambassador->zone_type) }} {{ $ambassador->zone_value ? '- ' . $ambassador->zone_value : '' }}</td></tr>
                        <tr><th>Contrat du</th><td>{{ $ambassador->started_at?->format('d/m/Y') ?? '-' }} au {{ $ambassador->ended_at?->format('d/m/Y') ?? 'indéfini' }}</td></tr>
                    </table>
                </div>

                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Catégories & Taux</h6>
                    @if($ambassador->categories->count())
                        <table class="table table-sm mb-0">
                            <thead><tr><th>Catégorie</th><th>Type</th><th>Ambassadeur</th><th>Plateforme</th></tr></thead>
                            <tbody>
                            @foreach($ambassador->categories as $cat)
                                <tr>
                                    <td>{{ $cat->category_label }}</td>
                                    <td><span class="badge bg-light text-dark">{{ $cat->commission_type }}</span></td>
                                    <td class="fw-semibold text-success">{{ $cat->ambassador_rate }}%</td>
                                    <td>{{ $cat->platform_rate }}%</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <p class="text-muted">Aucune catégorie configurée.</p>
                    @endif
                </div>
            </div>
        </div>
        @if($ambassador->notes)
            <div class="card-base mb-4">
                <h6 class="fw-bold mb-2">Notes internes</h6>
                <p class="mb-0">{{ $ambassador->notes }}</p>
            </div>
        @endif
    </div>

    <!-- Tab Prestataires -->
    <div class="tab-pane fade" id="tab-prestataires">
        <div class="card-base">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead><tr><th>Prestataire</th><th>Source</th><th>Date</th><th>Statut compte</th><th>Commandes</th><th>CA</th><th>Commission</th><th>Actions</th></tr></thead>
                    <tbody>
                    @forelse($assignments as $a)
                        <tr>
                            <td>
                                <strong>{{ $a->prestataire?->user?->name ?? 'N/A' }}</strong>
                                <br><small class="text-muted">{{ $a->prestataire?->secteur_activite ?? '' }}</small>
                            </td>
                            <td><span class="badge bg-light text-dark">{{ $a->source_label }}</span></td>
                            <td>{{ $a->assigned_at->format('d/m/Y') }}</td>
                            <td>
                                @if($a->prestataire?->is_approved)
                                    <span class="badge bg-success">Actif</span>
                                @else
                                    <span class="badge bg-warning">En attente</span>
                                @endif
                            </td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>
                                <!-- Bouton réattribuer (modale) -->
                                <button class="btn btn-sm btn-outline-warning" data-bs-toggle="modal" data-bs-target="#reassignModal{{ $a->id }}" title="Réattribuer">
                                    <i class="fas fa-exchange-alt"></i>
                                </button>
                            </td>
                        </tr>

                        <!-- Modale réattribution -->
                        <div class="modal fade" id="reassignModal{{ $a->id }}" tabindex="-1">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form method="POST" action="{{ route('admin.ambassadors.reassign-prestataire') }}">@csrf
                                        <div class="modal-header">
                                            <h5 class="modal-title">Réattribuer le prestataire</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                        </div>
                                        <div class="modal-body">
                                            <input type="hidden" name="assignment_id" value="{{ $a->id }}">
                                            <label class="form-label">Nouvel ambassadeur</label>
                                            <select name="new_ambassador_id" class="form-select" required>
                                                @foreach(\App\Models\Ambassador::active()->where('id', '!=', $ambassador->id)->get() as $otherAmb)
                                                    <option value="{{ $otherAmb->id }}">{{ $otherAmb->display_or_full_name }} ({{ $otherAmb->code }})</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-warning">Réattribuer</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @empty
                        <tr><td colspan="8" class="text-center py-3 text-muted">Aucun prestataire rattaché</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            {{ $assignments->withQueryString()->links() }}
        </div>
    </div>

    <!-- Tab Commissions -->
    <div class="tab-pane fade" id="tab-commissions">
        <div class="card-base">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead><tr><th>Date</th><th>Type</th><th>Prestataire</th><th>Catégorie</th><th>Montant commande</th><th>Commission plateforme</th><th>Part ambassadeur</th><th>Statut</th></tr></thead>
                    <tbody>
                    @forelse($commissions as $c)
                        <tr>
                            <td>{{ $c->created_at->format('d/m/Y H:i') }}</td>
                            <td>{{ $c->order_type_label }}</td>
                            <td>{{ $c->prestataire?->user?->name ?? 'N/A' }}</td>
                            <td>{{ $c->category_key }}</td>
                            <td>{{ number_format($c->gross_order_amount, 2, ',', ' ') }} €</td>
                            <td>{{ number_format($c->platform_fee_amount, 2, ',', ' ') }} €</td>
                            <td class="fw-semibold text-success">{{ number_format($c->ambassador_commission_amount, 2, ',', ' ') }} €</td>
                            <td><span class="badge bg-{{ $c->status_color }}">{{ $c->status_label }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center py-3 text-muted">Aucune commission</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            {{ $commissions->withQueryString()->links() }}
        </div>
    </div>

    <!-- Tab Referral -->
    <div class="tab-pane fade" id="tab-referral">
        <div class="card-base">
            @if($referralLink)
                <h6 class="fw-bold mb-3">Lien affilié principal</h6>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" value="{{ $referralLink->url }}" readonly id="refLinkInput">
                    <button class="btn btn-outline-primary" onclick="navigator.clipboard.writeText(document.getElementById('refLinkInput').value).then(() => alert('Copié !'))">
                        <i class="fas fa-copy"></i> Copier
                    </button>
                </div>
                <div class="row g-3">
                    <div class="col-md-3"><div class="text-center"><div class="fs-3 fw-bold text-primary">{{ $referralLink->clicks_count }}</div><small class="text-muted">Clics</small></div></div>
                    <div class="col-md-3"><div class="text-center"><div class="fs-3 fw-bold text-success">{{ $referralLink->registrations_count }}</div><small class="text-muted">Inscriptions</small></div></div>
                    <div class="col-md-3"><div class="text-center"><div class="fs-3 fw-bold text-info">{{ $referralLink->conversion_rate }}%</div><small class="text-muted">Conversion</small></div></div>
                    <div class="col-md-3"><div class="text-center"><div class="fs-3 fw-bold">{{ $referralLink->code }}</div><small class="text-muted">Code</small></div></div>
                </div>
            @else
                <p class="text-muted">Aucun lien affilié configuré.</p>
            @endif
        </div>
    </div>

    <!-- Tab Finance -->
    <div class="tab-pane fade" id="tab-finance">
        <div class="row">
            <div class="col-md-6">
                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Compte Stripe</h6>
                    @if($ambassador->stripeAccount)
                        <table class="table table-sm mb-0">
                            <tr><th>ID Stripe</th><td>{{ $ambassador->stripeAccount->stripe_account_id ?: '-' }}</td></tr>
                            <tr><th>Onboarding</th><td><span class="badge bg-{{ $ambassador->stripeAccount->onboarding_completed ? 'success' : 'warning' }}">{{ $ambassador->stripeAccount->onboarding_completed ? 'Complété' : 'En cours' }}</span></td></tr>
                            <tr><th>Paiements</th><td><span class="badge bg-{{ $ambassador->stripeAccount->payouts_enabled ? 'success' : 'danger' }}">{{ $ambassador->stripeAccount->payouts_enabled ? 'Activés' : 'Désactivés' }}</span></td></tr>
                            <tr><th>Dernière sync</th><td>{{ $ambassador->stripeAccount->last_synced_at?->format('d/m/Y H:i') ?? '-' }}</td></tr>
                        </table>
                    @else
                        <p class="text-muted">Aucun compte Stripe connecté.</p>
                    @endif
                </div>
            </div>
            <div class="col-md-6">
                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Résumé financier</h6>
                    <table class="table table-sm mb-0">
                        <tr><th>Commissions totales</th><td class="fw-bold">{{ number_format($stats['total_commissions'], 2, ',', ' ') }} €</td></tr>
                        <tr><th>En attente</th><td>{{ number_format($stats['pending_commissions'], 2, ',', ' ') }} €</td></tr>
                        <tr><th>Payables</th><td class="text-primary fw-bold">{{ number_format($stats['payable_commissions'], 2, ',', ' ') }} €</td></tr>
                        <tr><th>Versées</th><td class="text-success">{{ number_format($stats['paid_commissions'], 2, ',', ' ') }} €</td></tr>
                    </table>
                </div>

                <!-- Payouts -->
                <div class="card-base mb-4">
                    <h6 class="fw-bold mb-3">Derniers versements</h6>
                    @if($payouts->count())
                        <table class="table table-sm mb-0">
                            <thead><tr><th>Période</th><th>Net</th><th>Statut</th></tr></thead>
                            <tbody>
                            @foreach($payouts as $p)
                                <tr>
                                    <td>{{ $p->period_start->format('d/m') }} - {{ $p->period_end->format('d/m/Y') }}</td>
                                    <td class="fw-bold">{{ number_format($p->net_amount, 2, ',', ' ') }} €</td>
                                    <td><span class="badge bg-{{ $p->status_color }}">{{ $p->status_label }}</span></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <p class="text-muted small">Aucun versement pour le moment.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Tab Logs -->
    <div class="tab-pane fade" id="tab-logs">
        <div class="card-base">
            <h6 class="fw-bold mb-3">Journal d'activité</h6>
            @if($logs->count())
                <div class="table-responsive">
                    <table class="table table-sm mb-0">
                        <thead><tr><th>Date</th><th>Action</th><th>Acteur</th><th>Détails</th></tr></thead>
                        <tbody>
                        @foreach($logs as $log)
                            <tr>
                                <td>{{ $log->created_at->format('d/m/Y H:i') }}</td>
                                <td><span class="badge bg-light text-dark">{{ $log->action_label }}</span></td>
                                <td>{{ $log->actor?->name ?? 'Système' }}</td>
                                <td>
                                    @if($log->new_values_json)
                                        <small class="text-muted">{{ json_encode($log->new_values_json, JSON_UNESCAPED_UNICODE) }}</small>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted">Aucun événement enregistré.</p>
            @endif
        </div>
    </div>
</div>
@endsection