@extends('layouts.master')

@section('content') 

<div class="container">

    <section id="content">	

        <!-- Page Heading -->

        <section class="section page-heading animate-onscroll">

            <h5> Medical Advisory Member Details </h5>

            <p class="breadcrumb"><a href="{{ route('home') }}">Home</a> /  Medical Advisory Board/ Member / {{ $data->name }}</p>

        </section>

        <!-- Page Heading -->

        <!-- Section -->

        <section class="section full-width-bg gray-bg">

            <div class="row">

                <div class="col-lg-9 col-md-9 col-sm-8">

                    <div class="card mb-3">

                        <div class="card-body d-flex">

                            <img src="{{ asset(Storage::url($data->image)) }}" alt="" class="img-fluid" style="width: 340px; height: 310px; float: left; margin-right: 20px;">

                            <div>

                                <h4 class="card-title">  Name: <span style="color: #274472;"> <b> {{ $data->name }} </b> <br> Location: {{$data->city}}</span> </h4>

                                <p class="card-text" style="text-align: justify">{{ $data->message }}</p>

                                <!-- Add any additional details or content for the individual ambassador page -->

                            </div>

                        </div> 

                    </div>

                </div>

                <!-- Sidebar -->

                @include('myositis.sidebarforpages')

                <!-- /Sidebar -->

            </div>

        </section>

        <!-- /Section -->

    </section>

</div>

@endsection