@extends('website.layouts.web-layouts')
@section('title', 'FBCCI | ' . $member->name)
@section('description', ' | ' . $member->name)
@section('image', $member->image)
@section('url', url()->full())
@section('content')
    {{-- bread-cumb --}}
    <x-bread-crumb module="Profile of {{ $member->name }}" :extra="false" />
    {{-- bread-cumb ends here --}}

    <!-- profile page start -->
    <section class="profile-details">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="left-info">
                        <div class="img text-center pt-3">
                            <img src="{{ $member->image ?? '' }}" alt="{{ $member->name ?? 'Member name' }}" class="img-fluid">
                        </div>
                        <div class="person-text text-center py-3">
                            <h2>{{ $member->name ?? 'Member Name' }}</h2>
                            <p class="dept">{{ $member->designation_title }}</p>

                            <p class="edu">{{ $member->education }}</p>
                            <div class="link text-center py-3">
                                <a href="{{ $member->facebook }}"><i class="fab fa-facebook-f"></i></a>
                                <a href="{{ $member->twitter }}"><i class="fab fa-twitter"></i></a>
                                <a href="{{ $member->linkedin }}"><i class="fab fa-linkedin-in"></i></a>
                                {{-- <a href="{{ $member->in }}"><i class="fab fa-instagram"></i></a> --}}
                                <a href="{{ $member->attachment }}"><i class="fas fa-file-pdf"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="text">
                        <div class="title pb-2">
                            <h4>Profile Details</h4>
                        </div>
                        <div class="member-details mt-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <table class="table table-bordered mb-0">
                                        {{-- <tr>
                      <th>Id:</th>
                      <td><span class="ms-3">{{ $member->id }}</span></td>
                    </tr> --}}
                                        <tr>
                                            <th>Membership Id:</th>
                                            <td><span class="ms-3">{{ $member->membership_no }}</span></td>
                                        </tr>
                                        <tr>
                                            <th>Name:</th>
                                            <td><span class="ms-3">{{ $member->name }}</span></td>
                                        </tr>
                                        <tr>
                                            <th>Mobile:</th>
                                            <td><span class="ms-3">{{ $member->mobile }}</span></td>
                                        </tr>
                                        <tr>
                                            <th>Email:</th>
                                            <td><span class="ms-3">{{ $member->email }}</span></td>
                                        </tr>
                                        <tr>
                                            <th>Organization Name:</th>
                                            <td><span class="ms-3">{{ $member->company_name }}</span></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="bio">
                            <div class="title title-bio pt-4">
                                <h4>Bio-Descriptions</h4>
                            </div>
                            <p class="pt-4">{!! $member->biography !!} </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- profile page end -->
@endsection