@extends('layout.app')
@section('css')
@endsection
@section('content')
  <div class="slider-area2 section-bg2" data-background="{{asset('new_img/twitter-img/DGs_Visit_RMRCNE.jpg')}}">
            <div class="slider-height2 d-flex align-items-center">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="hero-cap hero-cap2">
                                <h2>Scientist Profile</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Hero End -->

        <section class="home-blog-area section-padding40">
            <div class="container">
                <div class="section-tittle mb-100">
                    <span class="element_1">Profile Details</span>
                    <!-- <h2 style="text-align: left;">Reaserch Areas</h2> -->
                </div>
                {{-- @php
                    var_dump($profile);
                @endphp --}}
                <div class="row justify-content-between">
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="profile-container">
                            <div class="profile-header">
                                <div class="left-div">
                                    <div class="profile-img">
                   
                                      @if(is_null($profile->profile_image))
                                        <img src="{{asset('new_img/profile-img.JPG')}}" alt="" width="150">
                                      @else
                                            @if(isset($profile->profile_image))
                                                <img src="{{ $profile->profile_image }}" alt="" width="150">
                                            @endif
                                      @endif
                                    </div>
                                    <div class="about-profile-div">
                                        <h4>Contact Details</h4>
                                        <ul>
                                            <li>
                                                <img src="{{asset('icons/phone-call.png')}}" alt="">
                                                <a href="#">Mobile No. : {{$profile->mobile_no ?? ''}}</a>
                                            </li>
                                            <li>
                                                <img src="{{asset('icons/fax.png')}}" alt="">
                                                <a href="#">Fax No. : {{$profile->fax ?? 'NA'}}</a>
                                            </li>
                                            <li>
                                                <img src="{{asset('icons/email.png')}}" alt="">
                                                <a href="#">Email Id : {{$profile->email ?? ''}}</a>
                                            </li>
                                        </ul>
                                        <div class="reserach-experience">
                                            <h4>Academic Qualifications:</h4>
                                        </div>
                                        <ul>
                                            <li>{!!$profile->educational_qualifications ?? ''!!}</li>
                                        </ul>
                                        <div class="reserach-experience">
                                            <h4>Address(O):</h4>
                                            <ul>
                                                <li>{!!$profile->address ?? ''!!}</li>
                                            </ul>
                                        </div>
                                        <div class="profile-social-icons">
                                            <div class="social-buttons">
                                                <a href="{{$profile->facebook_url ?? '#'}}" class="social-button social-button--facebook" aria-label="Facebook" target="_blank" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;">
                                                  <i class="fa fa-facebook"></i>
                                                </a>
                                                <a href="{{$profile->twitter_url ?? '#'}}" class="social-button social-button--facebook" aria-label="twitter" target="_blank" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;">
                                                    <i class="fa fa-twitter"></i>
                                                  </a>
                                                <a href="{{$profile->linkedin_url ?? '#'}}" class="social-button social-button--linkedin" aria-label="LinkedIn" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;">
                                                  <i class="fa fa-linkedin"></i>
                                                </a>
                                                <a href="{{$profile->instagram_url ?? '#'}}" class="social-button social-button--snapchat" aria-label="instagram" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;">
                                                    <i class="fa fa-instagram"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="profile-descriptions">
                                    <div class="profile-header-name">
                                        <h4>{{$profile->name}}</h4>
                                        <p>{{$profile->designationNAme->name}}</p>
                                        @if($profile->name === 'Dr. Md Atique Ahmed')
                                            <p>(Former Ramalingaswami Fellow; Recognized as Exceptionally Meritorious Scientist, 2024)</p>
                                        @endif                                        
                                        <p>ICMR- Regional Medical Research Centre, NE, Dibrugarh</p>
                                    </div>
                                    <div class="profile-descriptions-about">
                                        <h4>About Profile</h4>
                                        <p style="text-align:justify">{!!$profile->about ?? ''!!}</p>
                                    </div>
                                    <div class="profile-descriptions-about">
                                        <h4>Area of Interest</h4>
                                        <p style="text-align:justify">{!!$profile->area_of_interest ?? ''!!}</p>
                                    </div>

                                    <div class="profile-descriptions-about">
                                        <h4>Research Experience</h4>
                                        <p style="text-align:justify">{!!$profile->research ?? ''!!}</p>
                                    </div>
                                    <div class="profile-descriptions-about">
                                        <h4>Awards & Acheivements</h4>
                                        <p style="text-align:justify">{!!$profile->awards ?? ''!!}</p>
                                    </div>
                                    
                                     <div class="profile-descriptions-about">
                                        <h4>Professional Experience</h4>
                                        <p style="text-align:justify">{!!$profile->professional_exp ?? ''!!}</p>
                                    </div>
                                    <div class="profile-descriptions-about">
                                        <h4>Publications</h4>
                                        <p style="text-align:justify">{!!$profile->publications ?? ''!!}</p>
                                    </div>
                                     <div class="profile-descriptions-about">
                                        <h4>Projects</h4>
                                        <p style="text-align:justify">{!!$profile->projects ?? ''!!}</p>
                                    </div>
                                     <div class="profile-descriptions-about">
                                        <h4>Staff</h4>
                                        <p style="text-align:justify">{!!$profile->staff ?? ''!!}</p>
                                    </div>
                                    {{-- <div class="profile-descriptions-about">
                                        <h4>Membership</h4>
                                        <ul class="profile-descriptions-about">
                                            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                        </ul>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
@endsection