@extends('layouts.master')
@section('title','Dashboard')
@push('css')
<style>
    .section122 {
        height: 130px;
        width: 100%;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #A7ECFB;
        border: 1px solid #ccc;
    }
    .section4 {
        height: 130px;
        margin-bottom: 15px;
    }
    .section122 .logo {
        /* border: 1px solid; */
        height: 75px;
        width: 100%;
        font-size: 60px;
        text-align: center;
        margin-top: 5px;
    }
    .section122 .textModule {
        height: auto;
        width: 100%;
        margin-top: 15px;
        font-weight: bold;
        font-size: 17px;
        color: #000;
        text-align: center;
    }
</style>
@endpush

@section('content')
    <div class="col-md-12 col-xs-12">
        <!-- Header Logo -->
        <div class="col-md-12 header" style="height: 130px;">
{{--            <img src="{{asset('site_image/linkup_logo.png')}}" class="img img-responsive center-block" style="height: 100px;--}}
{{--    margin-top: 10px;">--}}
            <h1  style="text-align: center;font-weight: 700;">BMS</h1>
        </div>
        <div class="col-md-10 col-md-offset-1">
            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background: rgb(210, 210, 255);" onmouseover="this.style.background = '#d2d2ff'" onmouseout="this.style.background = '#e1e1ff'">
                    <a href="/module/SalesModule">
                        <div class="logo">
                            <i class="fa fa-usd"></i>
                        </div>
                        <div class="textModule">
                            Sales Module
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background: rgb(220, 245, 234);" onmouseover="this.style.background = '#bdecd7'" onmouseout="this.style.background = '#dcf5ea'">
                    <a href="/module/PurchaseModule">
                        <div class="logo">
                            <i class="fa fa-cart-plus"></i>
                        </div>
                        <div class="textModule">
                            Purchase Module
                        </div>
                    </a>
                </div>
            </div>

            <!-- module/AccountsModule -->
            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#A7ECFB;" onmouseover="this.style.background = '#85e6fa'" onmouseout="this.style.background = '#A7ECFB'">
                    <a href="/module/AccountsModule">
                        <div class="logo">
                            <i class="fa fa-clipboard"></i>
                        </div>
                        <div class="textModule">
                            Accounts Module
                        </div>
                    </a>
                </div>
            </div>

            <!-- module/HRPayroll -->
            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#ecffd9;" onmouseover="this.style.background = '#cfff9f'" onmouseout="this.style.background = '#ecffd9'">
                    <a href="/module/HRPayroll">
                        <div class="logo">
                            <i class="fa fa-users"></i>
                        </div>
                        <div class="textModule">
                            HR &amp; Payroll
                        </div>
                    </a>
                </div>
            </div>

            <!-- module/ReportsModule -->
            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#c6e2ff;" onmouseover="this.style.background = '#91c8ff'" onmouseout="this.style.background = '#c6e2ff'">
                    <a href="/module/ReportsModule">
                        <div class="logo">
                            <i class="fa fa-calendar-check-o"></i>
                        </div>
                        <div class="textModule">
                            Reports Module
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#e6e6ff;" onmouseover="this.style.background = '#b9b9ff'" onmouseout="this.style.background = '#e6e6ff'">
                    <a href="/module/Administration">
                        <div class="logo">
                            <i class="fa fa-cogs"></i>
                        </div>
                        <div class="textModule">
                            Administration
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#d8ebeb;" onmouseover="this.style.background = '#bddddd'" onmouseout="this.style.background = '#d8ebeb'">
                    <a href="{{route('user.module.graph')}}">
                        <div class="logo">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <div class="textModule">
                            Business Monitor
                        </div>
                    </a>
                </div>
            </div>


            <div class="col-md-3 section4">
                <div class="col-md-12 section122" style="background-color:#ffe3d7;" onmouseover="this.style.background = '#ffc0a6'" onmouseout="this.style.background = '#ffe3d7'">
                    <a href="/logout">
                        <div class="logo">
                            <i class="fa fa-sign-out"></i>
                        </div>
                        <div class="textModule">
                            LogOut
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- PAGE CONTENT ENDS -->
    </div>
@endsection


@push('js')

@endpush