@section('title', 'Department')
@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="#">Department</a></li>
                        </ol>
                    </nav>
                    <div class="pt-sm-4">
                        <h1 class="mt-md-5 text-white">Departments</h1>
                    </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">Our Departments</h1>
                    <p class="inline-link-container">Discover the academic departments at Green International University, where experienced faculty
                        and modern facilities help students gain practical knowledge and build strong careers. The
                        university offers a supportive learning environment and a clear departments overview for
                        students, promoting academic growth, skills development and future success across various
                        <strong><a href="/programs">degree programs.</a></strong></p>
                </div>
                <h2>Explore our Departments</h2>
                <div class="row">
                    <div class="tabs-block mb-5">
                        <div class="small-and-large">
                            <div class="tab-content col-lg-12 px-3 py-3">
                                <div class="">
                                    <div class="row department-catalouge">
                                        @foreach($departments as $department)
                                            <div class="col-lg-4 col-sm-6 text-center my-3">
                                                <a href="{{route('department-detail',$department->slug)}}">
                                                    <div class="card py-4 h-100 border-0"
                                                         style="background-color: rgb(241 242 242)">
                                                        <img id="facebook-logo" class="svg"
                                                             src="{{URL('/')}}/front/images/new-giu/department/{{$department->img}}"
                                                             alt="">
                                                    </div>
                                                </a>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection