@extends('layouts.base')

@section('content')

@php
    $app = isset($application) ? $application : $applications->first();
    $activeTheme = $app ? $app->activeTheme() : null;
    $themeLogo = $activeTheme ? $activeTheme->getLogoUrl() : null;
@endphp

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="row">
                    <div class="col-md-1">
                        <div class="big-icon-badge application-logo-badge d-flex align-items-center justify-content-center mx-auto mb-3">
                            @if($themeLogo)
                                <img src="{{ $themeLogo }}" alt="Logo {{ $app->name }}" class="application-theme-logo">
                            @else
                                <span class="icon-layout-grid icon icon-54 text-primary"></span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-11">
                        @if($app)
                            <div class="text-navigo text-18 text-primary">Bienvenue sur votre espace Octave</div>
                            <h1 class="text-navigo text-dark">{{ $app->name }}</h1>
                        @else
                            <h1 class="h3 mb-2 text-primary">Mes plateformes</h1>
                            <div class="text-grey text-16">Gérez vos plateformes et accédez à vos espaces</div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        @if($applications->isEmpty())
            <div class="text-center py-5">
                <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                <h5 class="mb-1">Aucune plateforme disponible</h5>
                <p class="text-muted mb-0">Contactez votre administrateur pour obtenir des accès à vos plateformes.</p>
                <a href="{{ $homeUrl }}" class="btn btn-outline-secondary mt-3">
                    <i class="fas fa-arrow-left me-2"></i>Retour à l'accueil
                </a>
            </div>
        @else
            @if($app)
                <div id="home-application-content" class="row g-4">
                    <x-application.content :app="$app" />
                </div>
            @endif
        @endif
    </div>
</div>
@endsection