@extends('layouts.master')

@section('styles')



@endsection

@section('content')

    <!-- PAGE-HEADER -->
    <div class="page-header">
        <h1 class="page-title">{{ __('menu.home') }}</h1>
    </div>
    <!-- PAGE-HEADER END -->


    <!-- ROW-1 -->
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xl-12">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-12 col-xl-3">
                    <div class="card">
                        <div class="card-body text-center statistics-info">
                            <div class="counter-icon bg-primary mb-0 box-primary-shadow">
                                <i class="fe fe-file-text text-white"></i>
                            </div>
                            <h6 class="mt-4 mb-1">{{ __('publication.total_publications') }}</h6>
                            <h2 class="mb-2 number-font">-</h2>
                            <!--<p class="text-muted">Sed ut perspiciatis unde omnis accusantium doloremque</p>-->
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xl-3">
                    <div class="card">
                        <div class="card-body text-center statistics-info">
                            <div class="counter-icon bg-secondary mb-0 box-secondary-shadow">
                                <i class="fe fe-globe text-white"></i>
                            </div>
                            <h6 class="mt-4 mb-1">{{ __('affiliation.marked') }} / {{ __('affiliation.total_affiliations') }}</h6>
                            <h2 class="mb-2 number-font">{{ $markedAffiliationCount . " / " . $affiliationCount}}</h2>
                            <!--<p class="text-muted">Sed ut perspiciatis unde omnis accusantium doloremque</p>-->
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xl-3">
                    <div class="card">
                        <div class="card-body text-center statistics-info">
                            <div class="counter-icon bg-success mb-0 box-success-shadow">
                                <i class="fe fe-flag text-white"></i>
                            </div>
                            <h6 class="mt-4 mb-1">Total Country</h6>
                            <h2 class="mb-2  number-font">-</h2>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xl-3">
                    <div class="card">
                        <div class="card-body text-center statistics-info">
                            <div class="counter-icon bg-info mb-0 box-info-shadow">
                                <i class="fe fe-user text-white"></i>
                            </div>
                            <h6 class="mt-4 mb-1">Total Researchers</h6>
                            <h2 class="mb-2  number-font">-</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ROW-1 END -->

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">World Map</h3>
                </div>
                <div class="card-body">
                    <div id="world-map-markers" class="worldh h-300"></div>
                </div>
            </div>
        </div>
        <!-- end col -->
    </div>

@endsection

@section('scripts')

    <!-- SPARKLINE JS-->
    <script src="{{asset('build/assets/plugins/jquery/jquery.sparkline.min.js')}}"></script>

    <!-- CHARTJS CHART JS-->
    <script src="{{asset('build/assets/plugins/chart/Chart.bundle.js')}}"></script>
    <script src="{{asset('build/assets/plugins/chart/utils.js')}}"></script>

    <!-- ECHART JS-->
    <script src="{{asset('build/assets/plugins/echarts/echarts.js')}}"></script>


    <!-- SELECT2 JS -->
    <script src="{{asset('build/assets/plugins/select2/select2.full.min.js')}}"></script>
    @vite('resources/assets/js/select2.js')

    <!-- DATA TABLE JS-->
    <script src="{{asset('build/assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('build/assets/plugins/datatable/js/dataTables.bootstrap5.js')}}"></script>
    <script src="{{asset('build/assets/plugins/datatable/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('build/assets/plugins/datatable/dataTables.responsive.min.js')}}"></script>

    <!-- APEXCHART JS -->
    @vite('resources/assets/js/apexcharts.js')

    <script src="{{asset('build/assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js')}}"></script>
    <script src="{{asset('build/assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')}}"></script>

    @vite('resources/assets/js/jvectormap.js')

    <!-- INDEX JS -->
    @vite('resources/assets/js/index1.js')

@endsection