@extends('admin.settings-master')

@section('pageContent')

    <div class="d-flex flex-column flex-column-fluid">

        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                        {{__("admin.index.Settings")}}
                    </h1>
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <li class="breadcrumb-item text-muted">
                            <a href="{{route('admin')}}"
                               class="text-muted text-hover-primary">{{__("admin.index.Home")}}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <li class="breadcrumb-item text-muted">{{__("admin.index.Settings")}}</li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="row mb-5">
                    <div class="col-lg-6">
                        <div class="card shadow-sm">
                            <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                                 data-bs-target="#kt_docs_card_collapsible_tickets">
                                <h3 class="card-title">{{__("admin.dashboard.Support tickets")}}</h3>
                                <div class="card-toolbar rotate-180">
                                    <span class="svg-icon svg-icon-1">
                                        ...
                                    </span>
                                </div>
                            </div>
                            <div class="collapse show" id="kt_docs_card_collapsible_tickets">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-4 text-center">
                                            <div class="bg-light py-3 rounded">
                                                <span class="text-success fw-bolder">{{number_format($SuppotTickets,0)}}</span>
                                                <br>
                                                <span class="">{{__("admin.dashboard.Total")}}&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 text-center">
                                            <div class="bg-light py-3 rounded">
                                                <span class="text-success fw-bolder">{{number_format($SuppotTicketsPending,0)}}</span>
                                                <br>
                                                <span class="">{{__("admin.dashboard.Waiting")}}&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 text-center">
                                            <div class="bg-light py-3 rounded">
                                                <span class="text-danger fw-bolder">{{number_format($SupportTicketsClosed,0)}}</span>
                                                <br>
                                                <span class=""> {{__("admin.dashboard.Closed")}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="card shadow-sm">
                            <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                                 data-bs-target="#kt_docs_card_collapsible_messages_queue">
                                <h3 class="card-title">{{__("admin.dashboard.Messages Queue")}}</h3>
                                <div class="card-toolbar rotate-180">
                                    <span class="svg-icon svg-icon-1">
                                        ...
                                    </span>
                                </div>
                            </div>
                            <div class="collapse show" id="kt_docs_card_collapsible_messages_queue">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-4 text-center">
                                            <div class="bg-light py-3 rounded">
                                                <span class="text-warning fw-bolder">{{number_format(@$EmailQueue,0)}}</span>
                                                <br>
                                                <span class="">{{__("admin.dashboard.Emails")}}&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 text-center">
                                            <div class="bg-light py-3 rounded">
                                                <span class="text-warning fw-bolder">{{number_format(@$SMSQueue,0)}}</span>
                                                <br>
                                                <span class="">{{__("admin.dashboard.SMSs")}}&nbsp;</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mx-1">
                    <div class="card shadow-sm">
                        <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                             data-bs-target="#kt_docs_card_collapsible_users">
                            <h3 class="card-title">{{__("admin.dashboard.Users")}}</h3>
                            <div class="card-toolbar rotate-180">
                                    <span class="svg-icon svg-icon-1">
                                        ...
                                    </span>
                            </div>
                        </div>
                      
                    </div>
                </div>
            </div>
        </div>

    </div>

@stop