@extends('layouts.squelette')
<!-- ************************************** -->

@section('css_header')
<link href='{{ asset('dist/css/themes/standard/scheduler.css')}}' rel='stylesheet' />
<link href='{{ asset('dist/css/themes/standard/map.css')}}' rel='stylesheet' />
@endsection

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

@section('contenu')
<div class="card card-widget">
    <!-- /.card-header -->
    <div class="card-body">

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

                <input type="hidden" name="filtre" id="filtre" value="affectee">

                @component('components.dates.select_simple',['label' => 'Date ','value' => now(),'name' => 'dateMap'])
                @endcomponent

                <div id="bloc_users">
                    {!! $tableau_techs !!}
                </div>

            </div>
            <div class="col-md-10">
                <small class="float-right">
                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                        <label class="btn btn-outline-success">
                            <input type="radio" name="options" id="option1" autocomplete="off" value="affectee" checked=""> {{ __('Affectée') }}
                        </label>
                        <label class="btn btn-outline-danger">
                            <input type="radio" name="options" id="option2" autocomplete="off" value="non_affectee"> {{ __('Non affectée') }}
                        </label>
                        <label class="btn btn-outline-info">
                            <input type="radio" name="options" id="option3" autocomplete="off" value="all"> {{ __('Toutes') }}
                        </label>
                    </div>
                </small>
                <br>
                {{-- <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>
        </div>
    </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