<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* page/hebergement.html.twig */
class __TwigTemplate_dd6c0d8d6a91e084bc02998ca329f602e0fc2148da455fc419bc062f611df67d extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'stylesheets' => [$this, 'block_stylesheets'],
            'body' => [$this, 'block_body'],
            'javascripts' => [$this, 'block_javascripts'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "base.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "page/hebergement.html.twig"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "page/hebergement.html.twig"));

        $this->parent = $this->loadTemplate("base.html.twig", "page/hebergement.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 2
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        // line 3
        echo "\tHébergement
";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

    // line 6
    public function block_stylesheets($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));

        // line 7
        echo "\t<link rel=\"stylesheet\" href=\"";
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/dashboard.css"), "html", null, true);
        echo "\">
\t";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

    // line 9
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 10
        echo "
\t<section id=\"contents\" class=\"container-fluid\">
\t<!-- entete content -->
\t<div id=\"top-content\">
\t\t<div id=\"entete_fixed\">
\t\t\t<ul>
\t\t\t\t<li>
\t\t\t\t\t<a href=\"#\" id=\"btn_drop_side_menu\">
\t\t\t\t\t\t<i data-show=\"show-side-navigation1\" class=\"fa fa-bars show-side-btn\"></i>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<li
\t\t\t\t\t\t\t\t";
        // line 22
        if ((0 === twig_compare((isset($context["hotel"]) || array_key_exists("hotel", $context) ? $context["hotel"] : (function () { throw new RuntimeError('Variable "hotel" does not exist.', 22, $this->source); })()), "royal_beach"))) {
            // line 23
            echo "\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t";
        }
        // line 25
        echo "\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"";
        // line 26
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("royal_beach", ["current_page" => (isset($context["current_page"]) || array_key_exists("current_page", $context) ? $context["current_page"] : (function () { throw new RuntimeError('Variable "current_page" does not exist.', 26, $this->source); })())]), "html", null, true);
        echo "\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"";
        // line 28
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/hazo1.png"), "html", null, true);
        echo "\" alt=\"logo1\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li
\t\t\t\t\t\t\t\t";
        // line 33
        if ((0 === twig_compare((isset($context["hotel"]) || array_key_exists("hotel", $context) ? $context["hotel"] : (function () { throw new RuntimeError('Variable "hotel" does not exist.', 33, $this->source); })()), "calypso"))) {
            // line 34
            echo "\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t";
        }
        // line 36
        echo "\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"";
        // line 37
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("calypso", ["current_page" => (isset($context["current_page"]) || array_key_exists("current_page", $context) ? $context["current_page"] : (function () { throw new RuntimeError('Variable "current_page" does not exist.', 37, $this->source); })())]), "html", null, true);
        echo "\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"";
        // line 39
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/hazo2.png"), "html", null, true);
        echo "\" alt=\"logo2\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li 
\t\t\t\t\t\t\t\t";
        // line 44
        if ((0 === twig_compare((isset($context["hotel"]) || array_key_exists("hotel", $context) ? $context["hotel"] : (function () { throw new RuntimeError('Variable "hotel" does not exist.', 44, $this->source); })()), "baobab_tree"))) {
            // line 45
            echo "\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t";
        }
        // line 47
        echo "\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"";
        // line 48
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("baobab_tree", ["current_page" => (isset($context["current_page"]) || array_key_exists("current_page", $context) ? $context["current_page"] : (function () { throw new RuntimeError('Variable "current_page" does not exist.', 48, $this->source); })())]), "html", null, true);
        echo "\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"";
        // line 50
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/hazo3.png"), "html", null, true);
        echo "\" alt=\"logo3\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li
\t\t\t\t\t\t\t\t";
        // line 55
        if ((0 === twig_compare((isset($context["hotel"]) || array_key_exists("hotel", $context) ? $context["hotel"] : (function () { throw new RuntimeError('Variable "hotel" does not exist.', 55, $this->source); })()), "vanila_hotel"))) {
            // line 56
            echo "\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t";
        }
        // line 58
        echo "\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"";
        // line 59
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("vanila_hotel", ["current_page" => (isset($context["current_page"]) || array_key_exists("current_page", $context) ? $context["current_page"] : (function () { throw new RuntimeError('Variable "current_page" does not exist.', 59, $this->source); })())]), "html", null, true);
        echo "\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"";
        // line 61
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/hazo4.png"), "html", null, true);
        echo "\" alt=\"logo4\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t<li id=\"log_out_entete\">
\t\t\t\t\t<div>
\t\t\t\t\t\t <a href=\"";
        // line 67
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_logout");
        echo "\">
\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"fa fa-power-off fa-2x\"></span>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>
\t\t\t\t</li>
\t\t\t</ul>
\t\t</div>
\t</div>
\t<!-- / entete content -->

\t<!-- contenue  -->
\t<div id=\"hrs_content\">
\t\t<div>
\t\t\t<div class=\"col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<section class=\"section_part\" id=\"section_part_top\">
\t\t\t\t\t<div class=\"sous_titre\">
\t\t\t\t\t\t<h3>Hébergement</h3>
\t\t\t\t\t</div>
\t\t\t\t</section>
\t\t\t</div>
\t\t\t<div
\t\t\t\tclass=\"col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<!-- debut chart 1 -->
\t\t\t\t<section class=\"section_part tab_content margin_tab\">
\t\t\t\t\t<div class=\"chart_title\">
\t\t\t\t\t\t<div class=\"chart_title-part\">
\t\t\t\t\t\t\t<h4>Taux d'occupation</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t<select name=\"\" id=\"mois_heb_to\">
\t\t\t\t\t\t\t\t<option selected = \"selected\" value = \"tous_les_mois\">Tous les mois</option>
\t\t\t\t\t\t\t\t<option value = \"01\">Janvier</option>
\t\t\t\t\t\t\t\t<option value = \"02\">Février</option>
\t\t\t\t\t\t\t\t<option value = \"03\">Mars</option>
\t\t\t\t\t\t\t\t<option value = \"04\">Avril</option>
\t\t\t\t\t\t\t\t<option value = \"05\">Mai</option>
\t\t\t\t\t\t\t\t<option value = \"06\">Juin</option>
\t\t\t\t\t\t\t\t<option value = \"07\">Juillet</option>
\t\t\t\t\t\t\t\t<option value = \"08\">Août</option>
\t\t\t\t\t\t\t\t<option value = \"09\">Septembre</option>
\t\t\t\t\t\t\t\t<option value = \"10\">Octobre</option>
\t\t\t\t\t\t\t\t<option value = \"11\">Novembre</option>
\t\t\t\t\t\t\t\t<option value = \"12\">Décembre</option>
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t\t<select name=\"\" class=\"annee\" id=\"annee_heb_to\">
\t\t\t\t\t\t\t\t";
        // line 112
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["tab_annee"]) || array_key_exists("tab_annee", $context) ? $context["tab_annee"] : (function () { throw new RuntimeError('Variable "tab_annee" does not exist.', 112, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
            // line 113
            echo "\t\t\t\t\t\t\t\t\t<option value=\"";
            echo twig_escape_filter($this->env, $context["a"], "html", null, true);
            echo "\">";
            echo twig_escape_filter($this->env, $context["a"], "html", null, true);
            echo "</option>
\t\t\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['a'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 115
        echo "\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<div>
\t\t\t\t\t\t<canvas id=\"canvas_to\"></canvas>
\t\t\t\t\t</div>
\t\t\t\t\t<div id=\"chart-legends_to\"></div>

\t\t\t\t</section>
\t\t\t\t<!-- fin chart 1 -->
\t\t\t\t<!-- debut chart 2 -->
\t\t\t\t<section class=\"section_part tab_content margin_tab\">
\t\t\t\t\t<div class=\"chart_title\">
\t\t\t\t\t\t<div class=\"chart_title-part\">
\t\t\t\t\t\t\t<h4>Chiffre d'affaire</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t<select name=\"\" id=\"mois_heb_ca\">
\t\t\t\t\t\t\t\t<option selected = \"selected\" value = \"tous_les_mois\">Tous les mois</option>
\t\t\t\t\t\t\t\t<option value = \"01\">Janvier</option>
\t\t\t\t\t\t\t\t<option value = \"02\">Février</option>
\t\t\t\t\t\t\t\t<option value = \"03\">Mars</option>
\t\t\t\t\t\t\t\t<option value = \"04\">Avril</option>
\t\t\t\t\t\t\t\t<option value = \"05\">Mai</option>
\t\t\t\t\t\t\t\t<option value = \"06\">Juin</option>
\t\t\t\t\t\t\t\t<option value = \"07\">Juillet</option>
\t\t\t\t\t\t\t\t<option value = \"08\">Août</option>
\t\t\t\t\t\t\t\t<option value = \"09\">Septembre</option>
\t\t\t\t\t\t\t\t<option value = \"10\">Octobre</option>
\t\t\t\t\t\t\t\t<option value = \"11\">Novembre</option>
\t\t\t\t\t\t\t\t<option value = \"12\">Décembre</option>
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t\t<select name=\"\" class=\"annee\" id = \"annee_heb_ca\">
\t\t\t\t\t\t\t\t";
        // line 148
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["tab_annee"]) || array_key_exists("tab_annee", $context) ? $context["tab_annee"] : (function () { throw new RuntimeError('Variable "tab_annee" does not exist.', 148, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
            // line 149
            echo "\t\t\t\t\t\t\t\t\t<option value=\"";
            echo twig_escape_filter($this->env, $context["a"], "html", null, true);
            echo "\">";
            echo twig_escape_filter($this->env, $context["a"], "html", null, true);
            echo "</option>
\t\t\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['a'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 151
        echo "\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<div>
\t\t\t\t\t\t<canvas id=\"canvas_ca\"></canvas>
\t\t\t\t\t</div>
\t\t\t\t\t<div id=\"chart-legends_ca\"></div>

\t\t\t\t</section>
\t\t\t\t<!-- fin chart2  -->
\t\t\t</div>
\t\t\t<div class=\"col-lg-8 col-md-8 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<section class=\"section_part tab_content margin_tab tab_liste_client\">
\t\t\t\t\t<div class=\"tableau\">
\t\t\t\t\t\t<div class=\"sous_titre\">
\t\t\t\t\t\t\t<h4>Liste des clients hébergés</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<section class=\" filtre\">
\t\t\t\t\t\t\t<div class=\"sous_titre_filtre\">
\t\t\t\t\t\t\t\t<h3>Filtre</h3>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t\t<input type=\"date\">
\t\t\t\t\t\t\t\t<input type=\"date\">
\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t</section>
\t\t\t\t\t\t<div class=\"tableau tab_historique\">
\t\t\t\t\t\t\t<table class=\"display\" id=\"tab_client_heb\" style=\"width:100%\">
\t\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>NOM</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DATE D'ARRIVEE</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DATE DE DEPART</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DUREE DU SEJOUR</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>ACTIONS</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t\t<tbody id =\"tbody_load\">
                                            
                                </tbody>
\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- Modal modif  -->
                    <div class=\"modal fade\" id=\"modal_form\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">
                        <div class=\"modal-dialog opacity-animate4\">
                            <div class=\"modal-content\">
                                <div class=\"modal-header\">
                                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
                                    <h3 class=\"modal-title\" style=\"text-align: center;\">Modification</h3>
                                </div>
                                <div class=\"modal-body modal_modif_client\">
                                    
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- fin Modal modif  -->

                    <!-- Modal suppr  -->

                    <div class=\"modal fade\" id=\"modal_form_confirme\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">
                        <div class=\"modal-dialog opacity-animate4\">
                            <div class=\"modal-content\">
                                <div class=\"modal-header\">
                                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
                                    <h3 class=\"modal-title\" style=\"text-align: center;\">Voulez-vous vraiment supprimer cet élément ?</h3>
                                </div>
                                <div class=\"modal-body\">
                                    <div id=\"div__conf\">
                                        <button class=\"btn btn-warning supprimer\" data-id = \"\"  data-dismiss=\"modal\" data-confirm = \"oui\">Supprimer</button>
                                        <button class=\"btn btn-warning annuler\" data-dismiss=\"modal\" data-confirm = \"non\">Annuler</button>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <!-- fin Modal suppr  -->

\t\t\t\t\t</div>
\t\t\t\t</section>

\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- / contenue  -->
\t</section>

\t";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

    // line 252
    public function block_javascripts($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));

        // line 253
        echo "
\t\t\t<script>
\t\t\t\t\$(document).ready(function () {
\t\t\t\t\tfunction draw_chart1(my_data, my_labels) {

\t\t\t\t\tvar ctx1 = document.getElementById('canvas_to').getContext(\"2d\");

\t\t\t\t\tvar gradientfill_1 = ctx1.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_1.addColorStop(0, '#d29e00');
\t\t\t\t\tgradientfill_1.addColorStop(1, 'transparent');

\t\t\t\t\tvar gradientfill_2 = ctx1.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_2.addColorStop(0, '#55d8ff');
\t\t\t\t\tgradientfill_2.addColorStop(1, 'transparent');

\t\t\t\t\tvar config1 = {
\t\t\t\t\ttype: 'line',
\t\t\t\t\tdata: {
\t\t\t\t\tdatasets: [
\t\t\t\t\t{
\t\t\t\t\tlabel: \"Taux d'occupation\",
\t\t\t\t\tfill: true,
\t\t\t\t\tbackgroundColor: gradientfill_1,
\t\t\t\t\tborderColor: \"#d29e00\",

\t\t\t\t\t/* insertion des données sur l'axe (oy) */

\t\t\t\t\tdata: my_data, // qui est un tableau simple

\t\t\t\t\t/* / insertion des données sur l'axe (oy) */
\t\t\t\t\tpointStyle: 'circle',
\t\t\t\t\tpointBackgroundColor: \"transparent\",
\t\t\t\t\tpointBorderWidth: '2',
\t\t\t\t\tradius: '5',
\t\t\t\t\thoverRadius: '5',
\t\t\t\t\tborderWidth: 2

\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t},
\t\t\t\t\toptions: {
\t\t\t\t\t\tlegend: {
\t\t\t\t\t\t\tdisplay: false,
\t\t\t\t\t\t\talign: 'start',
\t\t\t\t\t\t\tposition: 'bottom'

\t\t\t\t\t\t},

\t\t\t\t\tlegendCallback: function (chart) {
\t\t\t\t\t\tvar text = [];
\t\t\t\t\t\ttext.push('<ul class=\"my_liste_legend ul_1\">');
\t\t\t\t\t\t\tfor (var i = 0; i < chart.data.datasets.length; i++) {
\t\t\t\t\t\t\t\tconsole.log(chart.data.datasets[i]); // see what's inside the obj.
\t\t\t\t\t\t\t\ttext.push('<li>');
\t\t\t\t\t\t\t\ttext.push('<span data_leg = \"' + i + '\" style=\"background-color:' + chart.data.datasets[i].borderColor + '\">' + '</span><b data_leg = \"' + i + '\">' + chart.data.datasets[i].label + '</b>');
\t\t\t\t\t\t\t\ttext.push('</li>');
\t\t\t\t\t\t\t}
\t\t\t\t\t\t\ttext.push('</ul>');
\t\t\t\t\t\treturn text.join(\"\");
\t\t\t\t\t},
\t\t\t\t\tresponsive: true,
\t\t\t\t\ttitle: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\ttext: ''
\t\t\t\t\t},
\t\t\t\t\ttooltips: {
\t\t\t\t\t\tmode: 'index',
\t\t\t\t\t\tintersect: false
\t\t\t\t\t},
\t\t\t\t\thover: {
\t\t\t\t\t\tmode: 'nearest',
\t\t\t\t\t\tintersect: true
\t\t\t\t\t},

\t\t\t\t\tscales: {

\t\t\t\t\txAxes: [
\t\t\t\t\t\t{
\t\t\t\t\t\ttype: 'category',

\t\t\t\t\t\tlabels : my_labels, // qui est un tableau simple

\t\t\t\t\t\t/* / insertion des données sur l'axe (ox) */
\t\t\t\t\t\tgridLines: {
\t\t\t\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\t\t\t\tdrawTicks: false,
\t\t\t\t\t\t\t\tcolor: \"#f0f2f4\"
\t\t\t\t\t\t\t},

\t\t\t\t\t\t\tticks: {
\t\t\t\t\t\t\t\tpadding: 20 // pour le marge % axe x
\t\t\t\t\t\t\t}
\t\t\t\t\t\t}
\t\t\t\t\t],
\t\t\t\t\tyAxes: [
\t\t\t\t\t{
\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#dddfe1\"
\t\t\t\t\t},
\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe y
\t\t\t\t\tmin: 0,
\t\t\t\t\tmax: 100,
\t\t\t\t\tcallback: function (value) {
\t\t\t\t\treturn value + \"%\"
\t\t\t\t\t}
\t\t\t\t\t},

\t\t\t\t\tdisplay: true,
\t\t\t\t\tscaleLabel: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\tlabelString: ''
\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t}
\t\t\t\t\t}

\t\t\t\t\t};

\t\t\t\t\tvar myChart1 = new Chart(ctx1, config1);
\t\t\t\t\t// pour dire qu'on va utiliser notre propre légende html fenitra
\t\t\t\t\tdocument.getElementById('chart-legends_to').innerHTML = myChart1.generateLegend();

\t\t\t\t\t// event pour data 1

\t\t\t\t\tvar ev_click = false;
\t\t\t\t\tvar tab_temp = [];
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) { // myChart1.data.datasets[0].data[i]= -10;
\t\t\t\t\ttab_temp[i] = myChart1.data.datasets[0].data[i];
\t\t\t\t\t}
\t\t\t\t\t\$(\"#chart-legends_to\").on('click', \"li span[data_leg=0]\", function () {

\t\t\t\t\tif (ev_click == false) {
\t\t\t\t\t\$(\".ul_1 li span[data_leg=0]\").addClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart1.data.datasets[0].data[i] = -10;
\t\t\t\t\t}
\t\t\t\t\tmyChart1.update();
\t\t\t\t\tev_click = ! ev_click;
\t\t\t\t\t// alert(ev_click) ;
\t\t\t\t\t} else {
\t\t\t\t\t\$(\".ul_1 li span[data_leg=0]\").removeClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart1.data.datasets[0].data[i] = tab_temp[i];
\t\t\t\t\t}
\t\t\t\t\tmyChart1.update();
\t\t\t\t\tev_click = ! ev_click;
\t\t\t\t\t// alert(ev_click) ;
\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t\t// fin event pour data 1


\t\t\t\t\t// fin chart 1
\t\t\t\t\treturn myChart1;
\t\t\t\t\t}

\t\t\t\t\t// debut chart  2


\t\t\t\t\tfunction draw_chart2(my_data, my_labels) {
\t\t\t\t\tvar ctx2 = document.getElementById('canvas_ca').getContext(\"2d\");


\t\t\t\t\t// var gradientstroke = ctx.createLinearGradient(700, 0, 0, 0);
\t\t\t\t\t// gradientstroke.addColorStop(0, '#00d8c0');
\t\t\t\t\t// gradientstroke.addColorStop(1, '#ff6a72');

\t\t\t\t\tvar gradientfill_1 = ctx2.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_1.addColorStop(0, '#d29e00');
\t\t\t\t\tgradientfill_1.addColorStop(1, 'transparent');

\t\t\t\t\tvar gradientfill_2 = ctx2.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_2.addColorStop(0, '#55d8ff');
\t\t\t\t\tgradientfill_2.addColorStop(1, 'transparent');

\t\t\t\t\tvar config2 = {
\t\t\t\t\ttype: 'line',
\t\t\t\t\tdata: {
\t\t\t\t\tdatasets: [
\t\t\t\t\t{
\t\t\t\t\tlabel: \"Chiffre d'affaire\",
\t\t\t\t\tfill: true,
\t\t\t\t\tbackgroundColor: gradientfill_2,
\t\t\t\t\tborderColor: \"#55d8ff\",

\t\t\t\t\t/* insertion des données sur l'axe (oy) */

\t\t\t\t\tdata: my_data,

\t\t\t\t\t/* insertion des données sur l'axe (oy) */
\t\t\t\t\tpointStyle: 'circle',
\t\t\t\t\tpointBackgroundColor: \"transparent\",
\t\t\t\t\tpointBorderWidth: '2',
\t\t\t\t\tradius: '5',
\t\t\t\t\thoverRadius: '5',
\t\t\t\t\tborderWidth: 2
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t},
\t\t\t\t\toptions: {
\t\t\t\t\tlegend: {
\t\t\t\t\tdisplay: false,
\t\t\t\t\talign: 'start',
\t\t\t\t\tposition: 'bottom'

\t\t\t\t\t},

\t\t\t\t\tlegendCallback: function (chart) {
\t\t\t\t\tvar text = [];
\t\t\t\t\ttext.push('<ul class=\"my_liste_legend ul_2\">');
\t\t\t\t\tfor (var i = 0; i < chart.data.datasets.length; i++) {
\t\t\t\t\tconsole.log(chart.data.datasets[i]); // see what's inside the obj.
\t\t\t\t\ttext.push('<li>');
\t\t\t\t\ttext.push('<span data_leg = \"' + i + '\" style=\"background-color:' + chart.data.datasets[i].borderColor + '\">' + '</span><b data_leg = \"' + i + '\">' + chart.data.datasets[i].label + '</b>');
\t\t\t\t\ttext.push('</li>');
\t\t\t\t\t}
\t\t\t\t\ttext.push('</ul>');
\t\t\t\t\treturn text.join(\"\");
\t\t\t\t\t},
\t\t\t\t\tresponsive: true,
\t\t\t\t\ttitle: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\ttext: ''
\t\t\t\t\t},
\t\t\t\t\ttooltips: {
\t\t\t\t\tmode: 'index',
\t\t\t\t\tintersect: false
\t\t\t\t\t},
\t\t\t\t\thover: {
\t\t\t\t\tmode: 'nearest',
\t\t\t\t\tintersect: true
\t\t\t\t\t},

\t\t\t\t\tscales: {

\t\t\t\t\txAxes: [
\t\t\t\t\t{
\t\t\t\t\ttype: 'category',

\t\t\t\t\t/* insertion des données sur l'axe (ox) */

\t\t\t\t\tlabels: my_labels,
\t\t\t\t\t/* /insertion des données sur l'axe (ox) */

\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#f0f2f4\"
\t\t\t\t\t},

\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe x

\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t],
\t\t\t\t\tyAxes: [
\t\t\t\t\t{
\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#dddfe1\"
\t\t\t\t\t},
\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe y
\t\t\t\t\tmin: 0,
\t\t\t\t\tmax: 100,
\t\t\t\t\tstepSize: 20,

\t\t\t\t\tcallback: function (value) {
\t\t\t\t\treturn value + \"M Ar\"
\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\tdisplay: true,
\t\t\t\t\tscaleLabel: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\tlabelString: ''
\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t}
\t\t\t\t\t}

\t\t\t\t\t};
\t\t\t\t\t// si on veut ajouter un marge bottom des legendes
\t\t\t\t\t// Chart.Legend.prototype.afterFit = function() {
\t\t\t\t\t//     this.height = this.height + 150;

\t\t\t\t\t// };
\t\t\t\t\tvar myChart2 = new Chart(ctx2, config2);
\t\t\t\t\t// pour dire qu'on va utiliser notre propre légende html fenitra
\t\t\t\t\tdocument.getElementById('chart-legends_ca').innerHTML = myChart2.generateLegend();


\t\t\t\t\t// legende 2

\t\t\t\t\tvar ev_click2 = false;
\t\t\t\t\tvar tab_temp2 = [];
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) { // myChart2.data.datasets[0].data[i]= -10;
\t\t\t\t\ttab_temp2[i] = myChart2.data.datasets[0].data[i];
\t\t\t\t\t}
\t\t\t\t\t\$(\"#chart-legends_ca\").on('click', \"li span[data_leg=0]\", function () {

\t\t\t\t\tif (ev_click2 == false) {
\t\t\t\t\t\$(\".ul_2 li span[data_leg=0]\").addClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart2.data.datasets[0].data[i] = -10;
\t\t\t\t\t}
\t\t\t\t\tmyChart2.update();
\t\t\t\t\tev_click2 = ! ev_click2;
\t\t\t\t\t// alert(ev_click2) ;
\t\t\t\t\t} else {
\t\t\t\t\t\$(\".ul_2 li span[data_leg=0]\").removeClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart2.data.datasets[0].data[i] = tab_temp2[i];
\t\t\t\t\t}
\t\t\t\t\tmyChart2.update();
\t\t\t\t\tev_click2 = ! ev_click2;
\t\t\t\t\t// alert(ev_click2) ;
\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t\t// fin legende 2


\t\t\t\t\treturn myChart2;
\t\t\t\t\t}


\t\t\t\t\t// responsive pour les chart

\t\t\t\t\tfunction add_resp_heb(myChart1, myChart2) {
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.padding = 10;
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.stepSize = 20;
\t\t\t\t\t\tmyChart1.options.scales.xAxes[0].ticks.stepSize = 0;
\t\t\t\t\t\tmyChart1.options.scales.xAxes[0].ticks.fontSize = 8;

\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.padding = 10;
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.stepSize = 20;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.stepSize = 0;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.fontSize = 8;
\t\t\t\t\t\tfor (var i = myChart1.data.datasets.length - 1; i >= 0; i--) {
\t\t\t\t\t\t\tmyChart1.data.datasets[i].radius = '3';
\t\t\t\t\t\t}
\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tfor (var i = myChart2.data.datasets.length - 1; i >= 0; i--) {
\t\t\t\t\t\t\tmyChart2.data.datasets[i].radius = '3';
\t\t\t\t\t\t}
\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t}

\t\t\t\t\t// tracer
\t\t\t\t\tvar my_data_to = [
\t\t\t\t\t\t";
        // line 615
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["tab_heb_to"]) || array_key_exists("tab_heb_to", $context) ? $context["tab_heb_to"] : (function () { throw new RuntimeError('Variable "tab_heb_to" does not exist.', 615, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["t"]) {
            // line 616
            echo "\t\t\t\t\t\t\t";
            echo twig_escape_filter($this->env, $context["t"], "html", null, true);
            echo ",
\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['t'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 618
        echo "\t\t\t\t\t];

\t\t\t\t\tvar my_data_ca = [
\t\t\t\t\t\t";
        // line 621
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["tab_heb_ca"]) || array_key_exists("tab_heb_ca", $context) ? $context["tab_heb_ca"] : (function () { throw new RuntimeError('Variable "tab_heb_ca" does not exist.', 621, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["tca"]) {
            // line 622
            echo "\t\t\t\t\t\t\t";
            echo twig_escape_filter($this->env, $context["tca"], "html", null, true);
            echo " ,
\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['tca'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 623
        echo "];

\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];

\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\tvar myChart1 = 0;
\t\t\t\t\tvar myChart2 = 0;
\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data_to, my_labels);
\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data_ca, my_labels);
\t\t\t\t\t\tadd_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t
\t\t\t\t\t} else {
\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data_to, my_labels);
\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data_ca, my_labels);
\t\t\t\t\t\t\t\t
\t\t\t\t\t}
\t\t\t\t\t
\t\t\t\t\t//console.log(myChart1);
\t\t\t\t\t
\t\t\t\t\t/* ajax pour loader le graph */

\t\t\t\t\t/* debut dataTable */

\t\t\t\t\t\tvar pseudo_hotel = \"";
        // line 647
        echo twig_escape_filter($this->env, (isset($context["hotel"]) || array_key_exists("hotel", $context) ? $context["hotel"] : (function () { throw new RuntimeError('Variable "hotel" does not exist.', 647, $this->source); })()), "html", null, true);
        echo "\" ;
\t\t\t\t\t\t//alert(pseudo_hotel);
\t\t\t\t\t\tvar table = \$('#tab_client_heb').DataTable({
\t\t\t\t\t\t\t\t\t\"language\": {
\t\t\t\t\t\t\t\t\t\t\"sEmptyTable\": \"Aucune donnée disponible dans le tableau\",
\t\t\t\t\t\t\t\t\t\t\"sInfo\": \"Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments\",
\t\t\t\t\t\t\t\t\t\t\"sInfoEmpty\": \"Affichage de l'élément 0 à 0 sur 0 élément\",
\t\t\t\t\t\t\t\t\t\t\"sInfoFiltered\": \"(filtré à partir de _MAX_ éléments au total)\",
\t\t\t\t\t\t\t\t\t\t\"sInfoPostFix\": \"\",
\t\t\t\t\t\t\t\t\t\t\"sInfoThousands\": \",\",
\t\t\t\t\t\t\t\t\t\t\"sLengthMenu\": \"Afficher _MENU_ éléments\",
\t\t\t\t\t\t\t\t\t\t\"sLoadingRecords\": \"Chargement...\",
\t\t\t\t\t\t\t\t\t\t\"sProcessing\": \"Traitement...\",
\t\t\t\t\t\t\t\t\t\t\"sSearch\": \"Rechercher :\",
\t\t\t\t\t\t\t\t\t\t\"sZeroRecords\": \"Aucun élément correspondant trouvé\",
\t\t\t\t\t\t\t\t\t\t\"oPaginate\": {
\t\t\t\t\t\t\t\t\t\t\t\"sFirst\": \"Premier\",
\t\t\t\t\t\t\t\t\t\t\t\"sLast\": \"Dernier\",
\t\t\t\t\t\t\t\t\t\t\t\"sNext\": \"Suivant\",
\t\t\t\t\t\t\t\t\t\t\t\"sPrevious\": \"Précédent\"
\t\t\t\t\t\t\t\t\t\t},
\t\t\t\t\t\t\t\t\t\t\"oAria\": {
\t\t\t\t\t\t\t\t\t\t\t\"sSortAscending\": \": activer pour trier la colonne par ordre croissant\",
\t\t\t\t\t\t\t\t\t\t\t\"sSortDescending\": \": activer pour trier la colonne par ordre décroissant\"
\t\t\t\t\t\t\t\t\t\t},
\t\t\t\t\t\t\t\t\t\t\"select\": {
\t\t\t\t\t\t\t\t\t\t\t\"rows\": {
\t\t\t\t\t\t\t\t\t\t\t\t\t\"_\": \"%d lignes sélectionnées\",
\t\t\t\t\t\t\t\t\t\t\t\t\t\"0\": \"Aucune ligne sélectionnée\",
\t\t\t\t\t\t\t\t\t\t\t\t\t\"1\": \"1 ligne sélectionnée\"
\t\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t},
\t
\t\t\t\t\t\t\t\t\t\"ajax\" : {
\t\t\t\t\t\t\t\t\t\turl : \"/profile/select_current_client\", // any am Clientcontroller
\t\t\t\t\t\t\t\t\t\ttype : 'POST', 
\t\t\t\t\t\t\t\t\t\tdata : {'pseudo_hotel' : pseudo_hotel},
\t\t\t\t\t\t\t\t\t\t// success : function(response){
\t\t\t\t\t\t\t\t\t\t//     alert(\"nety\");
\t\t\t\t\t\t\t\t\t\t// }, 
\t\t\t\t\t\t\t\t\t\t// error : function(){
\t\t\t\t\t\t\t\t\t\t//     alert('erreur server');
\t\t\t\t\t\t\t\t\t\t// },
\t\t\t\t\t\t\t\t\t\t\"dataSrc\":\"\",
\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t},
\t
\t\t\t\t\t\t\t\t\t//annule le tri
\t\t\t\t\t\t\t\t\torder : [[0 , 'asc']],
\t\t\t\t\t\t\t\t\tordering : false,
\t
\t\t\t\t\t\t\t\t\tresponsive: true,
\t\t\t\t\t\t\t\t\tscrollY: false, // raha scrollena de asina val ex 400
\t\t\t\t\t\t\t\t\tscrollX: true,
\t\t\t\t\t\t\t\t\tscrollCollapse: true,
\t\t\t\t\t\t\t\t\tpaging: true,
\t\t\t\t\t\t\t\t\tautoFill: true
\t\t\t\t\t\t\t});
\t
\t\t\t\t\t\t\t\tnew \$.fn.dataTable.FixedHeader(table);
\t
\t\t\t\t\t\t\t/*  fiun table */

\t\t\t\t\t/* fin datatable */
\t\t\t\t\t// suppression client présent 

\t\t\t\t\t\$(document).on('click', \".btn_client_suppr\", function(ev){
\t\t\t\t\t\t//ev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t\$('#div__conf button.supprimer').attr('data-id', id);
\t\t\t\t\t})

\t\t\t\t\t\$('#div__conf button.supprimer').on('click', function(){
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t// ajax
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/suprimer_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"client_id\" : id,
\t\t\t\t\t\t\t\t\"pseudo_hotel\" : pseudo_hotel,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response == \"deleted\"){
\t\t\t\t\t\t\t\t\ttable.ajax.reload(null, false);
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t/* fin suppression client*/

\t\t\t\t\t/* debut modif client */

\t\t\t\t\t\$(document).on('click', '.btn_client_modif', function(ev){
\t\t\t\t\t\tev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/check_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"client_id\" : id,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\t
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\t\$('.modal_modif_client').html(response);
\t\t\t\t\t\t\t\t\$('#modal_form').modal('show');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$(document).on('click', '#a_modal_modif_client', function(ev){
\t\t\t\t\t\tev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr(\"data-id\");
\t\t\t\t\t\tvar nom = \$('#modif_nom_client').val();
\t\t\t\t\t\tvar prenom = \$('#modif_prenom_client').val();
\t\t\t\t\t\tvar date_arrivee = \$('#modif_date_arrivee').val();
\t\t\t\t\t\tvar date_depart = \$('#modif_date_depart').val();
\t\t\t\t\t\t//alert(id+\"/\"+nom+\"/\"+date_depart+\"/\"+date_arrivee+\"/\"+prenom);
\t\t\t\t\t\t// ajax
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/edit_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"id\" : id,
\t\t\t\t\t\t\t\t\"nom\" : nom,
\t\t\t\t\t\t\t\t\"prenom\" : prenom,
\t\t\t\t\t\t\t\t\"date_arrivee\" : date_arrivee,
\t\t\t\t\t\t\t\t\"date_depart\" : date_depart,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tbeforeSend : function(){
\t\t\t\t\t\t\t\$('#a_modal_modif_client').html('<span>Patienter...</span>'); 
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response == \"ok\"){
\t\t\t\t\t\t\t\t\ttable.ajax.reload(null, false);
\t\t\t\t\t\t\t\t\t\$('#modal_form').modal('hide');
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\tcomplete : function(){
\t\t\t\t\t\t\t\t\$('#a_modal_modif_client').html('<span>Enregistrer</span>'); 
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})


\t\t\t\t\t// triage chart heb_to
\t\t\t\t\t\$('#mois_heb_to').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_to').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_to').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_to/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;

\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$('#annee_heb_to').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_to').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_to').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_to/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;

\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t// triage chart heb_ca
\t\t\t\t\t\$('#mois_heb_ca').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_ca').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_ca').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_ca/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tconsole.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tconsole.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$('#annee_heb_ca').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_ca').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_ca').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t//alert(data.data);
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_ca/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){

\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\t//console.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\t//console.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_ca '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})


\t\t\t\t})
\t\t\t</script>



\t";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

    public function getTemplateName()
    {
        return "page/hebergement.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  872 => 647,  846 => 623,  837 => 622,  833 => 621,  828 => 618,  819 => 616,  815 => 615,  451 => 253,  441 => 252,  331 => 151,  320 => 149,  316 => 148,  281 => 115,  270 => 113,  266 => 112,  218 => 67,  209 => 61,  204 => 59,  201 => 58,  197 => 56,  195 => 55,  187 => 50,  182 => 48,  179 => 47,  175 => 45,  173 => 44,  165 => 39,  160 => 37,  157 => 36,  153 => 34,  151 => 33,  143 => 28,  138 => 26,  135 => 25,  131 => 23,  129 => 22,  115 => 10,  105 => 9,  92 => 7,  82 => 6,  71 => 3,  61 => 2,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("\t{% extends \"base.html.twig\" %}
{% block title %}
\tHébergement
{% endblock %}

\t{% block stylesheets %}
\t<link rel=\"stylesheet\" href=\"{{ asset('css/dashboard.css')}}\">
\t{% endblock %}
\t{% block body %}

\t<section id=\"contents\" class=\"container-fluid\">
\t<!-- entete content -->
\t<div id=\"top-content\">
\t\t<div id=\"entete_fixed\">
\t\t\t<ul>
\t\t\t\t<li>
\t\t\t\t\t<a href=\"#\" id=\"btn_drop_side_menu\">
\t\t\t\t\t\t<i data-show=\"show-side-navigation1\" class=\"fa fa-bars show-side-btn\"></i>
\t\t\t\t\t</a>
\t\t\t\t</li>
\t\t\t\t<li
\t\t\t\t\t\t\t\t{% if hotel == \"royal_beach\" %}
\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"{{ path('royal_beach', {'current_page' : current_page }) }}\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('images/hazo1.png')}}\" alt=\"logo1\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li
\t\t\t\t\t\t\t\t{% if hotel == \"calypso\" %}
\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"{{ path('calypso', {'current_page' : current_page }) }}\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"{{ asset('images/hazo2.png') }}\" alt=\"logo2\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li 
\t\t\t\t\t\t\t\t{% if hotel == \"baobab_tree\" %}
\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"{{ path('baobab_tree', {'current_page' : current_page }) }}\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"{{ asset('images/hazo3.png') }}\" alt=\"logo3\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li
\t\t\t\t\t\t\t\t{% if hotel == \"vanila_hotel\" %}
\t\t\t\t\t\t\t\t\tclass=\"logo_active\"
\t\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t<a href=\"{{ path('vanila_hotel', {'current_page' : current_page }) }}\">
\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t<img src=\"{{ asset('images/hazo4.png') }}\" alt=\"logo4\">
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t<li id=\"log_out_entete\">
\t\t\t\t\t<div>
\t\t\t\t\t\t <a href=\"{{ path('app_logout') }}\">
\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"fa fa-power-off fa-2x\"></span>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>
\t\t\t\t</li>
\t\t\t</ul>
\t\t</div>
\t</div>
\t<!-- / entete content -->

\t<!-- contenue  -->
\t<div id=\"hrs_content\">
\t\t<div>
\t\t\t<div class=\"col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<section class=\"section_part\" id=\"section_part_top\">
\t\t\t\t\t<div class=\"sous_titre\">
\t\t\t\t\t\t<h3>Hébergement</h3>
\t\t\t\t\t</div>
\t\t\t\t</section>
\t\t\t</div>
\t\t\t<div
\t\t\t\tclass=\"col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<!-- debut chart 1 -->
\t\t\t\t<section class=\"section_part tab_content margin_tab\">
\t\t\t\t\t<div class=\"chart_title\">
\t\t\t\t\t\t<div class=\"chart_title-part\">
\t\t\t\t\t\t\t<h4>Taux d'occupation</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t<select name=\"\" id=\"mois_heb_to\">
\t\t\t\t\t\t\t\t<option selected = \"selected\" value = \"tous_les_mois\">Tous les mois</option>
\t\t\t\t\t\t\t\t<option value = \"01\">Janvier</option>
\t\t\t\t\t\t\t\t<option value = \"02\">Février</option>
\t\t\t\t\t\t\t\t<option value = \"03\">Mars</option>
\t\t\t\t\t\t\t\t<option value = \"04\">Avril</option>
\t\t\t\t\t\t\t\t<option value = \"05\">Mai</option>
\t\t\t\t\t\t\t\t<option value = \"06\">Juin</option>
\t\t\t\t\t\t\t\t<option value = \"07\">Juillet</option>
\t\t\t\t\t\t\t\t<option value = \"08\">Août</option>
\t\t\t\t\t\t\t\t<option value = \"09\">Septembre</option>
\t\t\t\t\t\t\t\t<option value = \"10\">Octobre</option>
\t\t\t\t\t\t\t\t<option value = \"11\">Novembre</option>
\t\t\t\t\t\t\t\t<option value = \"12\">Décembre</option>
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t\t<select name=\"\" class=\"annee\" id=\"annee_heb_to\">
\t\t\t\t\t\t\t\t{% for a in tab_annee %}
\t\t\t\t\t\t\t\t\t<option value=\"{{ a }}\">{{ a }}</option>
\t\t\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<div>
\t\t\t\t\t\t<canvas id=\"canvas_to\"></canvas>
\t\t\t\t\t</div>
\t\t\t\t\t<div id=\"chart-legends_to\"></div>

\t\t\t\t</section>
\t\t\t\t<!-- fin chart 1 -->
\t\t\t\t<!-- debut chart 2 -->
\t\t\t\t<section class=\"section_part tab_content margin_tab\">
\t\t\t\t\t<div class=\"chart_title\">
\t\t\t\t\t\t<div class=\"chart_title-part\">
\t\t\t\t\t\t\t<h4>Chiffre d'affaire</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t<select name=\"\" id=\"mois_heb_ca\">
\t\t\t\t\t\t\t\t<option selected = \"selected\" value = \"tous_les_mois\">Tous les mois</option>
\t\t\t\t\t\t\t\t<option value = \"01\">Janvier</option>
\t\t\t\t\t\t\t\t<option value = \"02\">Février</option>
\t\t\t\t\t\t\t\t<option value = \"03\">Mars</option>
\t\t\t\t\t\t\t\t<option value = \"04\">Avril</option>
\t\t\t\t\t\t\t\t<option value = \"05\">Mai</option>
\t\t\t\t\t\t\t\t<option value = \"06\">Juin</option>
\t\t\t\t\t\t\t\t<option value = \"07\">Juillet</option>
\t\t\t\t\t\t\t\t<option value = \"08\">Août</option>
\t\t\t\t\t\t\t\t<option value = \"09\">Septembre</option>
\t\t\t\t\t\t\t\t<option value = \"10\">Octobre</option>
\t\t\t\t\t\t\t\t<option value = \"11\">Novembre</option>
\t\t\t\t\t\t\t\t<option value = \"12\">Décembre</option>
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t\t<select name=\"\" class=\"annee\" id = \"annee_heb_ca\">
\t\t\t\t\t\t\t\t{% for a in tab_annee %}
\t\t\t\t\t\t\t\t\t<option value=\"{{ a }}\">{{ a }}</option>
\t\t\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<div>
\t\t\t\t\t\t<canvas id=\"canvas_ca\"></canvas>
\t\t\t\t\t</div>
\t\t\t\t\t<div id=\"chart-legends_ca\"></div>

\t\t\t\t</section>
\t\t\t\t<!-- fin chart2  -->
\t\t\t</div>
\t\t\t<div class=\"col-lg-8 col-md-8 col-sm-12 col-sm-12 col-xs-12\">
\t\t\t\t<section class=\"section_part tab_content margin_tab tab_liste_client\">
\t\t\t\t\t<div class=\"tableau\">
\t\t\t\t\t\t<div class=\"sous_titre\">
\t\t\t\t\t\t\t<h4>Liste des clients hébergés</h4>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<section class=\" filtre\">
\t\t\t\t\t\t\t<div class=\"sous_titre_filtre\">
\t\t\t\t\t\t\t\t<h3>Filtre</h3>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<form action=\"\" class=\"tri\">
\t\t\t\t\t\t\t\t<input type=\"date\">
\t\t\t\t\t\t\t\t<input type=\"date\">
\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t</section>
\t\t\t\t\t\t<div class=\"tableau tab_historique\">
\t\t\t\t\t\t\t<table class=\"display\" id=\"tab_client_heb\" style=\"width:100%\">
\t\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>NOM</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DATE D'ARRIVEE</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DATE DE DEPART</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>DUREE DU SEJOUR</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t\t<span>ACTIONS</span>
\t\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t\t<tbody id =\"tbody_load\">
                                            
                                </tbody>
\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- Modal modif  -->
                    <div class=\"modal fade\" id=\"modal_form\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">
                        <div class=\"modal-dialog opacity-animate4\">
                            <div class=\"modal-content\">
                                <div class=\"modal-header\">
                                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
                                    <h3 class=\"modal-title\" style=\"text-align: center;\">Modification</h3>
                                </div>
                                <div class=\"modal-body modal_modif_client\">
                                    
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- fin Modal modif  -->

                    <!-- Modal suppr  -->

                    <div class=\"modal fade\" id=\"modal_form_confirme\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">
                        <div class=\"modal-dialog opacity-animate4\">
                            <div class=\"modal-content\">
                                <div class=\"modal-header\">
                                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
                                    <h3 class=\"modal-title\" style=\"text-align: center;\">Voulez-vous vraiment supprimer cet élément ?</h3>
                                </div>
                                <div class=\"modal-body\">
                                    <div id=\"div__conf\">
                                        <button class=\"btn btn-warning supprimer\" data-id = \"\"  data-dismiss=\"modal\" data-confirm = \"oui\">Supprimer</button>
                                        <button class=\"btn btn-warning annuler\" data-dismiss=\"modal\" data-confirm = \"non\">Annuler</button>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <!-- fin Modal suppr  -->

\t\t\t\t\t</div>
\t\t\t\t</section>

\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- / contenue  -->
\t</section>

\t{% endblock %}
\t{% block javascripts %}

\t\t\t<script>
\t\t\t\t\$(document).ready(function () {
\t\t\t\t\tfunction draw_chart1(my_data, my_labels) {

\t\t\t\t\tvar ctx1 = document.getElementById('canvas_to').getContext(\"2d\");

\t\t\t\t\tvar gradientfill_1 = ctx1.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_1.addColorStop(0, '#d29e00');
\t\t\t\t\tgradientfill_1.addColorStop(1, 'transparent');

\t\t\t\t\tvar gradientfill_2 = ctx1.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_2.addColorStop(0, '#55d8ff');
\t\t\t\t\tgradientfill_2.addColorStop(1, 'transparent');

\t\t\t\t\tvar config1 = {
\t\t\t\t\ttype: 'line',
\t\t\t\t\tdata: {
\t\t\t\t\tdatasets: [
\t\t\t\t\t{
\t\t\t\t\tlabel: \"Taux d'occupation\",
\t\t\t\t\tfill: true,
\t\t\t\t\tbackgroundColor: gradientfill_1,
\t\t\t\t\tborderColor: \"#d29e00\",

\t\t\t\t\t/* insertion des données sur l'axe (oy) */

\t\t\t\t\tdata: my_data, // qui est un tableau simple

\t\t\t\t\t/* / insertion des données sur l'axe (oy) */
\t\t\t\t\tpointStyle: 'circle',
\t\t\t\t\tpointBackgroundColor: \"transparent\",
\t\t\t\t\tpointBorderWidth: '2',
\t\t\t\t\tradius: '5',
\t\t\t\t\thoverRadius: '5',
\t\t\t\t\tborderWidth: 2

\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t},
\t\t\t\t\toptions: {
\t\t\t\t\t\tlegend: {
\t\t\t\t\t\t\tdisplay: false,
\t\t\t\t\t\t\talign: 'start',
\t\t\t\t\t\t\tposition: 'bottom'

\t\t\t\t\t\t},

\t\t\t\t\tlegendCallback: function (chart) {
\t\t\t\t\t\tvar text = [];
\t\t\t\t\t\ttext.push('<ul class=\"my_liste_legend ul_1\">');
\t\t\t\t\t\t\tfor (var i = 0; i < chart.data.datasets.length; i++) {
\t\t\t\t\t\t\t\tconsole.log(chart.data.datasets[i]); // see what's inside the obj.
\t\t\t\t\t\t\t\ttext.push('<li>');
\t\t\t\t\t\t\t\ttext.push('<span data_leg = \"' + i + '\" style=\"background-color:' + chart.data.datasets[i].borderColor + '\">' + '</span><b data_leg = \"' + i + '\">' + chart.data.datasets[i].label + '</b>');
\t\t\t\t\t\t\t\ttext.push('</li>');
\t\t\t\t\t\t\t}
\t\t\t\t\t\t\ttext.push('</ul>');
\t\t\t\t\t\treturn text.join(\"\");
\t\t\t\t\t},
\t\t\t\t\tresponsive: true,
\t\t\t\t\ttitle: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\ttext: ''
\t\t\t\t\t},
\t\t\t\t\ttooltips: {
\t\t\t\t\t\tmode: 'index',
\t\t\t\t\t\tintersect: false
\t\t\t\t\t},
\t\t\t\t\thover: {
\t\t\t\t\t\tmode: 'nearest',
\t\t\t\t\t\tintersect: true
\t\t\t\t\t},

\t\t\t\t\tscales: {

\t\t\t\t\txAxes: [
\t\t\t\t\t\t{
\t\t\t\t\t\ttype: 'category',

\t\t\t\t\t\tlabels : my_labels, // qui est un tableau simple

\t\t\t\t\t\t/* / insertion des données sur l'axe (ox) */
\t\t\t\t\t\tgridLines: {
\t\t\t\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\t\t\t\tdrawTicks: false,
\t\t\t\t\t\t\t\tcolor: \"#f0f2f4\"
\t\t\t\t\t\t\t},

\t\t\t\t\t\t\tticks: {
\t\t\t\t\t\t\t\tpadding: 20 // pour le marge % axe x
\t\t\t\t\t\t\t}
\t\t\t\t\t\t}
\t\t\t\t\t],
\t\t\t\t\tyAxes: [
\t\t\t\t\t{
\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#dddfe1\"
\t\t\t\t\t},
\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe y
\t\t\t\t\tmin: 0,
\t\t\t\t\tmax: 100,
\t\t\t\t\tcallback: function (value) {
\t\t\t\t\treturn value + \"%\"
\t\t\t\t\t}
\t\t\t\t\t},

\t\t\t\t\tdisplay: true,
\t\t\t\t\tscaleLabel: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\tlabelString: ''
\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t}
\t\t\t\t\t}

\t\t\t\t\t};

\t\t\t\t\tvar myChart1 = new Chart(ctx1, config1);
\t\t\t\t\t// pour dire qu'on va utiliser notre propre légende html fenitra
\t\t\t\t\tdocument.getElementById('chart-legends_to').innerHTML = myChart1.generateLegend();

\t\t\t\t\t// event pour data 1

\t\t\t\t\tvar ev_click = false;
\t\t\t\t\tvar tab_temp = [];
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) { // myChart1.data.datasets[0].data[i]= -10;
\t\t\t\t\ttab_temp[i] = myChart1.data.datasets[0].data[i];
\t\t\t\t\t}
\t\t\t\t\t\$(\"#chart-legends_to\").on('click', \"li span[data_leg=0]\", function () {

\t\t\t\t\tif (ev_click == false) {
\t\t\t\t\t\$(\".ul_1 li span[data_leg=0]\").addClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart1.data.datasets[0].data[i] = -10;
\t\t\t\t\t}
\t\t\t\t\tmyChart1.update();
\t\t\t\t\tev_click = ! ev_click;
\t\t\t\t\t// alert(ev_click) ;
\t\t\t\t\t} else {
\t\t\t\t\t\$(\".ul_1 li span[data_leg=0]\").removeClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart1.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart1.data.datasets[0].data[i] = tab_temp[i];
\t\t\t\t\t}
\t\t\t\t\tmyChart1.update();
\t\t\t\t\tev_click = ! ev_click;
\t\t\t\t\t// alert(ev_click) ;
\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t\t// fin event pour data 1


\t\t\t\t\t// fin chart 1
\t\t\t\t\treturn myChart1;
\t\t\t\t\t}

\t\t\t\t\t// debut chart  2


\t\t\t\t\tfunction draw_chart2(my_data, my_labels) {
\t\t\t\t\tvar ctx2 = document.getElementById('canvas_ca').getContext(\"2d\");


\t\t\t\t\t// var gradientstroke = ctx.createLinearGradient(700, 0, 0, 0);
\t\t\t\t\t// gradientstroke.addColorStop(0, '#00d8c0');
\t\t\t\t\t// gradientstroke.addColorStop(1, '#ff6a72');

\t\t\t\t\tvar gradientfill_1 = ctx2.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_1.addColorStop(0, '#d29e00');
\t\t\t\t\tgradientfill_1.addColorStop(1, 'transparent');

\t\t\t\t\tvar gradientfill_2 = ctx2.createLinearGradient(0, 0, 0, 320);
\t\t\t\t\tgradientfill_2.addColorStop(0, '#55d8ff');
\t\t\t\t\tgradientfill_2.addColorStop(1, 'transparent');

\t\t\t\t\tvar config2 = {
\t\t\t\t\ttype: 'line',
\t\t\t\t\tdata: {
\t\t\t\t\tdatasets: [
\t\t\t\t\t{
\t\t\t\t\tlabel: \"Chiffre d'affaire\",
\t\t\t\t\tfill: true,
\t\t\t\t\tbackgroundColor: gradientfill_2,
\t\t\t\t\tborderColor: \"#55d8ff\",

\t\t\t\t\t/* insertion des données sur l'axe (oy) */

\t\t\t\t\tdata: my_data,

\t\t\t\t\t/* insertion des données sur l'axe (oy) */
\t\t\t\t\tpointStyle: 'circle',
\t\t\t\t\tpointBackgroundColor: \"transparent\",
\t\t\t\t\tpointBorderWidth: '2',
\t\t\t\t\tradius: '5',
\t\t\t\t\thoverRadius: '5',
\t\t\t\t\tborderWidth: 2
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t},
\t\t\t\t\toptions: {
\t\t\t\t\tlegend: {
\t\t\t\t\tdisplay: false,
\t\t\t\t\talign: 'start',
\t\t\t\t\tposition: 'bottom'

\t\t\t\t\t},

\t\t\t\t\tlegendCallback: function (chart) {
\t\t\t\t\tvar text = [];
\t\t\t\t\ttext.push('<ul class=\"my_liste_legend ul_2\">');
\t\t\t\t\tfor (var i = 0; i < chart.data.datasets.length; i++) {
\t\t\t\t\tconsole.log(chart.data.datasets[i]); // see what's inside the obj.
\t\t\t\t\ttext.push('<li>');
\t\t\t\t\ttext.push('<span data_leg = \"' + i + '\" style=\"background-color:' + chart.data.datasets[i].borderColor + '\">' + '</span><b data_leg = \"' + i + '\">' + chart.data.datasets[i].label + '</b>');
\t\t\t\t\ttext.push('</li>');
\t\t\t\t\t}
\t\t\t\t\ttext.push('</ul>');
\t\t\t\t\treturn text.join(\"\");
\t\t\t\t\t},
\t\t\t\t\tresponsive: true,
\t\t\t\t\ttitle: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\ttext: ''
\t\t\t\t\t},
\t\t\t\t\ttooltips: {
\t\t\t\t\tmode: 'index',
\t\t\t\t\tintersect: false
\t\t\t\t\t},
\t\t\t\t\thover: {
\t\t\t\t\tmode: 'nearest',
\t\t\t\t\tintersect: true
\t\t\t\t\t},

\t\t\t\t\tscales: {

\t\t\t\t\txAxes: [
\t\t\t\t\t{
\t\t\t\t\ttype: 'category',

\t\t\t\t\t/* insertion des données sur l'axe (ox) */

\t\t\t\t\tlabels: my_labels,
\t\t\t\t\t/* /insertion des données sur l'axe (ox) */

\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#f0f2f4\"
\t\t\t\t\t},

\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe x

\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t],
\t\t\t\t\tyAxes: [
\t\t\t\t\t{
\t\t\t\t\tgridLines: {
\t\t\t\t\tdrawOnChartArea: true,
\t\t\t\t\tdrawTicks: false,
\t\t\t\t\tcolor: \"#dddfe1\"
\t\t\t\t\t},
\t\t\t\t\tticks: {
\t\t\t\t\tpadding: 20, // pour le marge % axe y
\t\t\t\t\tmin: 0,
\t\t\t\t\tmax: 100,
\t\t\t\t\tstepSize: 20,

\t\t\t\t\tcallback: function (value) {
\t\t\t\t\treturn value + \"M Ar\"
\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\tdisplay: true,
\t\t\t\t\tscaleLabel: {
\t\t\t\t\tdisplay: true,
\t\t\t\t\tlabelString: ''
\t\t\t\t\t}
\t\t\t\t\t}
\t\t\t\t\t]
\t\t\t\t\t}
\t\t\t\t\t}

\t\t\t\t\t};
\t\t\t\t\t// si on veut ajouter un marge bottom des legendes
\t\t\t\t\t// Chart.Legend.prototype.afterFit = function() {
\t\t\t\t\t//     this.height = this.height + 150;

\t\t\t\t\t// };
\t\t\t\t\tvar myChart2 = new Chart(ctx2, config2);
\t\t\t\t\t// pour dire qu'on va utiliser notre propre légende html fenitra
\t\t\t\t\tdocument.getElementById('chart-legends_ca').innerHTML = myChart2.generateLegend();


\t\t\t\t\t// legende 2

\t\t\t\t\tvar ev_click2 = false;
\t\t\t\t\tvar tab_temp2 = [];
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) { // myChart2.data.datasets[0].data[i]= -10;
\t\t\t\t\ttab_temp2[i] = myChart2.data.datasets[0].data[i];
\t\t\t\t\t}
\t\t\t\t\t\$(\"#chart-legends_ca\").on('click', \"li span[data_leg=0]\", function () {

\t\t\t\t\tif (ev_click2 == false) {
\t\t\t\t\t\$(\".ul_2 li span[data_leg=0]\").addClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart2.data.datasets[0].data[i] = -10;
\t\t\t\t\t}
\t\t\t\t\tmyChart2.update();
\t\t\t\t\tev_click2 = ! ev_click2;
\t\t\t\t\t// alert(ev_click2) ;
\t\t\t\t\t} else {
\t\t\t\t\t\$(\".ul_2 li span[data_leg=0]\").removeClass(\"legende_click\");
\t\t\t\t\tfor (var i = 0; i < myChart2.data.datasets[0].data.length; i++) {
\t\t\t\t\tmyChart2.data.datasets[0].data[i] = tab_temp2[i];
\t\t\t\t\t}
\t\t\t\t\tmyChart2.update();
\t\t\t\t\tev_click2 = ! ev_click2;
\t\t\t\t\t// alert(ev_click2) ;
\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t\t// fin legende 2


\t\t\t\t\treturn myChart2;
\t\t\t\t\t}


\t\t\t\t\t// responsive pour les chart

\t\t\t\t\tfunction add_resp_heb(myChart1, myChart2) {
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.padding = 10;
\t\t\t\t\t\tmyChart1.options.scales.yAxes[0].ticks.stepSize = 20;
\t\t\t\t\t\tmyChart1.options.scales.xAxes[0].ticks.stepSize = 0;
\t\t\t\t\t\tmyChart1.options.scales.xAxes[0].ticks.fontSize = 8;

\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.padding = 10;
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.stepSize = 20;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.stepSize = 0;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.fontSize = 8;
\t\t\t\t\t\tfor (var i = myChart1.data.datasets.length - 1; i >= 0; i--) {
\t\t\t\t\t\t\tmyChart1.data.datasets[i].radius = '3';
\t\t\t\t\t\t}
\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\tmyChart2.options.scales.yAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tmyChart2.options.scales.xAxes[0].ticks.fontSize = 7;
\t\t\t\t\t\tfor (var i = myChart2.data.datasets.length - 1; i >= 0; i--) {
\t\t\t\t\t\t\tmyChart2.data.datasets[i].radius = '3';
\t\t\t\t\t\t}
\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t}

\t\t\t\t\t// tracer
\t\t\t\t\tvar my_data_to = [
\t\t\t\t\t\t{% for t in tab_heb_to %}
\t\t\t\t\t\t\t{{ t }},
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t];

\t\t\t\t\tvar my_data_ca = [
\t\t\t\t\t\t{% for tca in tab_heb_ca %}
\t\t\t\t\t\t\t{{ tca }} ,
\t\t\t\t\t\t{% endfor %}];

\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];

\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\tvar myChart1 = 0;
\t\t\t\t\tvar myChart2 = 0;
\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data_to, my_labels);
\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data_ca, my_labels);
\t\t\t\t\t\tadd_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t
\t\t\t\t\t} else {
\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data_to, my_labels);
\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data_ca, my_labels);
\t\t\t\t\t\t\t\t
\t\t\t\t\t}
\t\t\t\t\t
\t\t\t\t\t//console.log(myChart1);
\t\t\t\t\t
\t\t\t\t\t/* ajax pour loader le graph */

\t\t\t\t\t/* debut dataTable */

\t\t\t\t\t\tvar pseudo_hotel = \"{{ hotel }}\" ;
\t\t\t\t\t\t//alert(pseudo_hotel);
\t\t\t\t\t\tvar table = \$('#tab_client_heb').DataTable({
\t\t\t\t\t\t\t\t\t\"language\": {
\t\t\t\t\t\t\t\t\t\t\"sEmptyTable\": \"Aucune donnée disponible dans le tableau\",
\t\t\t\t\t\t\t\t\t\t\"sInfo\": \"Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments\",
\t\t\t\t\t\t\t\t\t\t\"sInfoEmpty\": \"Affichage de l'élément 0 à 0 sur 0 élément\",
\t\t\t\t\t\t\t\t\t\t\"sInfoFiltered\": \"(filtré à partir de _MAX_ éléments au total)\",
\t\t\t\t\t\t\t\t\t\t\"sInfoPostFix\": \"\",
\t\t\t\t\t\t\t\t\t\t\"sInfoThousands\": \",\",
\t\t\t\t\t\t\t\t\t\t\"sLengthMenu\": \"Afficher _MENU_ éléments\",
\t\t\t\t\t\t\t\t\t\t\"sLoadingRecords\": \"Chargement...\",
\t\t\t\t\t\t\t\t\t\t\"sProcessing\": \"Traitement...\",
\t\t\t\t\t\t\t\t\t\t\"sSearch\": \"Rechercher :\",
\t\t\t\t\t\t\t\t\t\t\"sZeroRecords\": \"Aucun élément correspondant trouvé\",
\t\t\t\t\t\t\t\t\t\t\"oPaginate\": {
\t\t\t\t\t\t\t\t\t\t\t\"sFirst\": \"Premier\",
\t\t\t\t\t\t\t\t\t\t\t\"sLast\": \"Dernier\",
\t\t\t\t\t\t\t\t\t\t\t\"sNext\": \"Suivant\",
\t\t\t\t\t\t\t\t\t\t\t\"sPrevious\": \"Précédent\"
\t\t\t\t\t\t\t\t\t\t},
\t\t\t\t\t\t\t\t\t\t\"oAria\": {
\t\t\t\t\t\t\t\t\t\t\t\"sSortAscending\": \": activer pour trier la colonne par ordre croissant\",
\t\t\t\t\t\t\t\t\t\t\t\"sSortDescending\": \": activer pour trier la colonne par ordre décroissant\"
\t\t\t\t\t\t\t\t\t\t},
\t\t\t\t\t\t\t\t\t\t\"select\": {
\t\t\t\t\t\t\t\t\t\t\t\"rows\": {
\t\t\t\t\t\t\t\t\t\t\t\t\t\"_\": \"%d lignes sélectionnées\",
\t\t\t\t\t\t\t\t\t\t\t\t\t\"0\": \"Aucune ligne sélectionnée\",
\t\t\t\t\t\t\t\t\t\t\t\t\t\"1\": \"1 ligne sélectionnée\"
\t\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t},
\t
\t\t\t\t\t\t\t\t\t\"ajax\" : {
\t\t\t\t\t\t\t\t\t\turl : \"/profile/select_current_client\", // any am Clientcontroller
\t\t\t\t\t\t\t\t\t\ttype : 'POST', 
\t\t\t\t\t\t\t\t\t\tdata : {'pseudo_hotel' : pseudo_hotel},
\t\t\t\t\t\t\t\t\t\t// success : function(response){
\t\t\t\t\t\t\t\t\t\t//     alert(\"nety\");
\t\t\t\t\t\t\t\t\t\t// }, 
\t\t\t\t\t\t\t\t\t\t// error : function(){
\t\t\t\t\t\t\t\t\t\t//     alert('erreur server');
\t\t\t\t\t\t\t\t\t\t// },
\t\t\t\t\t\t\t\t\t\t\"dataSrc\":\"\",
\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t},
\t
\t\t\t\t\t\t\t\t\t//annule le tri
\t\t\t\t\t\t\t\t\torder : [[0 , 'asc']],
\t\t\t\t\t\t\t\t\tordering : false,
\t
\t\t\t\t\t\t\t\t\tresponsive: true,
\t\t\t\t\t\t\t\t\tscrollY: false, // raha scrollena de asina val ex 400
\t\t\t\t\t\t\t\t\tscrollX: true,
\t\t\t\t\t\t\t\t\tscrollCollapse: true,
\t\t\t\t\t\t\t\t\tpaging: true,
\t\t\t\t\t\t\t\t\tautoFill: true
\t\t\t\t\t\t\t});
\t
\t\t\t\t\t\t\t\tnew \$.fn.dataTable.FixedHeader(table);
\t
\t\t\t\t\t\t\t/*  fiun table */

\t\t\t\t\t/* fin datatable */
\t\t\t\t\t// suppression client présent 

\t\t\t\t\t\$(document).on('click', \".btn_client_suppr\", function(ev){
\t\t\t\t\t\t//ev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t\$('#div__conf button.supprimer').attr('data-id', id);
\t\t\t\t\t})

\t\t\t\t\t\$('#div__conf button.supprimer').on('click', function(){
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t// ajax
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/suprimer_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"client_id\" : id,
\t\t\t\t\t\t\t\t\"pseudo_hotel\" : pseudo_hotel,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response == \"deleted\"){
\t\t\t\t\t\t\t\t\ttable.ajax.reload(null, false);
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t/* fin suppression client*/

\t\t\t\t\t/* debut modif client */

\t\t\t\t\t\$(document).on('click', '.btn_client_modif', function(ev){
\t\t\t\t\t\tev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr('data-id');
\t\t\t\t\t\t//alert(id);
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/check_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"client_id\" : id,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\t
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\t\$('.modal_modif_client').html(response);
\t\t\t\t\t\t\t\t\$('#modal_form').modal('show');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$(document).on('click', '#a_modal_modif_client', function(ev){
\t\t\t\t\t\tev.preventDefault();
\t\t\t\t\t\tvar id = \$(this).attr(\"data-id\");
\t\t\t\t\t\tvar nom = \$('#modif_nom_client').val();
\t\t\t\t\t\tvar prenom = \$('#modif_prenom_client').val();
\t\t\t\t\t\tvar date_arrivee = \$('#modif_date_arrivee').val();
\t\t\t\t\t\tvar date_depart = \$('#modif_date_depart').val();
\t\t\t\t\t\t//alert(id+\"/\"+nom+\"/\"+date_depart+\"/\"+date_arrivee+\"/\"+prenom);
\t\t\t\t\t\t// ajax
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/edit_client\",
\t\t\t\t\t\t\tdata : {
\t\t\t\t\t\t\t\t\"id\" : id,
\t\t\t\t\t\t\t\t\"nom\" : nom,
\t\t\t\t\t\t\t\t\"prenom\" : prenom,
\t\t\t\t\t\t\t\t\"date_arrivee\" : date_arrivee,
\t\t\t\t\t\t\t\t\"date_depart\" : date_depart,
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tbeforeSend : function(){
\t\t\t\t\t\t\t\$('#a_modal_modif_client').html('<span>Patienter...</span>'); 
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response == \"ok\"){
\t\t\t\t\t\t\t\t\ttable.ajax.reload(null, false);
\t\t\t\t\t\t\t\t\t\$('#modal_form').modal('hide');
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur de server');
\t\t\t\t\t\t\t},
\t\t\t\t\t\t\tcomplete : function(){
\t\t\t\t\t\t\t\t\$('#a_modal_modif_client').html('<span>Enregistrer</span>'); 
\t\t\t\t\t\t\t},
\t\t\t\t\t\t})
\t\t\t\t\t})


\t\t\t\t\t// triage chart heb_to
\t\t\t\t\t\$('#mois_heb_to').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_to').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_to').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_to/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;

\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$('#annee_heb_to').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_to').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_to').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_to/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;

\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\tvar myChart1 = draw_chart1(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart1.update();
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t// triage chart heb_ca
\t\t\t\t\t\$('#mois_heb_ca').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_ca').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_ca').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_ca/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tconsole.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\tconsole.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_to '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})

\t\t\t\t\t\$('#annee_heb_ca').on('change', function(){
\t\t\t\t\t\t//alert('io')
\t\t\t\t\t\tvar mois = \$('#mois_heb_ca').val();
\t\t\t\t\t\tvar annee = \$('#annee_heb_ca').val();
\t\t\t\t\t\tvar data = {'data' : mois+\"-\"+annee};
\t\t\t\t\t\t//alert(data.data);
\t\t\t\t\t\t\$.ajax({
\t\t\t\t\t\t\turl : \"/admin/filtre/graph/heb_ca/\"+pseudo_hotel,
\t\t\t\t\t\t\ttype : \"POST\",
\t\t\t\t\t\t\tdata : data,
\t\t\t\t\t\t\tsuccess : function(response){
\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\tif(response){
\t\t\t\t\t\t\t\t\t//console.log(response);
\t\t\t\t\t\t\t\t\tif(mois != 'tous_les_mois'){

\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\t//console.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",\"25\",\"26\",\"27\",\"28\",\"29\",\"30\",\"31\"];

\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\telse{
\t\t\t\t\t\t\t\t\t\tvar my_data = response;
\t\t\t\t\t\t\t\t\t\t//console.log(my_data);
\t\t\t\t\t\t\t\t\t\tvar my_labels = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"];
\t\t\t\t\t\t\t\t\t\tvar w = \$(window).width();
\t\t\t\t\t\t\t\t\t\tif (w <= 768) {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t} else {
\t\t\t\t\t\t\t\t\t\t\tvar myChart2 = draw_chart2(my_data, my_labels);
\t\t\t\t\t\t\t\t\t\t\tmyChart2.update();
\t\t\t\t\t\t\t\t\t\t\t//add_resp_heb(myChart1, myChart2);
\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t}, 
\t\t\t\t\t\t\terror : function(error){
\t\t\t\t\t\t\t\talert('erreur server au niveau de triage chart heb_ca '+pseudo_hotel)
\t\t\t\t\t\t\t}
\t\t\t\t\t\t})
\t\t\t\t\t})


\t\t\t\t})
\t\t\t</script>



\t{% endblock %}
", "page/hebergement.html.twig", "F:\\Projet_symfony\\sounds\\templates\\page\\hebergement.html.twig");
    }
}
