{# templates/superadmin_v2/chiffres/sa_chiffres_regions.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
	<link href="{{ asset('superadmin_v2/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet">
    <link href="{{ asset('superadmin_v2/plugins/vector-map/jqvmap.min.css') }}" rel="stylesheet" media="all">
{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        <div class="container-fluid">
			<div class="table-data__tool" style="width:100%;">
				<div class="table-data__tool-right col-lg-12">

					<form class="form-horizontal" name="filtre_chiffres_regions_by_date_form" id="filtre_chiffres_regions_by_date_form" method="get" action="{{ path('superadmin_chiffres_regions') }}">
					<div class="row form-group fg-m-bottom" style="margin:15px 0 3px!important;">
						<div class="col col-md-4 spa-col-label fg-m-bottom">
							<label for="f_date_debut" class="form-control-label spa-label">Filtrer par date</label>
						</div>
						<div class="col-12 col-md-2 fg-m-bottom">
							<input type="text" class="form-control" name="f_date_debut" id="f_date_debut" placeholder="Date début" value="{% if f_date_debut is not empty %}{{ f_date_debut }}{% endif %}" autocomplete="off">
						</div>
						<div class="col-12 col-md-2 fg-m-bottom">
							<input type="text" class="form-control" name="f_date_fin" id="f_date_fin" placeholder="Date fin" value="{% if f_date_fin is not empty %}{{ f_date_fin }}{% endif %}" autocomplete="off">
						</div>
						<div class="col-12 col-md-2 fg-m-bottom">
							<button type="button" id="filtre_chiffres_regions_by_date_submit" class="btn btn-info btn-sm btn-block">Filtrer</button>
						</div>
						<div class="col-12 col-md-2 fg-m-bottom"></div>
					</div>
					</form>
				</div>
			</div>

            <div class="row">

                <div class="col-lg-6">
					<div class="map-data m-b-40">
                        <h3 class="title-2 m-b-40">Répartition des Demandes par région</h3>
						<div class="map-wrap">
							<div class="vmap" id="vmap4"></div>
						</div>
						<div>
							<span class="badge badge-danger">&nbsp;&nbsp;</span> 0 - {{ part_demandes }}<br>
							<span class="badge badge-primary">&nbsp;&nbsp;</span> {{ part_demandes + 1 }} - {{ part_demandes * 2 }}<br>
							<span class="badge badge-warning">&nbsp;&nbsp;</span> {{ (part_demandes * 2) + 1 }} - {{ part_demandes * 3 }}<br>
							<span class="badge badge-secondary">&nbsp;&nbsp;</span> {{ (part_demandes * 3) + 1 }} - {{ part_demandes * 4 }}<br>
							<span class="badge badge-info">&nbsp;&nbsp;</span> {{ (part_demandes * 4) + 1 }} - {{ part_demandes * 5 }}<br>
							<span class="badge badge-success">&nbsp;&nbsp;</span> > {{ part_demandes * 5 }}<br>
						</div>
					</div>
                </div>
                <div class="col-lg-6">
					<div class="map-data m-b-40">
                        <h3 class="title-2 m-b-40">Répartition des Ventes par région</h3>
						<div class="map-wrap">
							<div class="vmap" id="vmap5"></div>
						</div>
						<div>
							<span class="badge badge-danger">&nbsp;&nbsp;</span> 0 - {{ part_ventes }}<br>
							<span class="badge badge-primary">&nbsp;&nbsp;</span> {{ part_ventes + 1 }} - {{ part_ventes * 2 }}<br>
							<span class="badge badge-warning">&nbsp;&nbsp;</span> {{ (part_ventes * 2) + 1 }} - {{ part_ventes * 3 }}<br>
							<span class="badge badge-secondary">&nbsp;&nbsp;</span> {{ (part_ventes * 3) + 1 }} - {{ part_ventes * 4 }}<br>
							<span class="badge badge-info">&nbsp;&nbsp;</span> {{ (part_ventes * 4) + 1 }} - {{ part_ventes * 5 }}<br>
							<span class="badge badge-success">&nbsp;&nbsp;</span> > {{ part_ventes * 5 }}<br>
						</div>
					</div>
                </div>

            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('superadmin_v2/js/moment.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/bootstrap-datetimepicker.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/locales/bootstrap-datetimepicker.fr.js') }}" charset="utf-8"></script>

    <script src="{{ asset('superadmin_v2/plugins/vector-map/jquery.vmap.js') }}"></script>
    <script src="{{ asset('superadmin_v2/plugins/vector-map/jquery.vmap.min.js') }}"></script>
    <script src="{{ asset('superadmin_v2/plugins/vector-map/jquery.vmap.sampledata.js') }}"></script>
    <script src="{{ asset('superadmin_v2/plugins/vector-map/jquery.vmap.france.js') }}"></script>
    <script type="text/javascript">
		// France Map
		try {
			var vmap4 = $('#vmap4');
			if (vmap4[0]) {
			    vmap4.vectorMap( {
					map: 'france_fr',
					color: '#007BFF',
					borderColor: '#fff',
					backgroundColor: '#fff',
					enableZoom: false,
					//showTooltip: false,
					selectedColor: null,
					hoverColor: null,
					colors: {
						// Auvergne-Rhône-Alpes
						'fr-01': '{{ colors_demandes.fr_01 }}',
						'fr-03': '{{ colors_demandes.fr_03 }}',
						'fr-07': '{{ colors_demandes.fr_07 }}',
						'fr-15': '{{ colors_demandes.fr_15 }}',
						'fr-26': '{{ colors_demandes.fr_26 }}',
						'fr-38': '{{ colors_demandes.fr_38 }}',
						'fr-42': '{{ colors_demandes.fr_42 }}',
						'fr-43': '{{ colors_demandes.fr_43 }}',
						'fr-63': '{{ colors_demandes.fr_63 }}',
						'fr-69': '{{ colors_demandes.fr_69 }}',
						'fr-73': '{{ colors_demandes.fr_73 }}',
						'fr-74': '{{ colors_demandes.fr_74 }}',

						// Bourgogne-France-Comté
						'fr-21': '{{ colors_demandes.fr_21 }}',
						'fr-25': '{{ colors_demandes.fr_25 }}',
						'fr-39': '{{ colors_demandes.fr_39 }}',
						'fr-58': '{{ colors_demandes.fr_58 }}',
						'fr-70': '{{ colors_demandes.fr_70 }}',
						'fr-71': '{{ colors_demandes.fr_71 }}',
						'fr-89': '{{ colors_demandes.fr_89 }}',
						'fr-90': '{{ colors_demandes.fr_90 }}',

						// Bretagne
						'fr-22': '{{ colors_demandes.fr_22 }}',
						'fr-29': '{{ colors_demandes.fr_29 }}',
						'fr-35': '{{ colors_demandes.fr_35 }}',
						'fr-56': '{{ colors_demandes.fr_56 }}',

						// Centre-Val de Loire
						'fr-18': '{{ colors_demandes.fr_18 }}',
						'fr-28': '{{ colors_demandes.fr_28 }}',
						'fr-36': '{{ colors_demandes.fr_36 }}',
						'fr-37': '{{ colors_demandes.fr_37 }}',
						'fr-41': '{{ colors_demandes.fr_41 }}',
						'fr-45': '{{ colors_demandes.fr_45 }}',

						// Corse
						'fr-2a': '{{ colors_demandes.fr_2a }}',
						'fr-2b': '{{ colors_demandes.fr_2b }}',

						// Grand Est
						'fr-08': '{{ colors_demandes.fr_08 }}',
						'fr-10': '{{ colors_demandes.fr_10 }}',
						'fr-51': '{{ colors_demandes.fr_51 }}',
						'fr-52': '{{ colors_demandes.fr_52 }}',
						'fr-54': '{{ colors_demandes.fr_54 }}',
						'fr-55': '{{ colors_demandes.fr_55 }}',
						'fr-57': '{{ colors_demandes.fr_57 }}',
						'fr-67': '{{ colors_demandes.fr_67 }}',
						'fr-68': '{{ colors_demandes.fr_68 }}',
						'fr-88': '{{ colors_demandes.fr_88 }}',

						// Hauts-de-France
						'fr-02': '{{ colors_demandes.fr_02 }}',
						'fr-59': '{{ colors_demandes.fr_59 }}',
						'fr-60': '{{ colors_demandes.fr_60 }}',
						'fr-62': '{{ colors_demandes.fr_62 }}',
						'fr-80': '{{ colors_demandes.fr_80 }}',

						// Île-de-France
						'fr-75': '{{ colors_demandes.fr_75 }}',
						'fr-77': '{{ colors_demandes.fr_77 }}',
						'fr-78': '{{ colors_demandes.fr_78 }}',
						'fr-91': '{{ colors_demandes.fr_91 }}',
						'fr-92': '{{ colors_demandes.fr_92 }}',
						'fr-93': '{{ colors_demandes.fr_93 }}',
						'fr-94': '{{ colors_demandes.fr_94 }}',
						'fr-95': '{{ colors_demandes.fr_95 }}',

						// Normandie
						'fr-14': '{{ colors_demandes.fr_14 }}',
						'fr-27': '{{ colors_demandes.fr_27 }}',
						'fr-50': '{{ colors_demandes.fr_50 }}',
						'fr-61': '{{ colors_demandes.fr_61 }}',
						'fr-76': '{{ colors_demandes.fr_76 }}',

						// Nouvelle-Aquitaine
						'fr-16': '{{ colors_demandes.fr_16 }}',
						'fr-17': '{{ colors_demandes.fr_17 }}',
						'fr-19': '{{ colors_demandes.fr_19 }}',
						'fr-23': '{{ colors_demandes.fr_23 }}',
						'fr-24': '{{ colors_demandes.fr_24 }}',
						'fr-33': '{{ colors_demandes.fr_33 }}',
						'fr-40': '{{ colors_demandes.fr_40 }}',
						'fr-47': '{{ colors_demandes.fr_47 }}',
						'fr-64': '{{ colors_demandes.fr_64 }}',
						'fr-79': '{{ colors_demandes.fr_79 }}',
						'fr-86': '{{ colors_demandes.fr_86 }}',
						'fr-87': '{{ colors_demandes.fr_87 }}',

						// Occitanie
						'fr-09': '{{ colors_demandes.fr_09 }}',
						'fr-11': '{{ colors_demandes.fr_11 }}',
						'fr-12': '{{ colors_demandes.fr_12 }}',
						'fr-30': '{{ colors_demandes.fr_30 }}',
						'fr-31': '{{ colors_demandes.fr_31 }}',
						'fr-32': '{{ colors_demandes.fr_32 }}',
						'fr-34': '{{ colors_demandes.fr_34 }}',
						'fr-46': '{{ colors_demandes.fr_46 }}',
						'fr-48': '{{ colors_demandes.fr_48 }}',
						'fr-65': '{{ colors_demandes.fr_65 }}',
						'fr-66': '{{ colors_demandes.fr_66 }}',
						'fr-81': '{{ colors_demandes.fr_81 }}',
						'fr-82': '{{ colors_demandes.fr_82 }}',

						// Pays de la Loire
						'fr-44': '{{ colors_demandes.fr_44 }}',
						'fr-49': '{{ colors_demandes.fr_49 }}',
						'fr-53': '{{ colors_demandes.fr_53 }}',
						'fr-72': '{{ colors_demandes.fr_72 }}',
						'fr-85': '{{ colors_demandes.fr_85 }}',

						// Provence-Aples-Côte d'Azur
						'fr-04': '{{ colors_demandes.fr_04 }}',
						'fr-05': '{{ colors_demandes.fr_05 }}',
						'fr-06': '{{ colors_demandes.fr_06 }}',
						'fr-13': '{{ colors_demandes.fr_13 }}',
						'fr-83': '{{ colors_demandes.fr_83 }}',
						'fr-84': '{{ colors_demandes.fr_84 }}'
					}
			    });
			}
		} catch (error) {
			console.log(error);
		}
		try {
			var vmap5 = $('#vmap5');
			if (vmap5[0]) {
			    vmap5.vectorMap( {
					map: 'france_fr',
					color: '#007BFF',
					borderColor: '#fff',
					backgroundColor: '#fff',
					enableZoom: false,
					//showTooltip: false,
					selectedColor: null,
					hoverColor: null,
					colors: {
						// Auvergne-Rhône-Alpes
						'fr-01': '{{ colors_ventes.fr_01 }}',
						'fr-03': '{{ colors_ventes.fr_03 }}',
						'fr-07': '{{ colors_ventes.fr_07 }}',
						'fr-15': '{{ colors_ventes.fr_15 }}',
						'fr-26': '{{ colors_ventes.fr_26 }}',
						'fr-38': '{{ colors_ventes.fr_38 }}',
						'fr-42': '{{ colors_ventes.fr_42 }}',
						'fr-43': '{{ colors_ventes.fr_43 }}',
						'fr-63': '{{ colors_ventes.fr_63 }}',
						'fr-69': '{{ colors_ventes.fr_69 }}',
						'fr-73': '{{ colors_ventes.fr_73 }}',
						'fr-74': '{{ colors_ventes.fr_74 }}',

						// Bourgogne-France-Comté
						'fr-21': '{{ colors_ventes.fr_21 }}',
						'fr-25': '{{ colors_ventes.fr_25 }}',
						'fr-39': '{{ colors_ventes.fr_39 }}',
						'fr-58': '{{ colors_ventes.fr_58 }}',
						'fr-70': '{{ colors_ventes.fr_70 }}',
						'fr-71': '{{ colors_ventes.fr_71 }}',
						'fr-89': '{{ colors_ventes.fr_89 }}',
						'fr-90': '{{ colors_ventes.fr_90 }}',

						// Bretagne
						'fr-22': '{{ colors_ventes.fr_22 }}',
						'fr-29': '{{ colors_ventes.fr_29 }}',
						'fr-35': '{{ colors_ventes.fr_35 }}',
						'fr-56': '{{ colors_ventes.fr_56 }}',

						// Centre-Val de Loire
						'fr-18': '{{ colors_ventes.fr_18 }}',
						'fr-28': '{{ colors_ventes.fr_28 }}',
						'fr-36': '{{ colors_ventes.fr_36 }}',
						'fr-37': '{{ colors_ventes.fr_37 }}',
						'fr-41': '{{ colors_ventes.fr_41 }}',
						'fr-45': '{{ colors_ventes.fr_45 }}',

						// Corse
						'fr-2a': '{{ colors_ventes.fr_2a }}',
						'fr-2b': '{{ colors_ventes.fr_2b }}',

						// Grand Est
						'fr-08': '{{ colors_ventes.fr_08 }}',
						'fr-10': '{{ colors_ventes.fr_10 }}',
						'fr-51': '{{ colors_ventes.fr_51 }}',
						'fr-52': '{{ colors_ventes.fr_52 }}',
						'fr-54': '{{ colors_ventes.fr_54 }}',
						'fr-55': '{{ colors_ventes.fr_55 }}',
						'fr-57': '{{ colors_ventes.fr_57 }}',
						'fr-67': '{{ colors_ventes.fr_67 }}',
						'fr-68': '{{ colors_ventes.fr_68 }}',
						'fr-88': '{{ colors_ventes.fr_88 }}',

						// Hauts-de-France
						'fr-02': '{{ colors_ventes.fr_02 }}',
						'fr-59': '{{ colors_ventes.fr_59 }}',
						'fr-60': '{{ colors_ventes.fr_60 }}',
						'fr-62': '{{ colors_ventes.fr_62 }}',
						'fr-80': '{{ colors_ventes.fr_80 }}',

						// Île-de-France
						'fr-75': '{{ colors_ventes.fr_75 }}',
						'fr-77': '{{ colors_ventes.fr_77 }}',
						'fr-78': '{{ colors_ventes.fr_78 }}',
						'fr-91': '{{ colors_ventes.fr_91 }}',
						'fr-92': '{{ colors_ventes.fr_92 }}',
						'fr-93': '{{ colors_ventes.fr_93 }}',
						'fr-94': '{{ colors_ventes.fr_94 }}',
						'fr-95': '{{ colors_ventes.fr_95 }}',

						// Normandie
						'fr-14': '{{ colors_ventes.fr_14 }}',
						'fr-27': '{{ colors_ventes.fr_27 }}',
						'fr-50': '{{ colors_ventes.fr_50 }}',
						'fr-61': '{{ colors_ventes.fr_61 }}',
						'fr-76': '{{ colors_ventes.fr_76 }}',

						// Nouvelle-Aquitaine
						'fr-16': '{{ colors_ventes.fr_16 }}',
						'fr-17': '{{ colors_ventes.fr_17 }}',
						'fr-19': '{{ colors_ventes.fr_19 }}',
						'fr-23': '{{ colors_ventes.fr_23 }}',
						'fr-24': '{{ colors_ventes.fr_24 }}',
						'fr-33': '{{ colors_ventes.fr_33 }}',
						'fr-40': '{{ colors_ventes.fr_40 }}',
						'fr-47': '{{ colors_ventes.fr_47 }}',
						'fr-64': '{{ colors_ventes.fr_64 }}',
						'fr-79': '{{ colors_ventes.fr_79 }}',
						'fr-86': '{{ colors_ventes.fr_86 }}',
						'fr-87': '{{ colors_ventes.fr_87 }}',

						// Occitanie
						'fr-09': '{{ colors_ventes.fr_09 }}',
						'fr-11': '{{ colors_ventes.fr_11 }}',
						'fr-12': '{{ colors_ventes.fr_12 }}',
						'fr-30': '{{ colors_ventes.fr_30 }}',
						'fr-31': '{{ colors_ventes.fr_31 }}',
						'fr-32': '{{ colors_ventes.fr_32 }}',
						'fr-34': '{{ colors_ventes.fr_34 }}',
						'fr-46': '{{ colors_ventes.fr_46 }}',
						'fr-48': '{{ colors_ventes.fr_48 }}',
						'fr-65': '{{ colors_ventes.fr_65 }}',
						'fr-66': '{{ colors_ventes.fr_66 }}',
						'fr-81': '{{ colors_ventes.fr_81 }}',
						'fr-82': '{{ colors_ventes.fr_82 }}',

						// Pays de la Loire
						'fr-44': '{{ colors_ventes.fr_44 }}',
						'fr-49': '{{ colors_ventes.fr_49 }}',
						'fr-53': '{{ colors_ventes.fr_53 }}',
						'fr-72': '{{ colors_ventes.fr_72 }}',
						'fr-85': '{{ colors_ventes.fr_85 }}',

						// Provence-Aples-Côte d'Azur
						'fr-04': '{{ colors_ventes.fr_04 }}',
						'fr-05': '{{ colors_ventes.fr_05 }}',
						'fr-06': '{{ colors_ventes.fr_06 }}',
						'fr-13': '{{ colors_ventes.fr_13 }}',
						'fr-83': '{{ colors_ventes.fr_83 }}',
						'fr-84': '{{ colors_ventes.fr_84 }}'
					}
			    });
			}
		} catch (error) {
			console.log(error);
		}
    // <![CDATA[
    $(document).ready(function(){

        $(document).on('focus', 'form#filtre_chiffres_regions_by_date_form input#f_date_debut', function() {
            $('form#filtre_chiffres_regions_by_date_form input#f_date_debut').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        $(document).on('focus', 'form#filtre_chiffres_regions_by_date_form input#f_date_fin', function() {
            $('form#filtre_chiffres_regions_by_date_form input#f_date_fin').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        $("form#filtre_chiffres_regions_by_date_form input#f_date_fin").on("dp.change", function (e) {
            $('form#filtre_chiffres_regions_by_date_form input#f_date_debut').data("DateTimePicker").maxDate(e.date);
        });

        $(document).on('click', 'form#filtre_chiffres_regions_by_date_form #filtre_chiffres_regions_by_date_submit', function(){
            if (
                $('form#filtre_chiffres_regions_by_date_form input#f_date_debut').val().length > 0 ||
                $('form#filtre_chiffres_regions_by_date_form #f_nbr_prospections').val() != 0
            ) {	
                $('form#filtre_chiffres_regions_by_date_form').submit();
                return true;
            /* } else {
                alert('Ok!'); */
            }
            return false;
        });
    });
    // ]]>
    </script>
{% endblock %}