@extends('backend.layouts.app')
<style type="text/css">
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus, 
	.dropdown-menu>.active>a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #17a2b8;
		outline: 0;
	}
</style>
@section('content')
<!-- <div class="col-md-12">
    <div class="col-md-4">
        <div class="left main-sidebar">
            <div class="sidebar-inner leftscroll">
                <div id="sidebar-menu">
                    <ul> 
                        <li class="submenu">
                            <a class="" href="{{route('dashboard')}}"><i class="fa fa-fw fa-dashboard"></i><span> Dashboard </span> </a>
                        </li>
                        <li class="submenu">
                            <a class="" href="{{route('dashboard')}}"><i class="fa fa-fw fa-dashboard"></i><span> Dashboard </span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
    </div>
</div> -->
<div class="col-xl-12">
    <div class="row" style= "background: #F8F8FF ";>
        <div class="col-xl-12">
            <div class="breadcrumb-holder">
                <h5 style="text-align: center">Departments</h5>
                    <!-- <a href="{{ route('accounts') }}" style="color: #000000; border: 1px solid #eee; width: 60%; margin: 15px auto; box-shadow: 0px 0px 5px 5px #9e9c9c;">
                        <i class="fa fa-home" aria-hidden="true" style="font-size: 20px; "></i>
                        {{-- <img src="{{ route('accounts') }}" style="width: 20px"> --}}
                            Account Dashboard
                    </a> -->
                <ol class="breadcrumb float-right">
                </ol>
                <div class="clearfix">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="" style="border: 1px solid #eee; width: 60%; margin: 15px auto; box-shadow: 0px 0px 5px 5px #9e9c9c;">
        <div class = "row" >
            @if(sizeof($departments)>0)
            @foreach($departments as $dep)
            <div class="col-sm-3" style="; padding: 10px; border-radius: 10px; text-align: center;">
                <a href="{{ route('login-account',$dep->id) }}" style="color: #000000;">
                    <i class="fa fa-bandcamp" aria-hidden="true" style="font-size: 30px; "></i>
                    {{-- <img src="{{ url('public/backend/images/icons/admission.png') }}" style="width: 20px"> --}}
                    <br/> {{ $dep->acc_name }} <small>( {{ $dep->acc_no }} )</small>
                </a>
            </div>
            @endforeach
            @endif
        </div>
        <br/>
    </div>
</div>
@endsection