@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('admin.datas-sharing') }}">Partage des données</a></li>
                <li class="breadcrumb-item active" aria-current="page">Applications reliées</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-3">
        <!-- Header Section -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-primary">
                    <div class="card-body text-center py-4">
                        <i class="fas fa-link fa-3x text-primary mb-3"></i>
                        <h1 class="h3 mb-2 text-primary">Applications reliées entre elles</h1>
                        <p class="text-muted mb-0">Visualisez les relations de partage entre vos applications</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistiques globales -->
        <div class="row mb-4">
            <div class="col-md-4">
                <div class="card shadow-sm border-primary">
                    <div class="card-body text-center">
                        <i class="fas fa-building fa-2x text-primary mb-3"></i>
                        <h3 class="mb-1">{{ $applications->count() }}</h3>
                        <p class="text-muted mb-0">Applications total</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card shadow-sm border-success">
                    <div class="card-body text-center">
                        <i class="fas fa-share-alt fa-2x text-success mb-3"></i>
                        <h3 class="mb-1">{{ $applications->sum(fn($app) => $app->sharedApplications->count()) }}</h3>
                        <p class="text-muted mb-0">Partages émis</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card shadow-sm border-info">
                    <div class="card-body text-center">
                        <i class="fas fa-arrow-down fa-2x text-info mb-3"></i>
                        <h3 class="mb-1">{{ $applications->sum(fn($app) => $app->sharedByApplications->count()) }}</h3>
                        <p class="text-muted mb-0">Partages reçus</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Applications List -->
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-light">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">
                                <i class="fas fa-network-wired me-2"></i>Relations de partage entre applications
                            </h5>
                            <a href="{{ route('admin.datas-sharing') }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Retour
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        @if($applications->isEmpty())
                            <div class="p-4 text-center">
                                <i class="fas fa-info-circle fa-3x text-muted mb-3"></i>
                                <p class="text-muted mb-0">Aucune application disponible</p>
                            </div>
                        @else
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th style="width: 25%;">Application source</th>
                                            <th style="width: 30%;">
                                                <i class="fas fa-arrow-right text-primary me-1"></i>Partage vers
                                            </th>
                                            <th style="width: 30%;">
                                                <i class="fas fa-arrow-left text-success me-1"></i>Reçoit de
                                            </th>
                                            <th style="width: 5%;" class="text-center">
                                                <i class="fas fa-chart-simple"></i>
                                            </th>
                                            <th style="width: 10%;" class="text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($applications as $application)
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <div class="app-mini-icon bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3">
                                                            {{ Str::of($application->name)->substr(0,1) }}
                                                        </div>
                                                        <div>
                                                            <div class="fw-bold">{{ $application->name }}</div>
                                                            <small class="text-muted">{{ $application->slug }}</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    @if($application->sharedApplications->count() > 0)
                                                        <div class="d-flex flex-wrap gap-1">
                                                            @foreach($application->sharedApplications as $shared)
                                                                <span class="badge bg-primary" title="{{ $shared->name }}">
                                                                    <i class="fas fa-building me-1"></i>{{ $shared->name }}
                                                                </span>
                                                            @endforeach
                                                        </div>
                                                    @else
                                                        <span class="text-muted fst-italic">
                                                            <i class="fas fa-minus me-1"></i>Aucun partage émis
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($application->sharedByApplications->count() > 0)
                                                        <div class="d-flex flex-wrap gap-1">
                                                            @foreach($application->sharedByApplications as $shared)
                                                                <span class="badge bg-success" title="{{ $shared->name }}">
                                                                    <i class="fas fa-building me-1"></i>{{ $shared->name }}
                                                                </span>
                                                            @endforeach
                                                        </div>
                                                    @else
                                                        <span class="text-muted fst-italic">
                                                            <i class="fas fa-minus me-1"></i>Aucun partage reçu
                                                        </span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <span class="badge bg-secondary">
                                                        {{ $application->sharedApplications->count() + $application->sharedByApplications->count() }}
                                                    </span>
                                                </td>
                                                <td class="text-center">
                                                    <a href="{{ route('admin.datas-sharing.applications.edit', $application) }}" 
                                                       class="btn btn-sm btn-outline-primary"
                                                       title="Gérer les partages">
                                                        <i class="fas fa-edit me-1"></i>Gérer
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Diagramme de relations (optionnel) -->
        <div class="row mt-4">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">
                            <i class="fas fa-project-diagram me-2"></i>Diagramme des relations
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info text-center mb-0">
                            <i class="fas fa-info-circle me-2"></i>
                            Visualisation graphique des relations disponible prochainement
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Légende -->
        <div class="row mt-4">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h6 class="mb-3">
                            <i class="fas fa-info-circle me-2"></i>Légende
                        </h6>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <span class="badge bg-primary me-2">
                                        <i class="fas fa-arrow-right"></i>
                                    </span>
                                    <div>
                                        <strong>Partage vers</strong>
                                        <small class="text-muted d-block">L'application partage ses programmes vers ces applications</small>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <span class="badge bg-success me-2">
                                        <i class="fas fa-arrow-left"></i>
                                    </span>
                                    <div>
                                        <strong>Reçoit de</strong>
                                        <small class="text-muted d-block">L'application reçoit des programmes partagés par ces applications</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection