@props(['app'])

<!-- Statistics Cards -->
<div class="col-12">
    <div class="row g-3 mb-4">
        <!-- Users Stats -->
        <div class="col-md-3">
            <div class="card border-0 shadow-sm stat-card border-start border-primary border-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="text-muted small text-uppercase mb-1">Utilisateurs</div>
                            <div class="h3 mb-0 fw-bold">{{ $app->users_count ?? 0 }}</div>
                            <div class="small text-muted mt-1">
                                <span class="text-success fw-semibold">{{ $app->users_active_count ?? 0 }} actifs</span>
                                <span class="mx-1">•</span>
                                <span class="text-secondary">{{ $app->users_inactive_count ?? 0 }} inactifs</span>
                            </div>
                        </div>
                        <div class="stat-icon bg-primary bg-opacity-10 rounded-circle">
                            <i class="fas fa-users text-light"></i>
                        </div>
                    </div>
                    @if($app->max_users)
                        <div class="progress mt-3" style="height: 6px;">
                            <div class="progress-bar bg-primary" role="progressbar"
                                 style="width: {{ min(100, ($app->users_count / $app->max_users) * 100) }}%">
                            </div>
                        </div>
                        <div class="small text-muted mt-1">Limite: {{ $app->max_users }} utilisateurs</div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Clients Stats -->
        <div class="col-md-3">
            <div class="card border-0 shadow-sm stat-card border-start border-success border-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="text-muted small text-uppercase mb-1">Clients</div>
                            <div class="h3 mb-0 fw-bold">{{ $app->clients_count ?? 0 }}</div>
                            <div class="small text-success mt-1">
                                <i class="fas fa-chart-line me-1"></i>Base de données
                            </div>
                        </div>
                        <div class="stat-icon bg-success bg-opacity-10 rounded-circle">
                            <i class="fas fa-user-friends text-success"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Mandats Stats -->
        <div class="col-md-3">
            <div class="card border-0 shadow-sm stat-card border-start border-info border-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="text-muted small text-uppercase mb-1">Mandats</div>
                            <div class="h3 mb-0 fw-bold">{{ $app->mandats->count() ?? 0 }}</div>
                            <div class="small text-info mt-1">
                                <i class="fas fa-file-signature me-1"></i>Gestion commerciale
                            </div>
                        </div>
                        <div class="stat-icon bg-info bg-opacity-10 rounded-circle">
                            <i class="fas fa-file-contract text-info"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Programs Stats -->
        <div class="col-md-3">
            <div class="card border-0 shadow-sm stat-card border-start border-warning border-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="text-muted small text-uppercase mb-1">Programmes</div>
                            <div class="h3 mb-0 fw-bold">{{ $app->programs->count() ?? 0 }}</div>
                            <div class="small text-warning mt-1">
                                <i class="fas fa-building me-1"></i>Immobilier
                            </div>
                        </div>
                        <div class="stat-icon bg-warning bg-opacity-10 rounded-circle">
                            <i class="fas fa-building text-light"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Features Info -->
@if($app->features && $app->features->count() > 0)
<div class="col-12">
    <div class="row g-3 mb-4">
        <div class="col-md-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header bg-gradient-success text-white">
                    <h6 class="mb-0">
                        <i class="fas fa-puzzle-piece me-2"></i>Fonctionnalités activées
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        @foreach($app->features as $feature)
                            <div class="col-md-6">
                                <div class="d-flex align-items-center p-2 bg-light rounded">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    <span class="fw-semibold">{{ $feature->name }}</span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

<!-- Quick Actions -->
<div class="col-12">
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white">
            <h5 class="mb-0">
                <i class="fas fa-bolt me-2 text-warning"></i>Actions rapides
            </h5>
        </div>
        <div class="card-body p-4">
            <div class="row g-3">
                <!-- Utilisateurs -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.application.users', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-primary bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-users text-light"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Utilisateurs</h6>
                                    <small class="text-muted">Gérer les accès</small>
                                </div>
                                <i class="fas fa-arrow-right text-primary"></i>
                            </div>
                        </div>
                    </a>
                </div>
                @if(auth()->user()->isRole('ROLE_DEVELOPER'))
                    <!-- Clients -->
                    <div class="col-lg-4 col-md-6">
                        <a href="{{ route('partner.clients', $app) }}" class="text-decoration-none">
                            <div class="quick-link-card card border h-100">
                                <div class="card-body d-flex align-items-center p-3">
                                    <div class="stat-icon bg-info bg-opacity-10 rounded-circle me-3">
                                        <i class="fas fa-user-friends text-info"></i>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-0 fw-bold">Clients</h6>
                                        <small class="text-muted">Base de données</small>
                                    </div>
                                    <i class="fas fa-arrow-right text-info"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                @endif
                <!-- Programmes -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.programs', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-blue bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-building text-light"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Programmes</h6>
                                    <small class="text-muted">Catalogue immobilier</small>
                                </div>
                                <i class="fas fa-arrow-right text-blue"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Mandats -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.mandats', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-info bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-file-signature text-info"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Mandats</h6>
                                    <small class="text-muted">Gestion commerciale</small>
                                </div>
                                <i class="fas fa-arrow-right text-info"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Options -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.options.index', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-option bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-tags text-white"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Options</h6>
                                    <small class="text-muted">Gestion des options</small>
                                </div>
                                <i class="fas fa-arrow-right text-option"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Abonnement -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.subscriptions.list') }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-warning bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-crown text-light"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Abonnements</h6>
                                    <small class="text-muted">Mes abonnements</small>
                                </div>
                                <i class="fas fa-arrow-right text-warning"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Se connecter -->
                <div class="col-lg-4 col-md-6 d-none">
                    <form action="{{ route('partner.application.login', $app) }}" method="POST" class="d-inline">
                        @csrf
                        <button type="submit" class="btn btn-link text-decoration-none p-0 w-100">
                            <div class="quick-link-card card border h-100">
                                <div class="card-body d-flex align-items-center p-3">
                                    <div class="stat-icon bg-gradient-primary bg-opacity-10 rounded-circle me-3">
                                        <i class="fas fa-sign-in-alt text-primary"></i>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-0 fw-bold">Se connecter</h6>
                                        <small class="text-muted">Accéder à l'application</small>
                                    </div>
                                    <i class="fas fa-arrow-right text-primary"></i>
                                </div>
                            </div>
                        </button>
                    </form>
                </div>

                <!-- Paramètres de vente -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.application.sale-parameters.show', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-danger bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-handshake text-danger"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Paramètres de vente</h6>
                                    <small class="text-muted">Options & durées</small>
                                </div>
                                <i class="fas fa-arrow-right text-danger"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Partage des programmes -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.multi-program-parameters.list') }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-purple bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-share-alt text-white"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Partage des programmes</h6>
                                    <small class="text-muted">Gestion inter-applications</small>
                                </div>
                                <i class="fas fa-arrow-right text-purple"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Paramètres -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.parameters.index') }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-secondary bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-cog text-secondary"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Paramètres</h6>
                                    <small class="text-muted">Configuration</small>
                                </div>
                                <i class="fas fa-arrow-right text-secondary"></i>
                            </div>
                        </div>
                    </a>
                </div>
                @if(Auth::user()->isRole('ROLE_DEVELOPER'))
                <!-- Personnalisation des formulaires -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.form-editors.index', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-purple bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-edit text-white"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Personnalisation des formulaires</h6>
                                    <small class="text-muted">Éditeurs de formulaires</small>
                                </div>
                                <i class="fas fa-arrow-right text-purple"></i>
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Éditeurs de documents -->
                <div class="col-lg-4 col-md-6">
                    <a href="{{ route('partner.document-editors.index', $app) }}" class="text-decoration-none">
                        <div class="quick-link-card card border h-100">
                            <div class="card-body d-flex align-items-center p-3">
                                <div class="stat-icon bg-info bg-opacity-10 rounded-circle me-3">
                                    <i class="fas fa-file-alt text-info"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0 fw-bold">Éditeurs de documents</h6>
                                    <small class="text-muted">Gérer les éditeurs de documents</small>
                                </div>
                                <i class="fas fa-arrow-right text-info"></i>
                            </div>
                        </div>
                    </a>
                </div>
                @endif
                <!-- Abonnement dans l'application sélectionnée-->
                @if($app->subscription_manager)
                    <div class="col-lg-4 col-md-6">
                        <a href="{{ route('partner.application.subscriptions', $app) }}" class="text-decoration-none">
                            <div class="quick-link-card card border h-100">
                                <div class="card-body d-flex align-items-center p-3">
                                    <div class="stat-icon bg-dark rounded-circle me-3">
                                        <i class="fas fa-crown text-light"></i>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-0 fw-bold">Abonnements {{ $app->name }}</h6>
                                        <small class="text-muted">Mes abonnements dans {{ $app->name }}</small>
                                    </div>
                                    <i class="fas fa-arrow-right text-dark"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Additional Information -->
@if($app->description || $app->domain || $app->company)
<div class="col-12">
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white">
            <h5 class="mb-0">
                <i class="fas fa-info-circle me-2"></i>Informations complémentaires
            </h5>
        </div>
        <div class="card-body">
            <div class="row g-4">
                @if($app->description)
                <div class="col-md-{{ $app->domain || $app->company ? '6' : '12' }}">
                    <h6 class="text-primary mb-2">
                        <i class="fas fa-align-left me-2"></i>Description
                    </h6>
                    <p class="text-muted mb-0">{{ $app->description }}</p>
                </div>
                @endif

                @if($app->domain || $app->company)
                <div class="col-md-{{ $app->description ? '6' : '12' }}">
                    @if($app->company)
                    <div class="mb-3">
                        <h6 class="text-primary mb-2">
                            <i class="fas fa-building me-2"></i>Entreprise
                        </h6>
                        <div class="d-flex align-items-center p-3 bg-light rounded">
                            <div class="app-mini-icon bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3">
                                <i class="fas fa-building"></i>
                            </div>
                            <div>
                                <div class="fw-bold">{{ $app->company->name }}</div>
                                @if($app->company->type)
                                    <small class="text-muted">{{ $app->company->type->label() }}</small>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($app->domain)
                    <div>
                        <h6 class="text-primary mb-2">
                            <i class="fas fa-globe me-2"></i>Domaine
                        </h6>
                        <a href="{{ $app->domain }}" target="_blank" class="btn btn-outline-primary btn-sm">
                            <i class="fas fa-external-link-alt me-2"></i>{{ $app->domain }}
                        </a>
                    </div>
                    @endif
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endif