fratini
/
polizia_frascati


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/ico" href="/images/logo.png" />
  <title>Polizia | Dashboard</title>
@stack('css')
  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
  <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="/plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/dist/css/adminlte.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="/plugins/summernote/summernote-bs4.min.css">
  <link rel="stylesheet" href="/dist/css/app.css">

</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Preloader -->
  <div style="display:none !important;" class="preloader flex-column justify-content-center align-items-center">
    <img class="animation__shake" src="/images/logo.png" height="60" width="60">
  </div>

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="/dashboard" class="nav-link">Home</a>
      </li>

    </ul>

    <!-- Right navbar links -->

    <ul class="navbar-nav ml-auto">
      <li class="nav-item dropdown">
        <form id="logout-form" action="/logout" method="POST" style="display: none;">
            @csrf
        </form>
        <a class="nav-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
            <i class="fa fa-sign-out-alt"></i>
        </a>
      </li>
    </ul>

  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="/dashboard" class="brand-link">
      <img src="/images/logo.png"  class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light">Polizia</span>
    </a>

    <div class="sidebar">


      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
            <li class="nav-item">
            <a href="/reports" class="nav-link">
              <i class="nav-icon fas fa-folder-open"></i>
              <p>
                Verbali
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="/istat" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>ISTAT
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="/prefettura" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>Prefettura
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                Impostazioni
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="/accertatore-grado" class="nav-link">
                  <p>Accertatore grado</p>
                </a>
              </li>
                <li class="nav-item">
                    <a href="/ausilio-altri-enti" class="nav-link">
                        <p>Ausilio altri enti</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/assicurazioni" class="nav-link">
                        <p>Assicurazioni</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/condizioni-strada" class="nav-link">
                        <p>Condizioni strada</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/condizioni-atmosferiche" class="nav-link">
                        <p>Condizioni atmosferiche</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/condizioni-luce" class="nav-link">
                        <p>Condizioni luce</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/effetto-danno" class="nav-link">
                        <p>Effetto del danno</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/entita-danno" class="nav-link">
                        <p>Entità del danno</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/marche" class="nav-link">
                        <p>Marche veicolo</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/modelli" class="nav-link">
                        <p>Modelli veicolo</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/materiale-recuperato" class="nav-link">
                        <p>Materiale recuperato</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/nomenclatura-strada" class="nav-link">
                        <p>Nomenclatura strada</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/parte-macchina" class="nav-link">
                        <p>Localizzazione del danno</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/particolarita-strada" class="nav-link">
                        <p>Particolarità strada</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/pavimentazione-strada" class="nav-link">
                        <p>Pavimentazione strada</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/rilievi" class="nav-link">
                        <p>Rilievi</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/segnalazione-orizzontale" class="nav-link">
                        <p>Segnalazione orizzontale</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/segnalazione-pervenuta-da" class="nav-link">
                        <p>Segnalazione pervenuta da</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/segnalazione-verticale" class="nav-link">
                        <p>Segnalazione verticale</p>
                    </a>
                </li>
                <!--
                <li class="nav-item">
                    <a href="/stradario" class="nav-link">
                        <p>Stradario</p>
                    </a>
                </li>
            -->
                <li class="nav-item">
                    <a href="/tipo-danno" class="nav-link">
                        <p>Tipo di danno</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/tipo-segnalazione" class="nav-link">
                        <p>Tipo di segnalazione</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/tipo-strada" class="nav-link">
                        <p>Tipo di strada</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/tipo-urto" class="nav-link">
                        <p>Tipo di urto</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/tipo-veicolo" class="nav-link">
                        <p>Tipo di veicolo</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/users" class="nav-link">
                        <p>Utenze</p>
                    </a>
                </li>
            </ul>
                <li class="nav-item">
                    <a href="/vpn" class="nav-link">
                        <i class="nav-icon fas fa-shield-alt"></i>
                        <p>
                            Connessione VPN
                            <span class="badge badge-info right" id="vpn-status-badge">...</span>
                        </p>
                    </a>
                </li>
          </li>


        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

<!-- /.content-header -->

<!-- Main content -->
        <section class="content">
            <div class="container-fluid">

                @if (session()->has('error'))
                    <div class="alert alert-danger" role="alert">
                        {{ session()->get('error') }}
                    </div>
                @endif

                <div class="row">
                    <div class="col-md-12">

                        {{ $slot }}

                    </div>
            </div>

        </div><!-- /.container-fluid -->
    </section>
<!-- /.content -->
</div>


  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <strong>Copyright &copy; {{date("Y")}} <a href="https://www.webmagistri.it" target="_blank">WMC</a>.</strong>
    All rights reserved.

  </footer>

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="/plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="/plugins/moment/moment.min.js"></script>
<script src="/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="/dist/js/adminlte.js"></script>
<script>
$(document).ready(function() {
    // Aggiorna il badge VPN nella sidebar ogni 30 secondi
    function updateVpnBadge() {
        $.get('/vpn/status', function(data) {
            const badge = $('#vpn-status-badge');
            if (data.status === 'connected') {
                badge.removeClass().addClass('badge badge-success right').text('ON');
            } else if (data.status === 'disconnected') {
                badge.removeClass().addClass('badge badge-danger right').text('OFF');
            } else {
                badge.removeClass().addClass('badge badge-warning right').text('?');
            }
        }).fail(function() {
            $('#vpn-status-badge').removeClass().addClass('badge badge-danger right').text('ERR');
        });
    }

    updateVpnBadge();
    setInterval(updateVpnBadge, 30000);
});
</script>

@livewireScripts

@stack('scripts')

</body>
</html>