@extends('layouts.master')
@section('title','Dashboard')
@push('css')
    <style>
        .section20 {
            height: 90px;
            width: 100%;
            margin-top: 20px;
            border-radius: 5px;
            background: linear-gradient(to right, #78ffd6, #a8ff78);
        }
        .section20 .logo {
            height: 50px;
            width: 100%;
            font-size: 40px;
            text-align: center;
            margin-top: 5px;
            color: #FFF;
        }
        .section20 .textModule {
            height: auto;
            width: 100%;
            margin-top: 10px;
            font-weight: bold;
            font-size: 12px;
            color: #000;
            text-align: center;
        }
    </style>
@endpush

@section('content')
    <div class="row">
        <div class="col-md-12 col-xs-12">
            <!-- PAGE CONTENT BEGINS -->
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <!-- Header Logo -->
                <div class="col-md-12 header">
                    <h3> HR &amp; Payroll Module </h3>
                </div>
                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="/salarypayment">
                            <div class="logo">
                                <i class="menu-icon fa fa-money"></i>
                            </div>
                            <div class="textModule">
                                Salary Payment
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="HRPayroll/employee">
                            <div class="logo">
                                <i class="menu-icon fa fa-users"></i>
                            </div>
                            <div class="textModule">
                                Add Employee
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="/emplists">
                            <div class="logo">
                                <i class="menu-icon fa fa-list-ol"></i>
                            </div>
                            <div class="textModule">
                                Employee List
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="HRPayroll/designation">
                            <div class="logo">
                                <i class="menu-icon fa fa-binoculars"></i>
                            </div>
                            <div class="textModule">
                                Add Designation
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="/depertment">
                            <div class="logo">
                                <i class="menu-icon fa fa-plus-square"></i>
                            </div>
                            <div class="textModule">
                                Add Department
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="HRPayroll/month">
                            <div class="logo">
                                <i class="menu-icon fa fa-calendar"></i>
                            </div>
                            <div class="textModule">
                                Add Month
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-md-2 ">
                    <div class="col-md-12 section20">
                        <a href="/employeesalaryreport">
                            <div class="logo">
                                <i class="menu-icon fa fa-money"></i>
                            </div>
                            <div class="textModule" style="line-height: 13px; margin-top: 0;">
                                Salary Payment Report
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- PAGE CONTENT ENDS -->
        </div><!-- /.col -->
    </div>
@endsection


@push('js')

@endpush