@section('title', 'Academic')
@extends('front.new.layouts.app')
@section('content')
    <div class="faculties-wraper">
        <div class="faculties-head">
            <div class="banner">
                <div class="container">
                    <nav class="pt-4 space-top" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item color-white"><a href="#">Home</a></li>
                            <li class="breadcrumb-item color-white"><a href="#">Academics</a></li>
                            <li class="breadcrumb-item color-white"><a href="#">Faculties</a></li>
                        </ol>
                    </nav>
                    <div class="pt-sm-4">
                        <h1 class="mt-md-5 text-white" >Faculties</h1>
                        {{-- <p class="text-white">The faculty at GIU comprises renowned experts from various fields motivated by a common goal: to improve the world through teaching, research, and scholarship. Our 100+ PhD-holding faculty members collaborate and are experts in their disciplines.</p> --}}
                    </div>
                </div>
            </div>
        </div>

        <div class="wrapper-all-organizations-name">
            <div class="container faculty-tab-wrapper my-3">
                <div class="container-fluid faculties-box">
                    <h1 class="pt-4">Faculties</h1>
                </div>
                <div class="row">
                    <div class="tabs-block mb-5">
                        <div class="small-and-large">
                            <div class="col-lg-4 col-12 mb-5 nav flex-column nav-pills me-4 px-4 py-3" id="v-pills-tab"
                                 role="tablist" aria-orientation="vertical">
                                @if(isset($faculties) || !empty($faculties))
                                    @foreach($faculties as $index => $dptFaculty)
                                        <a href="#{{ $dptFaculty->id }}"
                                           class="@if($index=='0') active @endif py-4 px-3 my-3 mb-2 nav-link d-flex"
                                           id="{{ $dptFaculty->id }}" data-bs-toggle="pill"
                                           data-bs-target="#{{ $dptFaculty->slug }}">
                                            <img class="img-fluid me-4"
                                                 src="{{URL('/')}}/front/images/new-giu/faculties/{{$dptFaculty->img}}" width="50">
                                            @if (isset($dptFaculty->name))
                                                {{$dptFaculty->name}}
                                            @endif
                                        </a>
                                    @endforeach
                                @endif
                            </div>
                            <div class="tab-content col-lg-8 px-md-5 px-3 py-3" id="v-pills-tabContent">
                                @foreach($faculties as $index => $dptFaculty)
                                    <div class="tab-pane  @if($index=='0') show active @endif"
                                         id="{{ $dptFaculty->slug }}" role="tabpanel"
                                         aria-labelledby="{{$dptFaculty->id}}">