@extends('base')

@section('content')
    
    <div class="container">
        <h1 class="display-3 text-center">Repertoire des membres</h1>
        <a class="btn btn-primary justify-content-center" href="{{ route('membres') }}">
            <i class="fas fa-arrow-left"></i>
            Retour
        </a>
        <div class="d-flex justify-content-center">

            {{-- Pour afficher en ligne et les centrer au niveau de la page --}}
            <div class="articles col-md-6">
                {{-- une div qui prend la moitié de la page --}}
                <div class="col-md-12">
                    {{-- Correction de Arsene --}}

                    <div class="card my-3">
                        <div class="container wrapper">
                            <div class="row">

                                <div class="col-md-6 my-2">
                                    <img alt="picture" src="{{ asset($membre->photoProfil) }}" class="img-fluid">
                                </div>

                                <div class="col-md-6">
                                    <p class="card-text my-2">Prénom : {{ $membre->lastName }} </p>
                                    <p class="card-text">Nom : {{ $membre->firstName }} </p>
                                    <p class="card-text">Date de naissance : {{ $membre->birthdateFormatted() }} </p>
                                    <p class="card-text">Pays d'origine : {{ $membre->est_nee_a->libellePays }} </p>
                                    <p class="card-text">Pays de residence : {{ $membre->reside_a->libellePays }} </p>
                                    <p class="card-text ">Profession(s)/Activité(s) : </p>
                                </div>

                                <div class="col-md-6">
                                    <p class="card-text ">Numero(s) de Compte(s) Whatsapp :
                                         @foreach ($membre->whatsapps as $whatsapp)
                                            {{ $whatsapp->compte }}
                                         @endforeach
                                    </p>

                                    <p class="card-text ">Numero(s) de telephone :
                                        @foreach ($membre->telephones as $telephone)
                                            {{ $telephone->numero }}
                                         @endforeach    
                                    </p>

                                    <p class="card-text ">Adresse(s) Mail : 
                                        {{ $membre->membres_users->email }}
                                        @foreach ($membre->adresseMails as $adresseMail)
                                            {{ $adresseMail->mail }}
                                         @endforeach    
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- comment 
            <div class="articles justify-content-center md-3">
                <p class="card-text ">Preuve d'identification</p>
                <img src="{{ asset($membre->pieceID) }}" class="img-fluid">
            </div>
            --}}
        </div>

    </div>
@endsection