@extends('layouts.ambassador')

@section('title', 'Stripe')

@section('content')
<div class="page-header">
    <h1 class="page-title">Mon compte Stripe</h1>
    <p class="page-subtitle">Connectez votre compte Stripe pour recevoir vos commissions</p>
</div>

<div class="row">
    <div class="col-lg-6">
        <div class="card-base mb-4">
            <h6 class="fw-bold mb-3"><i class="fab fa-stripe me-2"></i>Statut du compte</h6>

            @if($stripeAccount && $stripeAccount->stripe_account_id)
                <table class="table table-sm mb-0">
                    <tr>
                        <th>ID Stripe</th>
                        <td>{{ $stripeAccount->stripe_account_id }}</td>
                    </tr>
                    <tr>
                        <th>Identité vérifiée</th>
                        <td>
                            <span class="badge bg-{{ $stripeAccount->onboarding_completed ? 'success' : 'warning' }}">
                                {{ $stripeAccount->onboarding_completed ? 'Oui' : 'Non' }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>Paiements autorisés</th>
                        <td>
                            <span class="badge bg-{{ $stripeAccount->payouts_enabled ? 'success' : 'danger' }}">
                                {{ $stripeAccount->payouts_enabled ? 'Oui' : 'Non' }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>Dernière vérification</th>
                        <td>{{ $stripeAccount->last_synced_at?->format('d/m/Y H:i') ?? '-' }}</td>
                    </tr>
                </table>

                <div class="mt-3 d-flex gap-2">
                    @if(!$stripeAccount->onboarding_completed)
                        <a href="{{ route('ambassador.stripe.connect') }}" class="btn btn-primary">
                            <i class="fas fa-redo me-1"></i>Reprendre l'onboarding
                        </a>
                    @endif
                    @if($stripeAccount->onboarding_completed)
                        <a href="{{ route('ambassador.stripe.dashboard') }}" class="btn btn-outline-primary">
                            <i class="fas fa-external-link-alt me-1"></i>Dashboard Stripe
                        </a>
                    @endif
                    <a href="{{ route('ambassador.stripe.callback') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-sync me-1"></i>Actualiser
                    </a>
                </div>
            @else
                <div class="text-center py-4">
                    <i class="fab fa-stripe fa-3x text-muted mb-3"></i>
                    <p class="text-muted mb-3">Aucun compte Stripe connecté.</p>
                    <a href="{{ route('ambassador.stripe.connect') }}" class="btn btn-primary btn-lg">
                        <i class="fab fa-stripe-s me-2"></i>Connecter mon compte Stripe
                    </a>
                </div>
            @endif
        </div>
    </div>

    <div class="col-lg-6">
        <div class="card-base mb-4">
            <h6 class="fw-bold mb-3"><i class="fas fa-info-circle me-2"></i>Pourquoi connecter Stripe ?</h6>
            <ul class="mb-0">
                <li class="mb-2">Vos commissions sont calculées automatiquement</li>
                <li class="mb-2">Sans compte Stripe, elles restent <strong>en attente de versement</strong></li>
                <li class="mb-2">Une fois connecté, les versements se font automatiquement</li>
                <li class="mb-2">Stripe gère la conformité KYC et bancaire</li>
                <li>Vos données sont sécurisées directement par Stripe</li>
            </ul>
        </div>

        @if($stripeAccount && !$stripeAccount->payouts_enabled && $stripeAccount->requirements_json)
            <div class="card-base" style="border-color: #fbbf24;">
                <h6 class="fw-bold mb-3 text-warning"><i class="fas fa-exclamation-triangle me-2"></i>Actions requises</h6>
                <p class="small text-muted">Stripe nécessite des informations supplémentaires pour activer vos paiements.</p>
                <a href="{{ route('ambassador.stripe.connect') }}" class="btn btn-warning">Compléter les informations</a>
            </div>
        @endif
    </div>
</div>
@endsection