@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-xl-12">
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-md-5 mb-4 mb-md-0">
                            <img src="{{ asset('build/assets/images/pngs/home_image.png') }}" alt="Antarctica" class="img-fluid d-block mx-auto">
                        </div>
                        <div class="col-md-7">
                            <p class="lead">
                                Bu platform, Türkiye’nin Antarktika’ya yönelik bilimsel, kültürel ve diplomatik faaliyetlerini
                                izlemek, analiz etmek ve stratejik veri temelli farkındalık yaratmak amacıyla kurulmuştur.
                                Sunduğumuz bibliyometrik analizler, iş birliği haritaları ve stratejik grafikler ile Türkiye'nin
                                kutuplardaki konumunu küresel bağlamda değerlendirmeyi hedefliyoruz.
                            </p>
                            <p class="lead">
                                Vurgulu Alanlar:
                            </p>
                            <ul class="list-group">
                                <li class="list-group-item lead">🔍 Ülke, kurum ve araştırmacı bazlı filtrelenebilir veri</li>
                                <li class="list-group-item lead">📚 Açık erişimli literatür taramaları ve stratejik dokümanlar</li>
                                <li class="list-group-item lead">🌐 Türkiye'nin Antarktika’daki küresel güç projeksiyonu için bilimsel kaynak merkezi</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ROW-1 END -->

@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