@extends('layouts.squelette')
<!-- ************************************** -->
@section('titre')
  {{ __('Carte des interventions') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Carte des interventions') }}
@endsection
<!-- ************************************** -->

@section('contenu')

<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
		<!-- ******************************MAP DES INTERVENTIONS ****************************************************-->

        <div class="card card-widget">
			<!-- /.card-header -->
			<div class="card-body">
                <img src="{{ asset('images/pictos/red-dot.png')}}" />   {{ __('A planifier technicien') }}
				<img src="{{ asset('images/pictos/green-dot.png')}}" />  {{ __('Planifiée technicien') }}
                <img src="{{ asset('images/pictos/blue-dot.png')}}" />  {{ __('En cours technicien (J - J-3) ') }}
                <img src="{{ asset('images/pictos/truck-dot.png')}}" />  {{ __('Technicien') }}
				<div id="map" class="mapH700 mt-3"></div>
			</div>
			<!-- /.card-body -->
		  </div>

	</div>
    <div class="col-md-1"></div>
</div>

@endsection

@section('js_footer')
 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{ Session::get('value_googleapi_map_key','')}}&amp;"></script>
 <script src="{{ asset('js/maps/map_card.js')}}"></script>
@endsection

@section('modale')

@endsection