@include('frontend.header')


<main class="main">

    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/principle-room.png)">
        <div class="container">
            <h2 class="breadcrumb-title">Principal’s Profile</h2>
            <ul class="breadcrumb-menu">
                <li><a href="{{ route('home') }}">Home</a></li>
                <li class="active">Principal</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->


    <!-- team single -->
    <div class="team-single pt-120 pb-80">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5">
                    <div class="team-single-img">
                        @if($basicinfo && $basicinfo->photo)
                        <img src="{{ asset('../storage/app/public/'.$basicinfo->photo) }}" alt="" style="height:400px;">
                        @else
                        <img src="{{ asset('assets/img/team/06.jpg') }}" alt="" style="height:400px;">
                        @endif
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="team-details">
                        <h3>{{$basicinfo->name}} {{$basicinfo->qualification}}</h3>
                        <strong>Principal, Tagore Government Arts and Science College

                        </strong>
                        <p class="mt-3">                                                                                   
                            {{$basicinfo->about}}
                        </p>

                        <div class="team-details-social mt-1">
                            @foreach($socialmedia as $social)
                            <a href="{{ $social->url }}" target="_blank" class="me-3">
                                @if(Str::lower($social->platform) === 'facebook')
                                <i class="fab fa-facebook-f"></i>
                                @elseif(Str::lower($social->platform) === 'twitter')
                                <i class="fab fa-twitter"></i>
                                @elseif(Str::lower($social->platform) === 'linkedin')
                                <i class="fab fa-linkedin-in"></i>
                                @elseif(Str::lower($social->platform) === 'instagram')
                                <i class="fab fa-instagram"></i>
                                @elseif(Str::lower($social->platform) === 'youtube')
                                <i class="fab fa-youtube"></i>

                                @endif
                            </a>
                            @endforeach
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- team single end -->


    <!-- biography & skill -->
    <div class="biography-skil pb-120">
        <div class="container">
            <div class="row">
                <!-- Biography -->
                <div class="col-md-6 mb-4">
                    <div class="biography">
                        <h4 class="mb-3 text-primary">Biography</h4>
                        @foreach($bio as $bios)
                        <p>
                            {{$bios->bio}}
                        </p>
                        @endforeach
                    </div>
                    <div class="biography mt-4">
                        <h4 class="mb-3 text-primary">Education & Qualifications</h4>
                        <ul>
                            @foreach($qualification as $qua)
                            <li><b>{{$qua->qualification}}</b> </li>

                            @endforeach
                        </ul>
                    </div>
                    <div class="biography mt-4">
                        <h4 class="mb-3 text-primary">Achievements</h4>
                        <ul>
                            @foreach($achievement as $ach)
                            <li>{{$ach->achievement}}</li>

                            @endforeach
                        </ul>
                    </div>
                    <div class="biography mt-4">
                        <h4 class="mb-3 text-primary">Research & Publications</h4>
                        <p>
                            @foreach($research as $rea)
                            <li>{{$rea->research}}</li>
                            @endforeach
                        </p>
                    </div>
                </div>
                <!-- Professional Skills -->
                <div class="col-md-6">
                    <div class="team-skill">
                        <h4 class="mb-3 text-primary">Professional Skills</h4>
                        <div class="skills-section">
                            @foreach($skills as $skill)
                            <div class="progress-box">
                                <h5>
                                    {{ $skill->skill }}
                                    <span class="pull-right">{{ $skill->percentage }}</span>
                                </h5>

                                <div class="progress" data-value="{{ $skill->percentage }}">
                                    <div class="progress-bar" style="width: {{ $skill->percentage }};"></div>
                                </div>
                            </div>
                            @endforeach
                        </div>

                    </div>
                    <!-- biography & skill end -->

</main>



@include('frontend.footer')