@extends('dashboard.layouts.index', ['breadcrumb' => ['main' => 'global.dashboard','sub' => "global.admin_dashboard"]])
@section('title')
@endsection

@section('content')
    <div class="page-header mb-30">
        <a class="active-item font-size-25 p-in-16 font-weight-bold">
            @lang("global.admin_dashboard")
        </a>
    </div>

    <div class="dashboard-statistics mb-30">
        <div class="statistic-box page-box">
            <div class="statistic-icon">
                @include('svg-icons.employees')
            </div>
            <div class="statistic-info">
                <span>@lang("global.employees")</span>
                <span>{{ $employee }}</span>

            </div>
        </div>
        <div class="statistic-box page-box">
            <div class="statistic-icon">
                @include('svg-icons.company')
            </div>
            <div class="statistic-info">
                <span>@lang("global.branches")</span>
                <span>{{ $branch_manager }}</span>
            </div>
        </div>
        <div class="statistic-box page-box">
            <div class="statistic-icon">
                @include('svg-icons.request')
            </div>
            <div class="statistic-info">
                <span>@lang("global.request")</span>
                <span>{{$request}}</span>

            </div>
        </div>
        <div class="statistic-box page-box">
            <div class="statistic-icon">
                @include('svg-icons.salary')
            </div>
            <div class="statistic-info">
                <span>@lang("global.salary")</span>
                <span>700</span>

            </div>
        </div>
    </div>

    <div class="row mb-30">
        <div class="col-12 col-md-6">
            <div class="activity-box">
                <ul>
                    <li>
                        <span class="font-weight-bold">@lang("global.today")</span>
                        @include('svg-icons.reload')
                    </li>
                    <li>

                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>
                    <li>
                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>

                    <li>
                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>

                    <li>
                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>

                    <li>
                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>
                    <li>
                        <span>Mohammad is off sick today</span>
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">

                    </li>

                </ul>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="activity-box">
                <ul>
                    <li>
                        <span class="font-weight-bold">@lang("global.upcoming_request")</span>
                        @include('svg-icons.request')
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>
                    <li>
                        <span>{{date('D,d M Y')}}</span>
                    </li>


                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12 ">
            <div class="activity-box recent">
                <ul>
                    <li>
                        <span class="font-weight-bold">@lang("global.recent_activity")</span>
                    </li>

                    <li class="">
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">
                        <div>
                            <span class="font-size-20">Mohammad is off sick today</span>
                            <span class="font-size-16 text-color-muted">{{date('Y-d  m')}}</span>
                        </div>
                    </li>
                    <li class="">
                        <img alt="image" src="{{ auth()->user()->logo }}"
                             class="rounded-circle" width="50px" height="50px">
                        <div>
                            <span class="font-size-20">Mohammad is off sick today</span>
                            <span class="font-size-16 text-color-muted">{{date('Y-d  m')}}</span>
                        </div>
                    </li>

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