@extends('admin.layout.index')


@section('content')
<div class="content-header">
    <br>
</div>
<section class="content">

    <div class="col-md-12">
        <div class="row">
            <div class="col-md-8 col-12">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><i
                                    style="color: white" class="fa fa-certificate"><span class="path1"></span><span
                                        class="path2"></span><span class="path3"></span></i></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $certificates }} </span>
                                <span class="info-box-text">{{ __('messages.all-certificates') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon  rounded-circle"><i
                                    style="color: white" class="fa fa-ship"><span class="path1"></span><span
                                        class="path2"></span></i></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $projects }} </span>
                                <span class="info-box-text">{{ __('messages.all-projects') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><i
                                    style="color: white" class="fa fa-newspaper-o"><span class="path1"></span><span
                                        class="path2"></span></i></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number"
                                    style="color: #007236; font-weight: bold">{{ $news }}</span>
                                <span class="info-box-text">{{ __('messages.all-news') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><i
                                    style="color: white" class="fa fa-question-circle"><span class="path1"></span><span
                                        class="path2"></span></i></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $faqs }} </span>
                                <span class="info-box-text">{{ __('messages.all-faqs') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                    style="color: white" class="fa fa-bars"><span class="path1"></span><span
                                        class="path2"></span></span></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $newsCategory }} </span>
                                <span class="info-box-text">{{ __('messages.all-news-categories') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                    style="color: white" class="fa fa-bars"><span class="path1"></span><span
                                        class="path2"></span></span></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $cores }} </span>
                                <span class="info-box-text">{{ __('messages.all-cores') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                    style="color: white" class="fa fa-list-ol"><span class="path1"></span><span
                                        class="path2"></span></span></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $coreBusinesses }} </span>
                                <span class="info-box-text">{{ __('messages.all-coreBusinesses') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="info-box pull-up">
                            <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                    style="color: white" class="fa fa-list-ol"><span class="path1"></span><span
                                        class="path2"></span></span></span>

                            <div class="info-box-content text-right">
                                <span class="info-box-number" style="color: #007236; font-weight: bold">
                                    {{ $tenderCat }} </span>
                                <span class="info-box-text">{{ __('messages.tender_category') }}</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-4 col-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box">
                            <div class="box-body text-center">
                                <div class="mb-20 mt-20">
                                    <span style="color: #009EDB" class="icon-User font-size-70"><span
                                            class="path1"></span><span class="path2"></span></span>
                                    <h4 class="mt-20 mb-0">{{ Auth()->user()->name }}</h4>
                                    <a href="mailto:{{ Auth()->user()->email }}">{{ Auth()->user()->email }}</a>
                                </div>
                                <div class="badge badge-pill badge-primary font-size-16"
                                    style="color: white; font-weight: bold">{{ Auth()->user()->role->name }}</div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="info-box pull-up">
                                <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                        style="color: white" class="fa fa-users"><span class="path1"></span><span
                                            class="path2"></span></span></span>

                                <div class="info-box-content text-right">
                                    <span class="info-box-number" style="color: #007236; font-weight: bold">
                                        {{ $users }} </span>
                                    <span class="info-box-text">{{ __('messages.all-users') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="info-box pull-up">
                                <span style="background: #009EDB" class="info-box-icon rounded-circle"><span
                                        style="color: white" class="fa fa-newspaper-o"><span
                                            class="path1"></span><span class="path2"></span></span></span>

                                <div class="info-box-content text-right">
                                    <span class="info-box-number" style="color: #007236; font-weight: bold">
                                        {{ $tenders }} </span>
                                    <span class="info-box-text">{{ __('messages.tenders') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">

            {{-- … your existing cards … --}}
            {{-- Complaints: total --}}
            <div class="col-xl-4">
                <div class="info-box pull-up">
                            <span class="info-box-icon rounded-circle" style="background: #009EDB">
                                <i class="fa fa-exclamation-circle" style="color:white"></i>
                            </span>
                    <div class="info-box-content text-right">
                                <span class="info-box-number" style="color:#007236; font-weight:bold">
                                    {{ $totalComplaints }}
                                </span>
                        <span class="info-box-text">{{ __('messages.total-complaints') }}</span>
                    </div>
                </div>
            </div>
            {{-- Complaints by status --}}
            @php
                $statuses = [
                'pendingCount' => ['label' => __('messages.status-pending'), 'icon'=>'fa-hourglass-start', 'color'=>'#FFD700'],
                'submittedCount' => ['label' => __('messages.status-submitted'), 'icon'=>'fa-paper-plane', 'color'=>'#00BFFF'],
                'inProgressCount' => ['label' => __('messages.status-in-progress'), 'icon'=>'fa-spinner', 'color'=>'#17A2B8'],
                'rejectedCount' => ['label' => __('messages.status-rejected'), 'icon'=>'fa-times-circle', 'color'=>'#DC3545'],
                'closedCount' => ['label' => __('messages.status-closed'), 'icon'=>'fa-lock', 'color'=>'#6C757D'],
                'verifiedCount' => ['label' => __('messages.status-verified'), 'icon'=>'fa-check-circle', 'color'=>'#28A745'],
                ];
            @endphp

            @foreach ($statuses as $varName => $cfg)
                <div class="col-xl-4">
                    <div class="info-box pull-up">
                            <span class="info-box-icon rounded-circle" style="background:  #009EDB">
                                <i class="fa {{ $cfg['icon'] }}" style="color:white"></i>
                            </span>
                        <div class="info-box-content text-right">
                                <span class="info-box-number" style="color:#007236; font-weight:bold">
                                    {{ ${$varName} }}
                                </span>
                            <span class="info-box-text">{{ $cfg['label'] }}</span>
                        </div>
                    </div>
                </div>
            @endforeach

            {{-- Total replies --}}
            <div class="col-xl-4">
                <div class="info-box pull-up">
                            <span class="info-box-icon rounded-circle" style="background:#009EDB">
                                <i class="fa fa-comments" style="color:white"></i>
                            </span>
                    <div class="info-box-content text-right">
                                <span class="info-box-number" style="color:#007236; font-weight:bold">
                                    {{ $totalReplies }}
                                </span>
                        <span class="info-box-text">{{ __('messages.total-replies') }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
@endsection