@extends('layouts.app', [
    'class' => 'monitoring',
])

@section('content')

    @include('partials._alert')

    @include('partials._page-title', [
        'title' => 'Monitoramento de Atividades',
        'desc' => 'Acompanhe o monitoramento de processos do sistema',
    ])

    <div class="panel-body">

        <div class="monitoring-cards ">

            <div id="logs" class="mo-card">
                <div class="header">
                    <span class="card-title">Visualização de Logs</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info" href="{{ route('monitoring.log') }}">
                        <i class="fas fa-file-code"></i>
                    </a>
                </div>
            </div>


            <div id="user-activities" class="mo-card">
                <div class="header">
                    <span class="card-title">Atividades de usuários</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info" href="{{ route('monitoring.activity') }}">
                        <i class="fas fa-users"></i>
                    </a>
                </div>
            </div>

            <div id="measurements" class="mo-card">
                <div class="header">
                    <span class="card-title">Medições</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info" href="{{ route('monitoring.measurements') }}">
                        <i class="fa-solid fa-analytics"></i>
                    </a>
                </div>
            </div>
            
            <div id="api-logs" class="mo-card">
                <div class="header">
                    <span class="card-title">Logs de API</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info" href="{{ route('monitoring.provider') }}">
                        <i class="fa-solid fa-code"></i>
                    </a>
                </div>
            </div>

            <div id="reset" class="mo-card">
                <div class="header">
                    <span class="card-title">Redefinir Senhas</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info">
                        <i class="fa-solid fa-lock"></i>
                    </a>
                </div>
            </div>

            <div id="download-stations" class="mo-card">
                <div class="header">
                    <span class="card-title">Baixar medições das estações</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info">
                        <i class="fa-solid fa-cloud-arrow-down"></i>
                    </a>
                </div>
            </div>

            <div id="reset-station-rain-accum" class="mo-card">
                <div class="header">
                    <span class="card-title">Recalcular Acúmulo de Chuva</span>
                </div>
                <div class="card-content">
                    <a class="monitoring-info">
                        <i class="fas fa-raindrops"></i>
                    </a>
                </div>
            </div>

        </div>
    </div>
@endsection