@extends('layouts.master')
@section('title', 'title')
@section('titlePageHeading', '') 

@section('content')

    <div class="title m-b-md">
        <nav class="nav nav-tabs nav-pills" >
            @foreach ($liste_tabs as $tabs)
            <a class="nav-item nav-link {{ $tabs['class'] }}" href="{{ $tabs['href'] }}" data-target="#{{ $data_target }}" data-toggle="{{ $data_toggle }}">{{ $tabs['name'] }}</a>
            @endforeach
        </nav>
        <div class="tab-content">
            <div class="tab-pane active" id="{{ $data_target }}"></div>
        </div>
    </div>
    <script>
        $(function () {
            load_tabs("{{ $data_toggle }}");
        });                
    </script>    

    

    <!-- Nous chargeons les fichiers CDN de Leaflet. Le CSS AVANT le JS -->
    {{-- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
        integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
        crossorigin="" /> --}}
    <!-- Fichiers Javascript -->
    {{-- <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
        integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
        crossorigin=""></script> --}}

        {{-- <script
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDjskZDe9uE8qBUXqhDI7tuH_6D8be1Q4&callback=initMap&libraries=places&region=MR&language=fr">
        </script> --}}

        <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDjskZDe9uE8qBUXqhDI7tuH_6D8be1Q4&callback=initMap&libraries=marker&v=beta&language=fr"
      defer
    ></script>
    

@endsection