@extends('layout.main')
@section('content')
    <section id="dashboard">
        {{--        <div class="row  my-3"> --}}
        {{--            <div class="col-lg-8"> --}}
        {{--                <div --}}
        {{--                    class="d-flex justify-content-between mb-4 mb-lg-0 align-items-center b12 px-5 py-4 py-sm-3 bg-white box-hover"> --}}
        {{--                    <div> --}}
        {{--                        <h1 class="thin-text fs-6">{{trans('file.Welcome')}} --}}
        {{--                            <h2 class="fs-1 text-uppercase"> --}}
        {{--                                {{auth()->user()->username}} --}}
        {{--                            </h2> --}}
        {{--                        </h1> --}}
        {{--                    </div> --}}
        {{--                    <div><h4 --}}
        {{--                            class="thin-text fw-semibold fs-8 align-self-start">{{__('Today is')}} {{now()->englishDayOfWeek}} {{now()->format(session()->get('dateFormat'))}}</h4> --}}
        {{--                    </div> --}}
        {{--                </div> --}}
        {{--            </div> --}}
        {{--        </div> --}}

        <div class="row mt-1 admin-dashboard-boxes">

            @can('details-employee')
                <!-- Count item widget-->
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('employees.index') }}">
                            <i class="fa-regular fa-address-card"></i>
                            <div class="box-text">
                                <span>{{ trans('file.Employees') }}</span>
                                <span>
                                    <span>{{ $employees->count() }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('employees.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('hr_report')
                <!-- Count item widget-->
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('attendances.index') }}">
                            <i class="fa-solid fa-timer"></i>
                            <div class="box-text">
                                <span>{{ trans('file.Attendance') }}</span>
                                <span>
                                    <span>{{ $attendance_count }} / {{ $employees->count() - $attendance_count }} </span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('attendances.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('expense')
                <!-- Count item widget-->
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('leaves.index') }}">
                            <i class="fa-regular fa-leaf"></i>
                            <div class="box-text">
                                <span>{{ __('Total Leave') }}</span>
                                <span>
                                    <span>{{ $leave_count }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('leaves.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('ticket')
                <!-- Count item widget-->
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('expense.index') }}">
                            <i class="fa-sharp fa-light fa-money-bills-simple"></i>
                            <div class="box-text">
                                <span>{{ __('Total Expense') }}</span>
                                <span>
                                    <span>{{ $total_expense }}</span>
                                </span>
                            </div>
                            {{-- <div class="count-number total_expense"> {{number_format((float)$total_expense, 2, '.', '') }}</div> --}}
                        </a>
                        <a href="{{ route('expense.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('deposit')
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('deposit.index') }}">
                            <i class="fa-regular fa-money-from-bracket"></i>
                            <div class="box-text">
                                <span>{{ __('Total Deposit') }}</span>
                                <span>
                                    <span>{{ $total_deposit }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('deposit.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('payment-module')
                <!-- Count item widget-->
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">

                        <a href="{{ route('payment_history.index') }}">
                            <i class="fa-regular fa-wallet"></i>
                            <div class="box-text">
                                <span>{{ __('Total Salaries Paid') }}</span>
                                <span>
                                    <span>{{ $total_salaries_paid }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('payment_history.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            {{--            @can('announcement') --}}
            {{--            <div class="admin-page-box-item box-hover"> --}}
            {{--                <div class="wrapper"> --}}
            {{--                    <a href="{{route('announcements.index')}}"> --}}
            {{--                        <i class="fa-regular fa-bullhorn text-warning"></i> --}}
            {{--                        <div class="box-text"> --}}
            {{--                            <span>{{trans('file.Announcement')}}</span> --}}
            {{--                            <span> --}}
            {{--                                            <span class="text-warning">{{ count($announcements) }}</span> --}}
            {{--                                        </span> --}}
            {{--                        </div> --}}
            {{--                    </a> --}}
            {{--                    <a href="{{route('announcements.index')}}" class="read-more-link"> --}}
            {{--                        {{__('file.ReadMore')}} --}}
            {{--                        <i class="fa-solid fa-chevrons-right"></i> --}}
            {{--                    </a> --}}
            {{--                </div> --}}
            {{--            </div> --}}
            {{--            @endcan --}}

            @can('ticket')
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('tickets.index') }}">
                            <i class="fa-regular fa-ticket"></i>
                            <div class="box-text">
                                <span>{{ __('Open Ticket') }}</span>
                                <span>
                                    <span>{{ $ticket_count }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('tickets.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('project')
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('tasks.index') }}">
                            <i class="fa-solid fa-list-check"></i>
                            <div class="box-text">
                                <span>{{ __('Completed Tasks') }}</span>
                                <span>
                                    <span>{{ $completed_tasks }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('tasks.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan

            @can('task')
                <div class="admin-page-box-item box-hover">
                    <div class="wrapper">
                        <a href="{{ route('projects.index') }}">
                            <i class="fa-solid fa-list-check"></i>
                            <div class="box-text">
                                <span>{{ __('Completed Projects') }}</span>
                                <span>
                                    <span>{{ $completed_projects }}</span>
                                </span>
                            </div>
                        </a>
                        <a href="{{ route('projects.index') }}" class="read-more-link">
                            {{ __('file.ReadMore') }}
                            <i class="fa-solid fa-chevrons-right"></i>
                        </a>
                    </div>
                </div>
            @endcan
        </div>

        <div class="row custom-row-admin">
            @can('department')
                <div class="col-md-8 mt-2">
                    <div class="card mb- p-3 b12 box-hover h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('Employee Department') }}</h4>
                        </div>
                        <div class="card-body mb-2">
                            <canvas id="department_chart" data-dept_bgcolor='@json($dept_bgcolor_array)'
                                data-hover_dept_bgcolor='@json($dept_hover_bgcolor_array)'
                                data-dept_emp_count='@json($dept_count_array)'
                                data-dept_label='@json($dept_name_array)' style="width: 100%; height: 100%;">

                            </canvas>
                        </div>
                    </div>
                </div>
            @endcan

            @can('project')
                <div class="col-md-4 mt-2">
                    <div class="card mb-0 p-3 b12 box-hover h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('Project Status') }}</h4>
                        </div>
                        <div class="pie-chart mb-2">
                            <canvas id="project_chart" data-project_status='@json($project_count_array)'
                                data-project_label='@json($project_name_array)' width="100" height="95"></canvas>
                        </div>
                    </div>
                </div>
            @endcan

            @can('designation')
                <div class="col-md-4 mt-2">
                    <div class="card mb-0 p-3 b12 box-hover h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('Employee Designation') }}</h4>
                        </div>
                        <div class="pie-chart mb-2">
                            <canvas id="designation_chart" data-desig_bgcolor='@json($desig_bgcolor_array)'
                                data-hover_desig_bgcolor='@json($desig_hover_bgcolor_array)'
                                data-desig_emp_count='@json($desig_count_array)'
                                data-desig_label='@json($desig_name_array)' width="100" height="95"></canvas>
                        </div>
                    </div>
                </div>
            @endcan

            @can('payment-module')
                <div class="col-md-4 mt-2">

                    <div class="card mb-0 p-3 b12 box-hover h-100">
                        <div class="card-header d-flex align-items-center">
                            <h4>{{ trans('file.Payment') }} --- {{ __('Last 6 Months') }}</h4>
                        </div>
                        <div class="card-body">
                            <canvas id="payment_last_six"
                                data-last_six_month_payment="{{ json_encode($per_month_payment) ?? '' }}"
                                data-months="{{ __(json_encode($per_month)) ?? '' }}"
                                data-label1="{{ trans('file.Payment') }}" style="width: 100%; height: 100%;"></canvas>
                        </div>
                    </div>
                </div>
            @endcan

            @can('finance')
                <div class="col-md-4 mt-2">
                    <div class="card mb-0 p-3 b12 box-hover h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('Expense Vs Deposit') }}</h4>
                        </div>
                        <div class="pie-chart mb-2">
                            <canvas id="expense_deposit_chart" data-expense_count='{{ $total_expense_raw }}'
                                data-expense_level="{{ trans('Expense') }}" data-deposit_count='{{ $total_deposit_raw }}'
                                data-deposit_level="{{ trans('Deposit') }}" width="100" height="95"></canvas>
                        </div>
                    </div>
                </div>
            @endcan

            {{--            @can('') --}}
            <div class="col-md-4 mt-2 server-info">
                <div class="card mb-0 p-3 b12 box-hover">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h4>{{ __('Info') }}</h4>
                    </div>
                    <div class="info-body">

                        {{--                        @dd($general_setting) --}}

                        <ul>
                            <li>
                                <span>{{ __('Server ID') }}:</span>
                                <span>{{ $general_setting->server_id }}</span>
                            </li>
                            <li>
                                <span>{{ __('Company Name') }}:</span>
                                <span>{{ $general_setting->site_title }}</span>
                            </li>
                            <li>
                                <span>{{ __('Documentation') }}:</span>
                                <span>
                                    <a class="nav-link" href="{{ url('/documentation') }}" target="_blank"
                                        data-toggle="tooltip">{{ __('Documentation') }}</a>
                                </span>
                            </li>
                            <li>
                                <span>{{ __('Version') }}:</span>
                                <span>{{ env('VERSION') }}</span>
                            </li>
                        </ul>
                        <div class="mb-5 mb-lg-0">
                            <a href="https://apps.apple.com/az/app/lms-pro-live-monitoring/id6505142865"
                                class="me-lg-1 store-button" target="_blank">
                                <img src="{{ asset('../../landlord/assets/images/i-store.png') }}" alt=""
                                    class="shadow" style="height:52px" />
                            </a>
                            <a href="https://hey-gps.com/app/app-release.apk" class="store-button" target="_blank">
                                <img src="{{ asset('../../landlord/assets/images/play-store.png') }}" alt=""
                                    class="shadow" style="height:52px" />
                            </a>
                        </div>
                    </div>

                </div>
            </div>
            {{--            @endcan --}}
        </div>

    </section>
@endsection




@push('scripts')
    <script>
        let clientCurrrentVersion = {!! json_encode(env('VERSION')) !!};
        let clientCurrrentBugNo = {!! json_encode(env('BUG_NO')) !!};
    </script>
    {{--    <script src="{{ str_replace('tenancy/assets/', '', asset('js/admin/common/general_data.js')) }}"></script> --}}
    {{--    <script src="{{ str_replace('tenancy/assets/', '', asset('js/admin/dashboard/notification.js')) }}"></script> --}}
@endpush