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

@section('content')
    @include('partials._alert')


    <div class="subheader">
        <h3 class="title">{{ __('messages.monitoring') }}</h3>
        <small class="subtitle">{{ __('messages.monitoring_system') }}</small>
    </div>

    <div class="panel">

        <div class="panel-heading">
            <div class="heading-title">{{ __('messages.visualize') }}</div>
        </div>

        <div class="panel-body">
            <div class="title-monitoring">
                <span>Monitoramentos </span>
            </div>

            <div class="header-cards">
                <div class="list">
                    <div class="item">
                        <a href="{{ url('spa/process/status') }}">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.monitoring_page') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-loading-bars"></i>
                            </div>
                        </a>
                    </div>

                    <div class="item">
                        <a href="{{ url('/spa/process/monitoring') }}">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.monitoring_charts') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-graphics"></i>
                            </div>
                        </a>
                    </div>
                    
                    <div class="item">
                        <a href="/monitoring/job/locations">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.job_locations') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-job-location"></i>
                            </div>
                        </a>
                    </div>


                    <div class="item">
                        <a href="/monitoring/credit">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.credit_monitoring') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-manage-credits"></i>
                            </div>
                        </a>
                    </div>  

                </div>

                
            </div>


            <div class="title-monitoring">
                <span>Sistema </span>
            </div>

            <div class="header-cards">
                <div class="list">

                    <div class="item">
                        <a href="{{ url('/logs') }}">
                            <div class="title">
                                <label class="text-uppercase">LOGS</label>
                            </div>
                            <div class="icon">
                                <i class="icon-logs"></i>
                            </div>
                        </a>
                    </div>

                    <div class="item">
                        <a href="{{ url('activity') }}">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.user_activity') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-research"></i>
                            </div>
                        </a>
                    </div>

                    @if(isSpecialUser())
                        <div class="item">
                            <a href="{{ url('/group/permissions') }}">
                                <div class="title">
                                    <label class="text-uppercase">{{ __('messages.api_group_permissions') }}</label>
                                </div>
                                <div class="icon">
                                    <i class="icon-group-block" aria-hidden="true"></i>
                                </div>
                            </a>
                        </div>
                    @endif

                    <div class="modal-import hide">
                        <form id="import-collect-form" data-parsley-validate>
                            <div class="row">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" value=1 name="has_field" />
                                        <span></span>{{ __('messages.is_the_field_saved') }}
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-12 field  hide col-md-12">
                                    <label>{{ __('messages.type_field_id') }}:</label>
                                    <input class="form-control" type="text" name="field_id">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-12 col-md-12">
                                    <label>{{ __('messages.file') }}:</label>
                                    <input type="file">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-reset-password hide">
                        Gerenciar reset de senhas de usuários
                    </div>
                    <div class="item import">
                        <div class="title">
                            <label class="text-uppercase">{{ __('messages.import_collect') }}</label>
                        </div>
                        <div class="icon">
                            <i class="icon-upload-file" aria-hidden="true"></i>
                        </div>
                        <input id="collect-input" type="file" name="visit" hidden>
                    </div>

                </div>
            </div>


            <div class="title-monitoring">
                <span>Personalizações</span>
            </div>

            <div class="header-cards">
                <div class="list">

                    <div class="item">
                        <a href="{{ url('/white/labels') }}">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.white_labels') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-white-label"></i>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            @if(isSpecialUser())
                <div class="title-monitoring">
                    <span>Usuários</span>
                </div>

                <div class="header-cards">
                    <div class="list">

                        <div class="item reset-password">
                            <div class="title">
                                <label class="text-uppercase">{{ __('messages.password_reset') }}</label>
                            </div>
                            <div class="icon">
                                <i class="icon-user"></i>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endsection