@extends('layouts.base_portal')

@section('inner_content')
    <div class="row">
        <div class="col">
            <div class="row m-t-20">
                <div class="col-8">
                    <div class="row">
                        <div class="col">
                            <div class="row m-b-25">
                                <div class="col-6">
                                    <a href="{{route('settings.departments')}}">
                                        <div class="justify-content-center align-items-center no-margin row bg-success-light p-t-15 p-b-15 p-r-15 p-l-15">
                                            <div class="col-auto bg-success b-rad-sm">
                                                <div class="fs-25 lh-50 text-white bold">07</div>
                                            </div>
                                            <div class="col">
                                                <p class="no-margin text-white all-caps">Manage</p>
                                                <h5 class="no-margin text-white all-caps lh-28 semi-bold">Departments</h5>
                                            </div>
                                            <div class="col-auto">
                                                <i class="fa fa-angle-right text-success-lighter fs-50"></i>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <div class="justify-content-center align-items-center no-margin row bg-complete-light p-t-15 p-b-15 p-r-15 p-l-15">
                                        <div class="col-auto bg-complete b-rad-sm">
                                            <div class="fs-25 lh-50 text-white bold">16</div>
                                        </div>
                                        <div class="col">
                                            <p class="no-margin text-white all-caps">Manage</p>
                                            <h5 class="no-margin text-white all-caps lh-28 semi-bold">Operation</h5>
                                        </div>
                                        <div class="col-auto">
                                            <i class="fa fa-angle-right text-complete-lighter fs-50"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row  m-b-25">
                                <div class="col-6">
                                    <div class="justify-content-center align-items-center no-margin row bg-info-light p-t-15 p-b-15 p-r-15 p-l-15">
                                        <div class="col-auto bg-info b-rad-sm">
                                            <div class="fs-25 lh-50 text-white bold">11</div>
                                        </div>
                                        <div class="col">
                                            <p class="no-margin text-white all-caps">Manage</p>
                                            <h5 class="no-margin text-white all-caps lh-28 semi-bold">User Roles</h5>
                                        </div>
                                        <div class="col-auto">
                                            <i class="fa fa-angle-right text-info-lighter fs-50"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="justify-content-center align-items-center no-margin row bg-master p-t-15 p-b-15 p-r-15 p-l-15">
                                        <div class="col-auto bg-master-dark b-rad-sm">
                                            <div class="fs-25 lh-50 text-white bold">03</div>
                                        </div>
                                        <div class="col">
                                            <p class="no-margin text-white all-caps">Manage</p>
                                            <h5 class="no-margin text-white all-caps lh-28 semi-bold">Branches</h5>
                                        </div>
                                        <div class="col-auto">
                                            <i class="fa fa-angle-right text-master-light fs-50"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="justify-content-center align-items-center no-margin row bg-white b-grey b-a p-t-15 p-b-15 p-r-15 p-l-15">
                                        <div class="col no-padding">
                                            <p class="no-margin all-caps">Manage</p>
                                            <h3 class="no-margin all-caps lh-35 bold">Leaves</h3>
                                            <small class="no-margin all-caps">Module Setting</small>
                                        </div>
                                        <div class="col-auto no-padding lh-80 ">
                                            <i class="fa fa-calendar-o text-master b-a b-grey bg-master-light hint-text fs-40 padding-20 btn-rounded"></i>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="justify-content-center align-items-center no-margin row bg-white b-grey b-a p-t-15 p-b-15 p-r-15 p-l-15">
                                        <div class="col no-padding">
                                            <p class="no-margin all-caps">Manage</p>
                                            <h3 class="no-margin all-caps lh-35 bold">Claims</h3>
                                            <small class="no-margin all-caps">Module Setting</small>
                                        </div>
                                        <div class="col-auto no-padding lh-80 ">
                                            <i class="fa fa-credit-card-alt text-master b-a b-grey bg-master-light hint-text fs-40 padding-20 btn-rounded"></i>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">

                </div>
            </div>
        </div>
    </div>
@endsection