@extends('layouts.app')

@section('title', $membre->name)

@section('main_title_wrapper')
<div class="main_title_wrapper jl_na_bg_title">
    <div class="container">
        <div class="row">
            <div class="col-md-12 main_title_col">
                <div class="row" style="margin-top: 15px;margin-bottom:15px;">
                    <div class="col-md-2" style="text-align: center">
                        <img src="{{ asset('images/groupements/'.$membre->logo) }}" alt="" class="members_image">
                    </div>
                    <div class="col-md-10">
                        <h3>
                            {{ $membre->sigle }} ({{ $membre->name }})
                        </h3>
                        <div class="row">
                            <div class="col-md-6">
                                {{--  @if ($membre->email)  --}}
                                <div>
                                    <span class="post-date"><i class="fa fa-envelope"></i> : {{ $membre->email ? $membre->email : '-' }}</span>
                                </div>
                                {{--  @endif  --}}
                                {{--  @if ($membre->adresse)  --}}
                                <div>
                                    <span class="post-date"><i class="fa fa-map-marker"></i> : {{ $membre->adresse ? $membre->adresse : '-' }}</span>
                                </div>
                                {{--  @endif  --}}
                                {{--  @if ($membre->url)  --}}
                                <div>
                                    <span class="post-date">
                                        <i class="fa fa-link"></i> : 
                                        @if ($membre->url)
                                            <a href="{{ $membre->url }}" target="_blank">{{ $membre->url }}</a>
                                        @endif
                                    </span>
                                </div>
                                {{--  @endif  --}}
                            </div>
                            <div class="col-md-6">
                                {{--  <div>
                                    <span class="post-date">
                                        <i class="fa fa-users"></i> 0
                                    </span>
                                </div>  --}}
                                <div>
                                    <span class="post-date">
                                        <b>Président</b> : {{ $membre->president }}
                                    </span>
                                </div>
                                <div>
                                    <span class="post-date">
                                        <b>Secrétaire</b> : {{ $membre->secretaire }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
 <div class=" padding-content">
     {!! $membre->description !!}
 </div>
@endsection

@section('socialshare')

@endsection

@section('recentsElements')
    <div class="widget-title">
        <h2 style="margin-bottom: 10px;">Groupements</h2>
    </div>
    
    <div class="woocommerce">
        <ul class="product_list_widget">
            @forelse ($membres as $member)
            <li>
                <a href="">
                    <img width="300" height="300" src="{{  asset('images/groupements/'.$member->logo) }}" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" sizes="(max-width: 300px) 100vw, 300px">
                    <span class="product-title">{{ $member->sigle.' ('.$member->name.')' }}</span>
                </a>
            </li>
            @empty
                Pas de groupements
            @endforelse
        </ul>
    </div>
@endsection