@extends('frontend.layouts.index')

@section('content')
    <div class="container mt3">
        <div class="row">
            <div class="bgw o-fix border" style="display: flex;">
                <div class="col-md-12">
                    <h2 class="title">{{ 'Member' }}</h2>
                    <section class="col-xs-12 col-sm-12 col-md-9">
                        <div>
                            <div class="members-cont">
                                @forelse($membs as $member)
                                    @foreach ($member->subcatsecond->members as $m)
                                        <div class="members bgw border">
                                            <div>
                                                <div class="col-xs-4 p0 ">
                                                    <div class="fit-image">
                                                        <img src="{{ asset('/uploads/members') }}/{{ $m->photo }}" />
                                                    </div>
                                                </div>
                                                <div class="member-description col-xs-8 p1 mt1 mb1">
                                                    <div class="blue">
                                                        <h4>
                                                            <a href="#">
                                                                {{ $m->name }}
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div>
                                                        <strong>{{ $m->fullname }}</strong>
                                                    </div>
                                                    <div class="gray">{{ $member->subcatsecond->name }}</div>
                                                    <!--div class="gray">{!! $m->bio !!}</div-->
                                                    <div class="gray">{{ $m->email }}</div>
                                                    <!--div class="gray">{{ $m->phone_number }}</div>
                                                    <div class="gray">{{ $m->address }}</div-->
                                                    <div class="f3">
                                                        @if (!empty($m->linkedin))
                                                            <a href="{{ $m->linkedin }}" class="fa fa-linkedin-square"></a>
                                                        @endif
                                                        @if (!empty($m->facebook))
                                                            <a href="{{ $m->facebook }}"
                                                                class="fa fa-facebook-square"></a>
                                                        @endif
                                                        @if (!empty($m->gplus))
                                                            <a href="{{ $m->gplus }}"
                                                                class="fa fa-google-plus-square"></a>
                                                        @endif
                                                        @if (!empty($m->twitter))
                                                            <a href="{{ $m->twitter }}" class="fa fa-twitter-square"></a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @empty
                                    <div>
                                        <p>{{ 'Not published yet !!!' }}
                                        </p>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </section>
                    @include('frontend.includes.aside')
                </div>
            </div>
        </div>
    </div>
@endsection