@extends('layouts.base')

{{-- 
    Nous redéfinissons la section 'title' pour la page de connexion.
    Le layout de base (base.blade.php) utilisera ce titre.
--}}
@section('title', 'Connexion | Gestion du rôle d\'audience')

{{-- 
    Si votre style login.css n'est pas déjà inclus dans base.blade.php,
    vous pouvez utiliser une section CSS pour l'ajouter uniquement ici (méthode avancée), 
    mais la méthode simple est de l'ajouter dans la section 'head'.
    
    Puisque vous avez beaucoup de CSS inline pour le formulaire, 
    nous allons utiliser la section 'head_styles' si elle est définie dans base.blade.php.
    Si base.blade.php n'a pas de @yield('head_styles'), vous pouvez simplement mettre le CSS ici.
--}}


{{-- 
    Le layout de base contient un <main> qui utilise @yield('content').
    C'est dans cette section que nous plaçons notre contenu spécifique à la connexion.
--}}
@section('content')

    {{-- ************************************ --}}
    {{-- Titre et Formulaire de Connexion --}}
    {{-- ************************************ --}}

    {{-- Le H1 est placé en dehors du wrapper du formulaire pour des raisons de sémantique --}}
    <h1 class="login-main-title">Espace - Administration</h1>
    
    {{-- 
        Le contenu réel du formulaire (qui viendra de login.blade.php) 
        sera inséré ici via @yield('content') du template enfant.
        
        ATTENTION : Si login.blade.php est l'enfant de auth.blade.php, 
        alors auth.blade.php DOIT UTILISER @yield('auth_content') 
        et non @yield('content') qui est déjà pris par base.blade.php.
        
        POUR SIMPLIFIER : Nous faisons de auth.blade.php l'enfant direct de base.blade.php
        et nous mettons le contenu du formulaire directement ici,
        en attendant que login.blade.php utilise @extends('layouts.auth')
        et remplisse le @yield('auth_form').
        
        --- Version 1 : Pour être hérité par login.blade.php ---
    --}}
    
    {{-- Le conteneur du formulaire est placé ici, pour que login.blade.php n'ait qu'à fournir le FORM --}}
    <div class="main-content login-wrapper">
        @yield('auth_form') 
    </div>

@endsection

{{-- Si vous devez ajouter des scripts spécifiques au formulaire de connexion --}}
{{-- @section('scripts') 
// ...
@endsection --}}