@extends('Admin.layouts.master')

@section('content')
@php 
  $currentPage = 'dashboard';
@endphp
  <!--begin::Toolbar-->
            <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                <!--begin::Toolbar container-->
                <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                    <!--begin::Page title-->
                    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 header-top">
                        <!--begin::Title-->
                        <h1
                            class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                            Welcome back, Priyank Mehta
                        </h1>
                    </div>
                </div>
                <!--end::Toolbar container-->
            </div>
            <!--end::Toolbar-->
            <!--begin::Content-->
            <div id="kt_app_content" class="app-content flex-column-fluid">
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-xxl">
                    <!--begin::Row-->
                    <div class="row  g-xl-10">
                        <!--begin::Col-->
                        <div class="col-md-6 col-xl-3 mb-xl-10 index-card">
                            <!--begin::Card widget 2-->
<!--                            <div class="card h-lg-100">
                                begin::Body
                                <a href="{{ route('direct_users')}}">
                                    <div
                                        class="card-body d-flex justify-content-between align-items-center flex-column">
                                        begin::Icon
                                        <div class="m-0">
                                            begin::Svg Icon | path: icons/duotune/maps/map004.svg
                                            <span class="svg-icon svg-icon-2hx svg-icon-gray-600 sensex-title">
                                                Direct Registered Users
                                            </span>
                                            end::Svg Icon
                                        </div>
                                        end::Icon
                                        begin::Section
                                        <div class="d-flex flex-column my-7">
                                            begin::Number
                                            <span class="fw-semibold fs-3x text-gray-800 lh-1 ls-n2">
                                                
                                            </span>
                                            end::Number

                                        </div>
                                        end::Section

                                    </div>
                                </a>
                                end::Body
                            </div>-->
                            <!--end::Card widget 2-->
                        </div>
                        <!--end::Col-->
                        <!--begin::Col-->
                        <div class="col-md-6 col-xl-3 mb-xl-10 index-card">
                            <!--begin::Card widget 2-->
<!--                            <div class="card h-lg-100">
                                begin::Body
                                <a href="{{ route('manage_company_users')}}">
                                    <div
                                        class="card-body d-flex justify-content-between align-items-center flex-column">
                                        begin::Icon
                                        <div class="m-0">
                                            begin::Svg Icon | path: icons/duotune/graphs/gra001.svg
                                            <span class="svg-icon svg-icon-2hx svg-icon-gray-600  sensex-title">
                                                Total Companies
                                            </span>
                                            end::Svg Icon
                                        </div>
                                        end::Icon
                                        begin::Section
                                        <div class="d-flex flex-column my-7">
                                            begin::Number
                                            <span
                                                class="fw-semibold fs-3x text-gray-800 lh-1 ls-n2">5,00,000</span>
                                            end::Number

                                        </div>
                                        end::Section
                                        begin::Badge
                                        end::Badge
                                    </div>
                                </a>
                                end::Body
                            </div>-->
                            <!--end::Card widget 2-->
                        </div>
                        <!--end::Col-->
                        <!--begin::Col-->
                        <div class="col-md-6 col-xl-3 mb-xl-10 index-card">
                            <!--begin::Card widget 2-->
<!--                            <div class="card h-lg-100">
                                begin::Body
                                <a href="{{ route('view_manage_company_users')}}">
                                    <div
                                        class="card-body d-flex justify-content-between align-items-center flex-column">
                                        begin::Icon
                                        <div class="m-0">
                                            begin::Svg Icon | path: icons/duotune/abstract/abs048.svg
                                            <span class="svg-icon svg-icon-2hx svg-icon-gray-600  sensex-title">
                                                Company Based Users
                                            </span>
                                            end::Svg Icon
                                        </div>
                                        end::Icon
                                        begin::Section
                                        <div class="d-flex flex-column my-7">
                                            begin::Number
                                            <span
                                                class="fw-semibold fs-3x text-gray-800 lh-1 ls-n2">1,00,000</span>
                                            end::Number

                                        </div>
                                        end::Section

                                    </div>
                                </a>
                                end::Body
                            </div>-->
                            <!--end::Card widget 2-->
                        </div>
                        <!--end::Col-->
                        <!--begin::Col-->
                        <div class="col-md-6 col-xl-3 mb-xl-10 index-card">
                            <!--begin::Card widget 2-->
<!--                            <div class="card h-lg-100">
                                <a href="{{ route('manage_transactions')}}">
                                begin::Body
                                    <div
                                        class="card-body d-flex justify-content-between align-items-center flex-column">
                                        begin::Icon
                                        <div class="m-0">
                                            begin::Svg Icon | path: icons/duotune/maps/map002.svg
                                            <span class="svg-icon svg-icon-2hx svg-icon-gray-600  sensex-title">
                                                Total Subscribers
                                            </span>
                                            end::Svg Icon
                                        </div>
                                        end::Icon
                                        begin::Section
                                        <div class="d-flex flex-column my-7">
                                            begin::Number
                                            <span
                                                class="fw-semibold fs-3x text-gray-800 lh-1 ls-n2">1,00,000</span>
                                            end::Number
                                        </div>
                                        end::Section
                                    </div>
                                </a>
                                end::Body
                            </div>-->
                            <!--end::Card widget 2-->
                        </div>
                        <!--end::Col-->

                    </div>
                    <!--end::Row-->
                    <!--begin::Row-->
                    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 index-head index-header-two">
                        <!--begin::Title-->
                        <h1
                            class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                            Global Leaderboard</h1>                     
                    </div>
                    
                    <div class="card mb-5 mb-xl-8">

                        <!--begin::Body-->
                        <div class="card-body py-3">
                            <!--begin::Table container-->
                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table id="mng-sings" 
                                    class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
                                    <!--begin::Table head-->
                                    <thead>
                                        <tr>
                                            <th class="w-75px min-w-75px text-center">Sr. No.</th>
                                            <th class="w-175px min-w-175px text-center">Full Name</th>
                                            <th class="w-100px min-w-100px text-center">Ranking</th>
                                            <th class="w-100px min-w-100px text-center">Points</th>
                                            <th class="w-200px min-w-200px text-center">Progress Bar</th>
                                            <th class="w-200px min-w-200px text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody>
                                        @foreach ($manage_dashboard as $manage_dashboards)
                                        @if(isset($manage_dashboards['user']['full_name']))
                                    <tr>

                                        <td class="text-white fs-6 text-center">{{ $loop->iteration }}
                                        </td>
                                        <td class="text-white fs-6 text-center">
                                            {{ $manage_dashboards['user']['full_name'] }}
                                        </td>


                                        <td class="text-white fs-6 text-center">{{ $loop->iteration }}
                                        </td>

                                        <td class="text-white fs-6 text-center">{{ $manage_dashboards['total_score'] }}
                                        </td>

                                        <td class="text-white fs-6 text-center">{{ $manage_dashboards['progress_bar']  }}
                                        </td>



                                        <td class="text-center">
                                            <a href="#" data-toggle="modal" data-target="#view_opt"
                                               class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 send_rply"
                                               data-id="">
                                                <!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
                                                <span class="svg-icon svg-icon-3">
                                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                                </span>
                                                <!--end::Svg Icon-->
                                            </a>

<!--                                            <a href=""
                                               class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 penm">
                                                begin::Svg Icon | path: icons/duotune/art/art005.svg
                                                <span class="svg-icon svg-icon-3">
                                                    <svg width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                          d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                          fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                    </svg>
                                                </span>
                                                end::Svg Icon
                                            </a>

                                            <a href="" data-toggle="modal" data-target="#delete_opt"
                                               data-id=""
                                               class="btn btn-icon btn-bg-light btn-active-color-red btn-sm delete_plan">
                                                begin::Svg Icon | path: icons/duotune/general/gen027.svg
                                                <span class="svg-icon svg-icon-3">
                                                    <svg width="24" height="24" viewBox="0 0 24 24"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor" />
                                                    <path opacity="0.5"
                                                          d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                          fill="currentColor" />
                                                    <path opacity="0.5"
                                                          d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                          fill="currentColor" />
                                                    </svg>
                                                </span>
                                                end::Svg Icon
                                            </a>-->

                                        </td>
                                    </tr>
                                        @else
                                        <p>No Data Found</p>
                                        @endif
                                    @endforeach

                                    </tbody>
                                    <!--end::Table body-->
                                </table>
                                <!--end::Table-->
                            </div>
                            <!--end::Table container-->
                        </div>
                        <!--begin::Body-->

                    </div>
                </div>
                <!--end::Content container-->
            </div>
            <!--end::Content-->
            
<!--end:: logout Modal dialog-->
<!--end::Modals-->
<!--begin::Javascript-->
@endsection