@php
    $title = __('dashboard.title');
@endphp
@extends('layouts.app')
@section('title', $title)
@section('content')
    <div class="flex justify-between items-center">
        @include('shared.button', ['type' => 'link', 'url' => route('users.profile', auth()->user()), 'icon' => 'bi-person-circle', 'label' => __('navbar.profile')])
        <h2 class="text-3xl text-center font-bold">
            {{ $title }}
        </h2>
        <button type="button" onclick="window.location.reload();"
                class="flex items-center text-white bg-cyan-700 hover:bg-cyan-800 focus:ring-4 focus:outline-none focus:ring-cyan-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-cyan-600 dark:hover:bg-cyan-700 dark:focus:ring-cyan-800">
            <i class="bi bi-arrow-clockwise sm:me-1"></i>
            <span class="hidden sm:block">
                {{ __('dashboard.refresh') }}
            </span>
        </button>
    </div>
    <hr class="border-gray-300 dark:border-gray-700 my-5"/>
    <div class="rounded-lg grid gap-6 mb-6 md:grid-cols-4">
        <div id="files" class="flex-row items-center justify-between space-y-5">
            @include('dashboard.partial.files', ['format' => 'KB', 'formats' => $formats, 'extensions' => $extensions])
        </div>
        <div class="flex flex-col items-center space-y-5 sm:col-span-3 overflow-x-auto">
            @if(auth()->user()->type == 'admin')
                @include('dashboard.partial.admin', [$OS, $IPs, $devices, $browsers, $attempts, $dates])
            @endif
            @include('dashboard.partial.errors', ['ErrorLogs' => $ErrorLogs])
        </div>
    </div>
    <script>
        function Refresh(btn) {
            SetLoading(true);
            const type = $(btn).data('type');
            switch (type) {
                case 'Files':
                    $.ajax({
                        url: "{{ route('home.files') }}",
                        method: "GET",
                        data: {
                            format: format,
                        }
                    }).done(function (data) {
                        $('#files').html(data);
                    }).fail(function (jqXHR, textStatus) {
                        window.swal.fire({
                            title: 'Error!',
                            text: 'Please contact support',
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        });
                        console.log(textStatus);
                    }).always(function () {
                        SetLoading(false);
                    });
                    break;
                case 'Errors':
                    $.ajax({
                        url: "{{ route('home.errors') }}",
                        method: "GET",
                    }).done(function (data) {
                        $('#errors').html(data);
                    }).fail(function (jqXHR, textStatus) {
                        window.swal.fire({
                            title: 'Error!',
                            text: 'Please contact support',
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        });
                        console.log(textStatus);
                    }).always(function () {
                        SetLoading(false);
                    });
                    break;
                default:
                    SetLoading(false);
                    break;
            }
        }
    </script>
@endsection