@extends('layouts.admin')
@section('header')


    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet" href="{{ asset('Paoul/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}">
    <!-- iCheck -->
    <link rel="stylesheet" href="{{ asset('Paoul/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
    <!-- JQVMap -->
    <link rel="stylesheet" href="{{ asset('Paoul/plugins/jqvmap/jqvmap.min.css') }}">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="{{ asset('Paoul/plugins/daterangepicker/daterangepicker.css') }}">
    <!-- summernote -->
    <link rel="stylesheet" href="{{ asset('Paoul/plugins/summernote/summernote-bs4.min.css') }}">


@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Tableau de bords</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="./">Accueil</a></li>
              <li class="breadcrumb-item active">Tableau de bord</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-md-12">
                <!-- Profile Image -->
                <div class="card card-primary card-outline">
                    <div class="card-body box-profile">
                        <div class="row">                          
                            <div id="infoposition"></div>
                            <div id="map"></div>
                        </div>
                    </div>
                </div>
            <!-- /.card -->
            </div>
        </div>
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection

@section('footer')
  <!-- ChartJS -->
  <script src="{{ asset('Paoul/plugins/chart.js/Chart.min.js') }}"></script>
  <!-- Sparkline -->
  <script src="{{ asset('Paoul/plugins/sparklines/sparkline.js') }}"></script>
  <!-- JQVMap -->
  <script src="{{ asset('Paoul/plugins/jqvmap/jquery.vmap.min.js') }}"></script>
  <script src="{{ asset('Paoul/plugins/jqvmap/maps/jquery.vmap.usa.js') }}"></script>
  <!-- jQuery Knob Chart -->
  <script src="{{ asset('Paoul/plugins/jquery-knob/jquery.knob.min.js') }}"></script>
  <!-- daterangepicker -->
  <script src="{{ asset('Paoul/plugins/moment/moment.min.js') }}"></script>
  <script src="{{ asset('Paoul/plugins/daterangepicker/daterangepicker.js') }}"></script>
  <!-- Tempusdominus Bootstrap 4 -->
  <script src="{{ asset('Paoul/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"></script>
  <!-- Summernote -->
  <script src="{{ asset('Paoul/plugins/summernote/summernote-bs4.min.js') }}"></script>
  <!-- overlayScrollbars -->
  <script src="{{ asset('Paoul/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js') }}"></script>

  
  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=set_to_true_or_false"></script>
    
  <script Type = "text/javascript">
  // Position par défaut (Châtelet à Paris)
      var centerpos = new google.maps.LatLng(48.579400,7.7519);

      // Options relatives à la carte
      var optionsGmaps = {
          center:centerpos,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          zoom: 15
      };
      // ROADMAP peut être remplacé par SATELLITE, HYBRID ou TERRAIN
      // Zoom : 0 = terre entière, 19 = au niveau de la rue
      
      // Initialisation de la carte pour l'élément portant l'id "map"
      var map = new google.maps.Map(document.getElementById("map"), optionsGmaps);
      
      // .. et la variable qui va stocker les coordonnées
      var latlng;

  </script>
@endsection