@extends('layouts.admin')
@section('page-title')
    Welcome to Dashboard
@endsection
@section('page-top-title')
    Dashboard
@endsection
@section('content-body')
    <div class="container-fluid">
        <!-- Row -->
        @if (auth()->user()->user_type == 1 || auth()->user()->user_type == 2)
            <div class="row top-snapshots">
                <div class="col-xl-3 col-lg-3 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-body pb-xl-4 pb-sm-3 pb-0">
                            <div class="content-box">
                                <div class="event-data icon-box icon-box-xl">
                                    <i class="fa-solid fa-taxi"></i>
                                </div>
                                <div class="chart-num">
                                    <p>Total Users</p>
                                    <small>Total Users on platform</small>
                                    <br />
                                    <h2 class="font-w700 mb-0 mt-1">{{ \App\Models\User::count() }}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-3 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-body pb-xl-4 pb-sm-3 pb-0">
                            <div class="content-box">
                                <div class="icon-box icon-box-xl std-data">
                                    <i class="fa-solid fa-route"></i>
                                </div>
                                <div class="chart-num">
                                    <p>Total Establishments</p>
                                    <small>Active + Inactive</small>
                                    <br />
                                    @php
                                        $totalEstablishments = \App\Models\Establishment::all();
                                    @endphp
                                    <h2 class="font-w700 mb-0 mt-1">{{ $totalEstablishments->count() }}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-3 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-body pb-xl-4 pb-sm-3 pb-0">
                            <div class="content-box">
                                <div class="teach-data icon-box icon-box-xl">
                                    <i class="fa-solid fa-money-bill"></i>
                                </div>
                                <div class="chart-num">
                                    <p>Active Establishments</p>
                                    <small>Number of active establishments</small>
                                    <br />
                                    <h2 class="font-w700 mb-0 mt-1">
                                        {{ $totalEstablishments->where('is_profile_approved', 1)->count() }}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-3 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-body pb-xl-4 pb-sm-3 pb-0">
                            <div class="content-box">
                                <div class="event-data icon-box icon-box-xl">
                                    <i class="fa-solid fa-taxi"></i>
                                </div>
                                <div class="chart-num">
                                    <p>Licenses</p>
                                    <small>Total number of licenses</small>
                                    <br />
                                    <h2 class="font-w700 mb-0 mt-1">{{ \App\Models\License::count() }}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                @include('backend.inc.messages')
            </div>

            <div class="col-xl-12">
                @include('backend.components.establishments-list')
            </div>
        @elseif(auth()->user()->user_type == 3 && auth()->user()->Establishment)
            @include('backend.components.profile-header-info')
        @else
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header"><h3>Missing Establishment Profile</h3></div>
                        <div class="card-body fs-5">Hello! You have not created your Establishment profile yet. Please <strong><a href="{{route('establishment.profile.create')}}">click here</a></strong> to complete your profile to proceed.</div>
                    </div>

                </div>
            </div>
        @endif
        {{--
            <div class="row">
                <div class="col-xl-6 ">
                    <div class="card crypto-chart ">
                        <div class="card-header pb-0 border-0 flex-wrap">
                            <div class="mb-2 mb-sm-0">
                                <div class="chart-title mb-3">
                                    <h2 class="heading">Performance</h2>
                                </div>
                            </div>
                            <div class="p-static">
                                <div class="d-flex align-items-center mb-3 mb-sm-0">
                                    <div class="round weekly" id="dzOldSeries">
                                        <div>
                                            <input type="checkbox" id="checkbox1" name="radio" value="weekly">
                                            <label for="checkbox1" class="checkmark"></label>
                                        </div>
                                        <div>
                                            <span class="fs-14">This Week</span>
                                            <h4 class="fs-5 font-w700 mb-0">1.245</h4>
                                        </div>
                                    </div>
                                    <div class="round" id="dzNewSeries">
                                        <div>
                                            <input type="checkbox" id="checkbox" name="radio" value="monthly">
                                            <label for="checkbox" class="checkmark"></label>
                                        </div>
                                        <div>
                                            <span class="fs-14">Last Week</span>
                                            <h4 class="fs-5 font-w700 mb-0">1.356</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body pt-2 custome-tooltip pb-0 px-2">
                            <div id="marketChart"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="card h-auto">
                        <div class="card-header border-0 pb-0 flex-wrap">
                            <h4 class="heading mb-3 mb-sm-0">Overview</h4>
                            <ul class="nav nav-pills mix-chart-tab" id="pills-tab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" data-series="week" id="pills-week-tab"
                                        data-bs-toggle="pill" data-bs-target="#pills-week" type="button" role="tab"
                                        aria-selected="true">Week</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" data-series="month" id="pills-month-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-month" type="button" role="tab"
                                        aria-selected="false">Month</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" data-series="year" id="pills-year-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-year" type="button" role="tab"
                                        aria-selected="false">Year</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" data-series="all" id="pills-all-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-all" type="button" role="tab"
                                        aria-selected="false">All</button>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body  p-0">
                            <div id="overiewChart"></div>
                        </div>
                    </div>
                </div>
            </div> --}}

    </div>
@endsection

@section('page-scripts')
    <!-- Apex Chart -->
    <script src="{{ asset('storage/backend-resources/vendor/apexchart/apexchart.js') }}"></script>
    <!-- Chart piety plugin files -->
    <script src="{{ asset('storage/backend-resources/vendor/peity/jquery.peity.min.js') }}"></script>
    <script src="{{ asset('storage/backend-resources/vendor/jquery-nice-select/js/jquery.nice-select.min.js') }}"></script>
    <!--swiper-slider-->
    <script src="{{ asset('storage/backend-resources/vendor/swiper/js/swiper-bundle.min.js') }}"></script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="{{ asset('js/sl-ntb-custom.js') }}"></script>
    <script src="{{ asset('storage/backend-resources/js/dashboard/custom.js') }}"></script>
@endsection