@extends('layout.app')
@section('content')
<div class="slider-area2 section-bg2" data-background="{{$dept_category->banner_image}}">
    <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>Department - {{$dept_category->name}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Hero End -->

<section class="home-blog-area section-padding40">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-xl-8 col-lg-8 col-md-8">
                @if($content)
                {!!$content->content!!}
                @else
                <h3 style="display: flex; justify-content:center; text-transform:uppercase;"><strong>No Contents
                        Uploaded</strong></h3>
                @endif
            </div>
            {{-- <div class="col-xl-4 col-lg-8 col-md-4">
                <div class="sidebar pl">
                    <ul>
                        <h5 class="department-heading"><span style="color: #f4582d;">Other</span> Links</h5>
                        @forelse ($dept_categories as $category )
                        <li><a href="{{route('department-category',$category->slug)}}">{{$category->name}}</a></li>
                        <hr>
                        @empty
                        <li><a href="javascript:void(0)">No Records Updated</a></li>
                        @endforelse
                        {{-- <li><a href="#">Molecular</a></li>
                        <hr>
                        <li><a href="#">Diagnostics</a></li>
                        <hr>
                        <li><a href="#">Taxonomy</a></li>
                        <hr>
                        <li><a href="#">Entomology</a></li>
                        <hr>
                        <li><a href="#">Analytical</a></li>
                        <hr>
                        <li><a href="#">Support services</a></li>
                        <hr>
                        <li><a href="#">Teaching/Trainings</a></li>

                    </ul>
                </div>
            </div> --}}
        </div>
    </div>
</section>
@endsection