var/cache/dev/twig/0a/0a7df8687e039fec3f3c943c17ddf068c4b11ea062885d75daf0bf06fe25b137.php line 39

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* studio/list.html.twig */
  16. class __TwigTemplate_97f85580bbabdce1edf7507af8e5a9314c94b335ed0bd811d579cb241133af3e extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'content' => [$this, 'block_content'],
  29.             'inlinescripts' => [$this, 'block_inlinescripts'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 1
  36.         return "layout.html.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "studio/list.html.twig"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "studio/list.html.twig"));
  48.         $this->parent = $this->loadTemplate("layout.html.twig", "studio/list.html.twig", 1);
  49.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  50.         
  51.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  53.         
  54.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  56.     }
  58.     // line 3
  59.     public function block_content($context, array $blocks = [])
  60.     {
  61.         $macros = $this->macros;
  62.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  63.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  65.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  66.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  68.         // line 4
  69.         echo "\t<!-- #main -->
  70. \t<main id=\"main\" role=\"main\">
  72. \t\t";
  73.         // line 7
  74.         echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "areablock", "top-content");
  75.         echo "
  76. \t\t<section id=\"sutdios\">
  77. \t\t\t<div class=\"apk-studios exk_booking_studio_list\">
  78. \t\t\t\t<div class=\"uk-container apk-container-1400\">
  79. \t\t\t\t\t";
  80.         // line 27
  81.         echo "\t\t\t\t\t";
  82.         $context["orderLink"] = (((("<a href=\"" . $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("account_orders")) . "\">") . $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("cliquez ici")) . "</a>");
  83.         // line 28
  84.         echo "\t\t\t\t\t";
  85.         if ((twig_length_filter($this->env, (isset($context["orders"]) || array_key_exists("orders", $context) ? $context["orders"] : (function () { throw new RuntimeError('Variable "orders" does not exist.', 28, $this->source); })())) == 1)) {
  86.             // line 29
  87.             echo "\t\t\t\t\t\t<div class=\"apk-alert-orange apk-f-24\" uk-alert>\t
  88. \t\t\t\t\t\t\t<p>";
  89.             // line 30
  90.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Vous avez une réservation en cours. Pour consulter votre réservation"), "html", null, true);
  91.             echo " ";
  92.             echo (isset($context["orderLink"]) || array_key_exists("orderLink", $context) ? $context["orderLink"] : (function () { throw new RuntimeError('Variable "orderLink" does not exist.', 30, $this->source); })());
  93.             echo ".</p>
  94. \t\t\t\t\t\t</div>
  95. \t\t\t\t\t";
  96.         } elseif ((twig_length_filter($this->env,         // line 32
  97. (isset($context["orders"]) || array_key_exists("orders", $context) ? $context["orders"] : (function () { throw new RuntimeError('Variable "orders" does not exist.', 32, $this->source); })())) > 1)) {
  98.             // line 33
  99.             echo "\t\t\t\t\t\t<div class=\"apk-alert-orange apk-f-24\" uk-alert>
  100. \t\t\t\t\t\t\t<p>";
  101.             // line 34
  102.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Vous avez des réservations en cours. Pour consulter vos réservations"), "html", null, true);
  103.             echo " ";
  104.             echo (isset($context["orderLink"]) || array_key_exists("orderLink", $context) ? $context["orderLink"] : (function () { throw new RuntimeError('Variable "orderLink" does not exist.', 34, $this->source); })());
  105.             echo ".</p>
  106. \t\t\t\t\t\t</div>
  107. \t\t\t\t\t";
  108.         }
  109.         // line 37
  110.         echo "
  112. \t\t\t\t\t<div class=\"apk-studios-filters\">
  113. \t\t\t\t\t\t<div class=\"uk-grid-medium uk-grid\" uk-grid uk-height-match=\"target: .apk-label-input-style , .apk-studios-filters-type\">
  114. \t\t\t\t\t\t\t
  115. \t\t\t\t\t\t\t<div class=\"uk-width-2-3@m apk-studios-filters-inputs\">
  116. \t\t\t\t\t\t\t\t<span class=\"apk-studios-filters--title uk-visible@s\">";
  117.         // line 43
  118.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Session"), "html", null, true);
  119.         echo "</span>
  120. \t\t\t\t\t\t\t\t<div class=\"uk-child-width-1-4@s uk-grid-collapse uk-grid apk-studios-filters-inputs-upper\" uk-grid>";
  121.         // line 46
  122.         if (twig_get_attribute($this->env, $this->source, (isset($context["document"]) || array_key_exists("document", $context) ? $context["document"] : (function () { throw new RuntimeError('Variable "document" does not exist.', 46, $this->source); })()), "property", [0 => "defaultSearchPlace"], "method", false, false, false, 46)) {
  123.             // line 47
  124.             echo "\t\t\t\t\t\t\t\t\t\t<span id=\"defaultSearchPlaceId\" hidden apk-data-id=\"";
  125.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["document"]) || array_key_exists("document", $context) ? $context["document"] : (function () { throw new RuntimeError('Variable "document" does not exist.', 47, $this->source); })()), "property", [0 => "defaultSearchPlace"], "method", false, false, false, 47), "id", [], "any", false, false, false, 47), "html", null, true);
  126.             echo "\"></span>
  127. \t\t\t\t\t\t\t\t\t";
  128.         }
  129.         // line 49
  130.         echo "                                    ";
  131.         if (twig_get_attribute($this->env, $this->source, (isset($context["document"]) || array_key_exists("document", $context) ? $context["document"] : (function () { throw new RuntimeError('Variable "document" does not exist.', 49, $this->source); })()), "property", [0 => "defaultSearchPlace"], "method", false, false, false, 49)) {
  132.             // line 50
  133.             echo "                                        <span id=\"defaultHoursSelected\" hidden apk-data-id=\"";
  134.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("minimum_hours_selected", 1), "html", null, true);
  135.             echo "\"></span>
  136.                                     ";
  137.         }
  138.         // line 52
  139.         echo "\t\t\t\t\t\t\t\t\t<span id=\"pageLanguage\" hidden apk-data-id=\"";
  140.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 52, $this->source); })()), "request", [], "any", false, false, false, 52), "locale", [], "any", false, false, false, 52), "html", null, true);
  141.         echo "\"></span>
  143. \t\t\t\t\t\t\t\t\t";
  144.         // line 54
  145.         $context['_parent'] = $context;
  146.         $context['_seq'] = twig_ensure_traversable((isset($context["locations"]) || array_key_exists("locations", $context) ? $context["locations"] : (function () { throw new RuntimeError('Variable "locations" does not exist.', 54, $this->source); })()));
  147.         foreach ($context['_seq'] as $context["_key"] => $context["l"]) {
  148.             // line 55
  149.             echo "\t\t\t\t\t\t\t\t\t<div class=\"uk-width-auto@s uk-width-1-3@s uk-width-1-2 apk-width-75-2\">
  150. \t\t\t\t\t\t\t\t\t\t<label for=\"";
  151.             // line 56
  152.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["l"], "id", [], "any", false, false, false, 56), "html", null, true);
  153.             echo "\" class=\"apk-label-input-style is-radio-type\">
  154. \t\t\t\t\t\t\t\t\t\t\t<input value=\"";
  155.             // line 57
  156.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["l"], "id", [], "any", false, false, false, 57), "html", null, true);
  157.             echo "\" class=\"uk-checkbox\" type=\"radio\" id=\"";
  158.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["l"], "id", [], "any", false, false, false, 57), "html", null, true);
  159.             echo "\" data-studiodefault=\"";
  160.             if (twig_get_attribute($this->env, $this->source, $context["l"], "defaultCategory", [], "any", false, false, false, 57)) {
  161.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["l"], "defaultCategory", [], "any", false, false, false, 57), "id", [], "any", false, false, false, 57), "html", null, true);
  162.             }
  163.             echo "\" required v-model=\"sLocation\" @change=\"searchStudios()\">
  164. \t\t\t\t\t\t\t\t\t\t\t<span class=\"apk-label\">";
  165.             // line 58
  166.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["l"], "name", [], "any", false, false, false, 58), "html", null, true);
  167.             echo "</span>
  168. \t\t\t\t\t\t\t\t\t\t</label>
  169. \t\t\t\t\t\t\t\t\t</div>
  170. \t\t\t\t\t\t\t\t\t";
  171.         }
  172.         $_parent = $context['_parent'];
  173.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['l'], $context['_parent'], $context['loop']);
  174.         $context = array_intersect_key($context, $_parent) + $_parent;
  175.         // line 62
  176.         echo "\t\t\t\t\t\t\t\t</div>
  177. \t\t\t\t\t\t\t\t<div class=\"uk-child-width-1-4@s uk-grid-collapse uk-grid\" uk-grid>
  179. \t\t\t\t\t\t\t\t\t";
  180.         // line 66
  181.         echo "\t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-width-2-5\">
  182. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\" style=\"position:relative;\">
  183. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDate\" class=\"uk-visible@s\">";
  184.         // line 68
  185.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Date"), "html", null, true);
  186.         echo "</label>
  187. \t\t\t\t\t\t\t\t\t\t\t<!-- Date Desktop text -->
  188. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"!isMobile\" class=\"bookDateDesktop\" :class=\"{ 'exk-form-input-danger' : sDateNotValid }\" type=\"text\" name=\"bookDate\" id=\"bookDate\" :data-value=\"sDate\" v-model=\"sDateDesktop\" required style=\"position:absolute; bottom:0; z-index: -1;\">
  190. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"!isMobile\" class=\"uk-input apk-input-date hide-browser-calendar bookDateDesktopText\" type=\"text\" :data-value=\"sDate\" v-model=\"sDateDesktopText\" required readonly=\"readonly\">
  191. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" class=\"uk-input apk-input-date hide-browser-calendar bookDateMobile\" :class=\"{ 'exk-form-input-danger' : sDateNotValid }\" type=\"text\" name=\"bookDate\" id=\"bookDate\" required :value=\"sDateMobile\" :data-value=\"sDate\" readonly=\"readonly\">
  192. \t\t\t\t\t\t\t\t\t\t</div>
  193. \t\t\t\t\t\t\t\t\t</div>
  195. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-visible@s\">
  196. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\">
  197. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDate\" class=\"uk-visible@s\">";
  198.         // line 79
  199.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Hour"), "html", null, true);
  200.         echo "</label>
  201. \t\t\t\t\t\t\t\t\t\t\t<select v-if=\"!isMobile\" class=\"hide-browser-calendar uk-select apk-input-hour\" :class=\"{ 'exk-form-input-danger' : sHourNotValid }\" name=\"bookHour\" id=\"bookHour\" v-model=\"sHour\" @change=\"searchStudios()\" required>
  202. \t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\">";
  203.         // line 81
  204.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select an hour"), "html", null, true);
  205.         echo "</option>
  206. \t\t\t\t\t\t\t\t\t\t\t\t
  207. \t\t\t\t\t\t\t\t\t\t\t\t";
  208.         // line 83
  209.         $context["ii"] = [0 => 0, 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, 13 => 13, 14 => 14, 15 => 15, 16 => 16, 17 => 17, 18 => 18, 19 => 19, 20 => 20, 21 => 21, 22 => 22, 23 => 23];
  210.         // line 84
  211.         echo "
  212. \t\t\t\t\t\t\t\t\t\t\t\t";
  213.         // line 85
  214.         if (($this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur") && $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur"))) {
  215.             echo "\t
  216. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
  217. \t\t\t\t\t\t\t\t\t\t\t\t\t
  218. \t\t\t\t\t\t\t\t\t\t\t\t\t";
  219.             // line 88
  220.             $context["hourSeparator"] = null;
  221.             // line 89
  222.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t";
  223.             $context['_parent'] = $context;
  224.             $context['_seq'] = twig_ensure_traversable((isset($context["ii"]) || array_key_exists("ii", $context) ? $context["ii"] : (function () { throw new RuntimeError('Variable "ii" does not exist.', 89, $this->source); })()));
  225.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  226.                 // line 90
  227.                 echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  228.                 if (($this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur") < $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur"))) {
  229.                     // line 91
  230.                     echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  231.                     if ((($context["i"] >= $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur")) && ($context["i"] < $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur")))) {
  232.                         // line 92
  233.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"";
  234.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  235.                         echo "\" v-if=\"";
  236.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  237.                         echo " >= minHourAllowed\">";
  238.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  239.                         echo "h00</option>
  240. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  241.                     }
  242.                     // line 94
  243.                     echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  244.                 } else {
  245.                     // line 95
  246.                     echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  247.                     if ((($context["i"] < $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur")) || ($context["i"] >= $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur")))) {
  248.                         // line 96
  249.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"";
  250.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  251.                         echo "\" v-if=\"";
  252.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  253.                         echo " >= minHourAllowed\">";
  254.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  255.                         echo "h00</option>
  256. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  257.                     } else {
  258.                         // line 98
  259.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  260.                         if ( !(isset($context["hourSeparator"]) || array_key_exists("hourSeparator", $context) ? $context["hourSeparator"] : (function () { throw new RuntimeError('Variable "hourSeparator" does not exist.', 98, $this->source); })())) {
  261.                             // line 99
  262.                             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\" v-if=\"";
  263.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  264.                             echo " >= minHourAllowed\" disabled>---------------</option>
  265. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  266.                         }
  267.                         // line 101
  268.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  269.                         $context["hourSeparator"] = true;
  270.                         // line 102
  271.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  272.                     }
  273.                     // line 103
  274.                     echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  275.                 }
  276.                 // line 104
  277.                 echo "\t\t\t\t\t\t\t\t\t\t\t\t\t";
  278.             }
  279.             $_parent = $context['_parent'];
  280.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  281.             $context = array_intersect_key($context, $_parent) + $_parent;
  282.             // line 105
  283.             echo "
  284. \t\t\t\t\t\t\t\t\t\t\t\t";
  285.         } else {
  286.             // line 107
  287.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t";
  288.             // line 108
  289.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t";
  290.             $context['_parent'] = $context;
  291.             $context['_seq'] = twig_ensure_traversable((isset($context["ii"]) || array_key_exists("ii", $context) ? $context["ii"] : (function () { throw new RuntimeError('Variable "ii" does not exist.', 108, $this->source); })()));
  292.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  293.                 // line 109
  294.                 echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"";
  295.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  296.                 echo "\" v-if=\"";
  297.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  298.                 echo " >= minHourAllowed\">";
  299.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  300.                 echo "h00</option>
  301. \t\t\t\t\t\t\t\t\t\t\t\t\t";
  302.             }
  303.             $_parent = $context['_parent'];
  304.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  305.             $context = array_intersect_key($context, $_parent) + $_parent;
  306.             // line 111
  307.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
  308.         }
  309.         // line 112
  310.         echo "\t\t\t\t\t\t\t\t\t\t\t</select>
  312. \t\t\t\t\t\t\t\t\t\t\t";
  313.         // line 115
  314.         echo "\t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-select apk-input-hour bookHourMobile uk-visible@s\" :class=\"{ 'exk-form-input-danger' : sHourNotValid }\" name=\"bookHour\" id=\"bookHour\" @focus=\"searchStudios()\" placeholder=\"";
  315.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select an hour"), "html", null, true);
  316.         echo "\" required :data-value=\"sHour\" v-model=\"sHourMobile\" uk-toggle=\"target: #modal-hours\">
  317. \t\t\t\t\t\t\t\t\t\t</div>
  318. \t\t\t\t\t\t\t\t\t</div>
  319. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-width-3-5\">
  320. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\">
  321. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDuration\" class=\"uk-visible@s\">";
  322.         // line 120
  323.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Duration"), "html", null, true);
  324.         echo "</label>
  325. \t\t\t\t\t\t\t\t\t\t\t<select v-if=\"!isMobile\" class=\"uk-select apk-duration\" :class=\"{ 'exk-form-input-danger' : sDurationNotValid }\" name=\"bookDuration\" id=\"bookDuration\" v-model=\"sDuration\" @change=\"searchStudios()\" required>
  326. \t\t\t\t\t\t\t\t\t\t\t\t<!-- DEBUT OPTIONS A DYNAMISER -->
  327. \t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\">";
  328.         // line 123
  329.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select a duration"), "html", null, true);
  330.         echo "</option>
  331. \t\t\t\t\t\t\t\t\t\t\t\t";
  332.         // line 124
  333.         $context["hh"] = [0 => 1, 1 => 2, 2 => 3, 3 => 4, 4 => 5, 5 => 6, 6 => 7, 7 => 8, 8 => 9, 9 => 10, 10 => 11, 11 => 12];
  334.         // line 125
  335.         echo "\t\t\t\t\t\t\t\t\t\t\t\t";
  336.         $context['_parent'] = $context;
  337.         $context['_seq'] = twig_ensure_traversable((isset($context["hh"]) || array_key_exists("hh", $context) ? $context["hh"] : (function () { throw new RuntimeError('Variable "hh" does not exist.', 125, $this->source); })()));
  338.         foreach ($context['_seq'] as $context["_key"] => $context["h"]) {
  339.             // line 126
  340.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"";
  341.             echo twig_escape_filter($this->env, $context["h"], "html", null, true);
  342.             echo "\">
  343. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  344.             // line 127
  345.             echo twig_escape_filter($this->env, $context["h"], "html", null, true);
  346.             echo "h00
  347. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  348.             // line 133
  349.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t</option>
  350. \t\t\t\t\t\t\t\t\t\t\t\t";
  351.         }
  352.         $_parent = $context['_parent'];
  353.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['h'], $context['_parent'], $context['loop']);
  354.         $context = array_intersect_key($context, $_parent) + $_parent;
  355.         // line 135
  356.         echo "\t\t\t\t\t\t\t\t\t\t\t\t<!-- FIN OPTIONS A DYNAMISER -->
  357. \t\t\t\t\t\t\t\t\t\t\t</select>
  358. \t
  359. \t\t\t\t\t\t\t\t\t\t\t";
  360.         // line 139
  361.         echo "\t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-select apk-duration bookDurationMobile uk-visible@s\" :class=\"{ 'exk-form-input-danger' : sDurationNotValid }\" name=\"bookDuration\" id=\"bookDuration\" placeholder=\"";
  362.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select a duration"), "html", null, true);
  363.         echo "\" required :data-value=\"sDuration\" readonly=\"readonly\" v-model=\"sDurationMobile\" uk-toggle=\"target: #modal-hours\">
  364. \t
  365. \t\t\t\t\t\t\t\t\t\t\t";
  366.         // line 142
  367.         echo "\t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-input bookHourDuration uk-hidden@s apk-duration\" readonly=\"readonly\" uk-toggle=\"target: #modal-hours\">  
  368. \t\t\t\t\t\t\t\t\t\t</div>
  369. \t\t\t\t\t\t\t\t\t</div>
  370. \t\t\t\t\t\t\t\t\t";
  371.         // line 159
  372.         echo "\t\t\t\t\t\t\t\t\t<div class=\"uk-position-relative\">
  373. \t\t\t\t\t\t\t\t\t\t<button id=\"submit\" @focus=\"searchStudios()\" style=\"width:1px; height:1px; position: absolute; top: 0; left: 0; z-index: -1;\">
  374. \t\t\t\t\t\t\t\t\t\t\t";
  375.         // line 161
  376.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Recherche"), "html", null, true);
  377.         echo "
  378. \t\t\t\t\t\t\t\t\t\t</button>
  379. \t\t\t\t\t\t\t\t\t</div>
  380. \t\t\t\t\t\t\t\t</div>
  381. \t\t\t\t\t\t\t\t
  382. \t\t\t\t\t\t\t</div>
  384. \t\t\t\t\t\t\t<div class=\"uk-width-1-3@m uk-flex-first@m apk-margin-small-mobile\">
  385. \t\t\t\t\t\t\t\t<span class=\"apk-studios-filters--title uk-visible@s\">";
  386.         // line 169
  387.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Studio type"), "html", null, true);
  388.         echo "</span>
  389. \t\t\t\t\t\t\t\t";
  390.         // line 170
  391.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, true, false, 170), "get", [0 => "studioTypeId"], "method", true, true, false, 170)) {
  392.             // line 171
  393.             echo "\t\t\t\t\t\t\t\t\t<span id=\"predefinedStudio\" predefinedStudio=\"";
  394.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 171, $this->source); })()), "request", [], "any", false, false, false, 171), "get", [0 => "studioTypeId"], "method", false, false, false, 171), "html", null, true);
  395.             echo "\" hidden></span>
  396. \t\t\t\t\t\t\t\t";
  397.         }
  398.         // line 173
  399.         echo "
  400. \t\t\t\t\t\t\t\t";
  401.         // line 174
  402.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("maxHourSearch"))) {
  403.             // line 175
  404.             echo "\t\t\t\t\t\t\t\t\t";
  405.             $context["maxHourSearch"] = $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("maxHourSearch");
  406.             // line 176
  407.             echo "\t\t\t\t\t\t\t\t";
  408.         } else {
  409.             // line 177
  410.             echo "\t\t\t\t\t\t\t\t\t";
  411.             $context["maxHourSearch"] = "20:15";
  412.             // line 178
  413.             echo "\t\t\t\t\t\t\t\t";
  414.         }
  415.         // line 179
  416.         echo "\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"maxHourSearch\" value=\"";
  417.         echo twig_escape_filter($this->env, (isset($context["maxHourSearch"]) || array_key_exists("maxHourSearch", $context) ? $context["maxHourSearch"] : (function () { throw new RuntimeError('Variable "maxHourSearch" does not exist.', 179, $this->source); })()), "html", null, true);
  418.         echo "\" hidden/>
  420. \t\t\t\t\t\t\t\t";
  421.         // line 181
  422.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur"))) {
  423.             // line 182
  424.             echo "\t\t\t\t\t\t\t\t\t<input id=\"openingOurs\" value=\"";
  425.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur"), "html", null, true);
  426.             echo "\" hidden/>
  427. \t\t\t\t\t\t\t\t";
  428.         }
  429.         // line 184
  430.         echo "\t\t\t\t\t\t\t\t";
  431.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur"))) {
  432.             // line 185
  433.             echo "\t\t\t\t\t\t\t\t\t<input id=\"closingOurs\" value=\"";
  434.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur"), "html", null, true);
  435.             echo "\" hidden/>
  436. \t\t\t\t\t\t\t\t";
  437.         }
  438.         // line 187
  439.         echo "\t\t\t\t\t\t\t\t";
  440.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("durationBeforeNextHour"))) {
  441.             // line 188
  442.             echo "\t\t\t\t\t\t\t\t\t<input id=\"durationBeforeNextHour\" value=\"";
  443.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("durationBeforeNextHour"), "html", null, true);
  444.             echo "\" hidden/>
  445. \t\t\t\t\t\t\t\t";
  446.         }
  447.         // line 190
  448.         echo "\t\t\t\t\t\t\t\t";
  449.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("defaultSearchStudio"))) {
  450.             // line 191
  451.             echo "\t\t\t\t\t\t\t\t\t<input id=\"defaultSearchStudio\" value=\"";
  452.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("defaultSearchStudio"), "id", [], "any", false, false, false, 191), "html", null, true);
  453.             echo "\" hidden/>
  454. \t\t\t\t\t\t\t\t";
  455.         }
  456.         // line 193
  457.         echo "\t\t\t\t\t\t\t\t";
  458.         if ( !(null === $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("defaultSearchStudioSubCat"))) {
  459.             // line 194
  460.             echo "\t\t\t\t\t\t\t\t\t<input id=\"defaultSearchStudioSubCat\" value=\"";
  461.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("defaultSearchStudioSubCat"), "id", [], "any", false, false, false, 194), "html", null, true);
  462.             echo "\" hidden/>
  463. \t\t\t\t\t\t\t\t";
  464.         }
  465.         // line 196
  466.         echo "\t\t\t\t\t\t\t\t<div hidden ";
  467.         echo ">
  468. \t\t\t\t\t\t\t\t\t<span>";
  469.         // line 197
  470.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Chose your type of studio"), "html", null, true);
  471.         echo "</span>
  472. \t\t\t\t\t\t\t\t</div>
  473. \t\t\t\t\t\t\t\t<div class=\"apk-studios-filters-content\" ";
  474.         // line 199
  475.         echo ">
  476. \t\t\t\t\t\t\t\t\t<div class=\"uk-grid-small uk-grid\" uk-grid uk-height-match=\"target: .apk-studios-filters-type\">
  477. \t\t\t\t\t\t\t\t\t\t";
  478.         // line 201
  479.         $context['_parent'] = $context;
  480.         $context['_seq'] = twig_ensure_traversable((isset($context["studioCategories"]) || array_key_exists("studioCategories", $context) ? $context["studioCategories"] : (function () { throw new RuntimeError('Variable "studioCategories" does not exist.', 201, $this->source); })()));
  481.         foreach ($context['_seq'] as $context["_key"] => $context["studCat"]) {
  482.             // line 202
  483.             echo "\t\t\t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-2\" ";
  484.             if (twig_get_attribute($this->env, $this->source, $context["studCat"], "place", [], "any", false, false, false, 202)) {
  485.                 echo "v-if=\"sLocation == ";
  486.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["studCat"], "place", [], "any", false, false, false, 202), "id", [], "any", false, false, false, 202), "html", null, true);
  487.                 echo "\"";
  488.             }
  489.             echo ">
  490. \t\t\t\t\t\t\t\t\t\t\t\t";
  491.             // line 204
  492.             echo "\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"uk-dark uk-checkbox\" name=\"studioCat\" id=\"studioCat_";
  493.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "id", [], "any", false, false, false, 204), "html", null, true);
  494.             echo "\" data-place=\"";
  495.             if (twig_get_attribute($this->env, $this->source, $context["studCat"], "place", [], "any", false, false, false, 204)) {
  496.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["studCat"], "place", [], "any", false, false, false, 204), "id", [], "any", false, false, false, 204), "html", null, true);
  497.             }
  498.             echo "\" value=\"";
  499.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "id", [], "any", false, false, false, 204), "html", null, true);
  500.             echo "\" @change=\"searchStudios()\" v-model=\"studioCats\">
  501. \t\t\t\t\t\t\t\t\t\t\t\t";
  502.             // line 206
  503.             echo "\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"apk-studios-filters-type uk-text-center\" for=\"studioCat_";
  504.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "id", [], "any", false, false, false, 206), "html", null, true);
  505.             echo "\">
  506. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-filters-media\">
  507. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  508.             // line 208
  509.             if (twig_get_attribute($this->env, $this->source, $context["studCat"], "image", [], "any", false, false, false, 208)) {
  510.                 // line 209
  511.                 echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img uk-svg width=\"26\" height=\"26\" src=\"";
  512.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "image", [], "any", false, false, false, 209), "html", null, true);
  513.                 echo "\" alt=\"";
  514.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "title", [], "any", false, false, false, 209), "html", null, true);
  515.                 echo "\">
  516. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  517.             }
  518.             // line 211
  519.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  520. \t\t\t\t\t\t\t\t\t\t\t\t\t<span>";
  521.             // line 212
  522.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studCat"], "title", [], "any", false, false, false, 212), "html", null, true);
  523.             echo "</span>
  524. \t\t\t\t\t\t\t\t\t\t\t\t</label>
  525. \t\t\t\t\t\t\t\t\t\t\t</div>
  526. \t\t\t\t\t\t\t\t\t\t";
  527.         }
  528.         $_parent = $context['_parent'];
  529.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['studCat'], $context['_parent'], $context['loop']);
  530.         $context = array_intersect_key($context, $_parent) + $_parent;
  531.         // line 216
  532.         echo "\t\t\t\t\t\t\t\t\t</div>
  533. \t\t\t\t\t\t\t\t</div>
  534. \t\t\t\t\t\t\t</div>
  536. \t\t\t\t\t\t</div>
  537. \t\t\t\t\t</div>
  539. \t\t\t\t\t<div style=\"min-height:821px;\">
  541. \t\t\t\t\t\t<div id=\"subcateg\" vue-loading  v-if=\"showSubCats\">
  542. \t\t\t\t\t\t\t<div class=\"apk-studios-filters-subtype uk-flex uk-flex-left@s uk-flex-center uk-text-center uk-width-expand@s uk-child-width-auto uk-grid-collapse uk-width-1-1 uk-grid\"
  543. \t\t\t\t\t\t\t\tuk-grid :class=\"{'apk-display-grid' : (studioSCats.length > 2 && isMobile)}\">
  544. \t\t\t\t\t\t\t\t<div v-for=\"souscateg in studioSCats\"
  545. \t\t\t\t\t\t\t\t:class=\"{'apk-subcategs-inline' : (studioSCats.length > 2 && isMobile)}\">
  546. \t\t\t\t\t\t\t\t\t<input class=\"scateg-checkbox-selector uk-checkbox\" type=\"checkbox\" :name=\"'studioSCat_'+[[souscateg.id]]\" :id=\"'studioSCat_'+[[souscateg.id]]\" :true-value=\"souscateg.id\"
  547.                                            :false-value=\"0\" @change=\"searchStudios()\" v-model=\"studioSCatsSelected\"/>
  548. \t\t\t\t\t\t\t\t\t<label :for=\"'studioSCat_'+[[souscateg.id]]\">
  549. \t\t\t\t\t\t\t\t\t\t<span>[[souscateg.title]]</span>
  550. \t\t\t\t\t\t\t\t\t</label>
  551. \t\t\t\t\t\t\t\t</div>
  552. \t\t\t\t\t\t\t</div>
  553. \t\t\t\t\t\t</div>
  554. \t\t\t\t\t\t
  555. \t\t\t\t\t\t<div id=\"availability\" class=\"apk-studios-filters-results\" :class=\"studioAvailable == 1 ? 'available' : 'unavailable'\" vue-loading>
  556. \t\t\t\t\t\t\t";
  557.         // line 244
  558.         echo "\t\t\t\t\t\t\t<span v-if=\"studioAvailable == 0\">
  559. \t\t\t\t\t\t\t\t";
  560.         // line 245
  561.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Pas de studio libre à la date/heure sélectionnée ci-dessus"), "html", null, true);
  562.         echo "
  563. \t\t\t\t\t\t\t</span>
  564. \t\t\t\t\t\t</div>
  565. \t\t\t\t\t\t
  566. \t\t\t\t\t\t<div class=\"apk-studios-list\" vue-loading>
  567. \t\t\t\t\t\t\t
  568. \t\t\t\t\t\t\t";
  569.         // line 262
  570.         echo "\t\t\t\t\t\t\t<div class=\"uk-grid\" uk-grid uk-height-match=\"target: .apk-studios-box-bottom\">
  571. \t
  572. \t\t\t\t\t\t\t\t<div class=\"uk-width-1-3@m uk-width-1-2@s\" v-for=\"studio in studioList\">
  573. \t\t\t\t\t\t\t\t\t<!-- FORM avec action vers le checkout -->
  574. \t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box uk-dark\">
  575. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box-top\">
  576. \t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-title\">
  577. \t\t\t\t\t\t\t\t\t\t\t\t<div>
  578. \t\t\t\t\t\t\t\t\t\t\t\t\t<span v-if=\"studio.titleTranslated\" class=\"uk-h3\" :class=\"studio.cssFontSizeTitle\" style=\"white-space: pre-wrap;\">
  579. \t\t\t\t\t\t\t\t\t\t\t\t\t\t[[ studio.titleTranslated ]]
  580. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
  581. \t\t\t\t\t\t\t\t\t\t\t\t\t<span v-else class=\"uk-h3\" :class=\"studio.cssFontSizeTitle\">
  582. \t\t\t\t\t\t\t\t\t\t\t\t\t\t[[ studio.title ]]
  583. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
  584. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  585. \t\t\t\t\t\t\t\t\t\t\t</div>
  586. \t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-media uk-cover-container\" ";
  587.         // line 278
  588.         echo ">
  589. \t\t\t\t\t\t\t\t\t\t\t\t<div ";
  590.         // line 279
  591.         echo " v-html=\"studio.image\"></div>
  592. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-audience uk-text-center\">
  593. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  594. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<img uk-svg width=\"20\" height=\"15\" src=\"/static/img/pictos/audience.svg\" alt=\"\">
  595. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  596. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  597. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>[[ studio.maxPersons ]]
  598. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  599.         // line 286
  600.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("max"), "html", null, true);
  601.         echo "</span>
  602. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  603. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  604. \t\t\t\t\t\t\t\t\t\t\t</div>
  605. \t
  606. \t\t\t\t\t\t\t\t\t\t\t<!---------------->
  607. \t\t\t\t\t\t\t\t\t\t\t<div v-if=\"studio.shortInfos\" class=\"apk-short-description\" v-html=\"studio.shortInfos\">
  608. \t
  609. \t\t\t\t\t\t\t\t\t\t\t</div>
  610. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"uk-margin-small-top uk-margin-small-bottom\" v-if=\"studio.shortInfos\"/>
  611. \t\t\t\t\t\t\t\t\t\t\t";
  612.         // line 311
  613.         echo "\t
  614. \t\t\t\t\t\t\t\t\t\t\t<!---------------->
  615. \t
  616. \t\t\t\t\t\t\t\t\t\t\t<ul v-if=\"studio.infos\" class=\"apk-infos uk-margin-small-top uk-margin-small-bottom\" uk-accordion>
  617. \t\t\t\t\t\t\t\t\t\t\t\t<li>
  618. \t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"uk-accordion-title apk-infos--title\" href=\"#\">";
  619.         // line 316
  620.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("More info about this studio ?"), "html", null, true);
  621.         echo "</a>
  622. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uk-accordion-content\">
  623. \t
  624. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-infos--text uk-margin-small-bottom\" v-html=\"studio.infos\"></div>
  625. \t
  626. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<hr class=\"uk-margin-remove\"/>
  627. \t
  628. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"uk-margin-small-top apk-infos--text\" v-html=\"studio.gear\"></p>
  629. \t
  630. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  631. \t\t\t\t\t\t\t\t\t\t\t\t</li>
  632. \t\t\t\t\t\t\t\t\t\t\t</ul>
  633. \t\t\t\t\t\t\t\t\t\t\t<span v-if=\"!studio.infos\" class=\"uk-display-block uk-margin-small-top apk-infos--title\">";
  634.         // line 328
  635.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("No infos"), "html", null, true);
  636.         echo "</span>
  637. \t\t\t\t\t\t\t\t\t\t</div>
  638. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box-bottom\">
  639. \t\t\t\t\t\t\t\t\t\t\t<hr/>
  640. \t\t\t\t\t\t\t\t\t\t\t<span :id=\"'exk_vue_booking_'+studio.id\" class=\"exk_vue_booking\" :data-lockText=\"studio.lockText\" :data-placeLock=\"studio.placeLock\" :data-studio=\"studio.id\" :data-searchdate=\"sDate\" :data-searchhour=\"sHour\" :data-searchduration=\"sDuration\" :data-defaultprice=\"studio.defaultPrice\" :data-availability=\"studio.availability\" :data-displaycalendar=\"";
  641.         // line 332
  642.         echo twig_escape_filter($this->env, (isset($context["displayCalendar"]) || array_key_exists("displayCalendar", $context) ? $context["displayCalendar"] : (function () { throw new RuntimeError('Variable "displayCalendar" does not exist.', 332, $this->source); })()), "html", null, true);
  643.         echo "\" :data-detailstudio=\"";
  644.         echo twig_escape_filter($this->env, (isset($context["detailstudio"]) || array_key_exists("detailstudio", $context) ? $context["detailstudio"] : (function () { throw new RuntimeError('Variable "detailstudio" does not exist.', 332, $this->source); })()), "html", null, true);
  645.         echo "\" data-language=\"";
  646.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 332, $this->source); })()), "request", [], "any", false, false, false, 332), "locale", [], "any", false, false, false, 332), "html", null, true);
  647.         echo "\"></span>
  648. \t\t\t\t\t\t\t\t\t\t</div>
  649. \t\t\t\t\t\t\t\t\t</div>
  650. \t\t\t\t\t\t\t\t</div>
  651. \t\t\t\t\t\t\t</div>
  652. \t\t\t\t\t\t</div>\t
  653. \t\t\t\t\t</div>
  655. \t\t\t\t</div>
  657. \t\t\t\t<div id=\"modal-hours\" class=\"uk-flex-top uk-modal\" uk-modal=\"bg-close: false\">
  658. \t\t\t\t\t<div class=\"uk-modal-dialog uk-modal-body uk-margin-auto-vertical\">
  659. \t\t\t\t\t\t<div class=\"apk-modal-promotions uk-dark\">
  660. \t\t\t\t\t\t\t";
  661.         // line 345
  662.         $context['_parent'] = $context;
  663.         $context['_seq'] = twig_ensure_traversable((isset($context["studioCategories"]) || array_key_exists("studioCategories", $context) ? $context["studioCategories"] : (function () { throw new RuntimeError('Variable "studioCategories" does not exist.', 345, $this->source); })()));
  664.         foreach ($context['_seq'] as $context["_key"] => $context["studCat"]) {
  665.             // line 346
  666.             echo "\t\t\t\t\t\t\t\t";
  667.             $context['_parent'] = $context;
  668.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["studCat"], "categories", [], "any", false, false, false, 346));
  669.             foreach ($context['_seq'] as $context["_key"] => $context["studSubCat"]) {
  670.                 // line 347
  671.                 echo "\t\t\t\t\t\t\t\t\t";
  672.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["studSubCat"], "pricingGrid", [], "any", false, false, false, 347), "mobilePromo", [], "any", false, false, false, 347)) {
  673.                     // line 348
  674.                     echo "\t\t\t\t\t\t\t\t\t\t<div class=\"apk-modal-promotions-inner\" v-if=\"studioSCatsSelectedPromo == ";
  675.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studSubCat"], "id", [], "any", false, false, false, 348), "html", null, true);
  676.                     echo "\" id=\"";
  677.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["studSubCat"], "id", [], "any", false, false, false, 348), "html", null, true);
  678.                     echo "\">
  679. \t\t\t\t\t\t\t\t\t\t\t";
  680.                     // line 349
  681.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["studSubCat"], "pricingGrid", [], "any", false, false, false, 349), "mobilePromo", [], "any", false, false, false, 349), "html", null, true);
  682.                     echo "
  683. \t\t\t\t\t\t\t\t\t\t</div>
  684. \t\t\t\t\t\t\t\t\t";
  685.                 }
  686.                 // line 352
  687.                 echo "\t\t\t\t\t\t\t\t";
  688.             }
  689.             $_parent = $context['_parent'];
  690.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['studSubCat'], $context['_parent'], $context['loop']);
  691.             $context = array_intersect_key($context, $_parent) + $_parent;
  692.             // line 353
  693.             echo "\t\t\t\t\t\t\t";
  694.         }
  695.         $_parent = $context['_parent'];
  696.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['studCat'], $context['_parent'], $context['loop']);
  697.         $context = array_intersect_key($context, $_parent) + $_parent;
  698.         // line 354
  699.         echo "\t\t\t\t\t\t</div>
  700. \t\t\t\t\t\t<div class=\"uk-flex\">
  701. \t\t\t\t\t\t\t<div id=\"hourContainer\"></div>
  702. \t\t\t\t\t\t\t<div id=\"durationContainer\"></div>
  703. \t\t\t\t\t\t</div>
  704. \t\t\t\t\t\t<div class=\"uk-text-center uk-margin-top\">
  705. \t\t\t\t\t\t\t<button class=\"uk-button uk-button-black uk-width-1-1 uk-modal-close\" type=\"button\">";
  706.         // line 360
  707.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Done"), "html", null, true);
  708.         echo "</button>
  709. \t\t\t\t\t\t</div>
  710. \t\t\t\t\t</div>
  711. \t\t\t\t</div>
  713. \t\t\t</div>
  714. \t\t</section>
  716. \t\t";
  717.         // line 368
  718.         echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "areablock", "bottom-content");
  719.         echo "
  721. \t</main>
  723. \t<!-- end #main -->
  725. \t";
  726.         // line 374
  727.         $this->loadTemplate("studio/booking-studio.html.twig", "studio/list.html.twig", 374)->display($context);
  728.         // line 375
  729.         echo "
  730. \t";
  731.         // line 377
  732.         echo "\t";
  733.         if ($this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("minify-css-js")) {
  734.             // line 378
  735.             echo "\t\t";
  736.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/minified/booking/picker.min.js"], "method", false, false, false, 378);
  737.             // line 379
  738.             echo "\t\t";
  739.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/minified/booking/core.min.js"], "method", false, false, false, 379);
  740.             // line 380
  741.             echo "\t\t";
  742.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/minified/booking/list.min.js"], "method", false, false, false, 380);
  743.             // line 381
  744.             echo "\t";
  745.         } else {
  746.             // line 382
  747.             echo "\t\t";
  748.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/static/js/booking/picker.js")], "method", false, false, false, 382);
  749.             // line 383
  750.             echo "\t\t";
  751.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/booking/core.js"], "method", false, false, false, 383);
  752.             // line 384
  753.             echo "\t\t";
  754.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/booking/list.js"], "method", false, false, false, 384);
  755.             // line 385
  756.             echo "\t";
  757.         }
  758.         // line 386
  759.         echo "
  760. \t";
  761.         // line 387
  762.         twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/jquery-ui/jquery-ui.1.13.2.min.js"], "method", false, false, false, 387);
  763.         // line 388
  764.         echo "\t";
  765.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 388, $this->source); })()), "request", [], "any", false, false, false, 388), "locale", [], "any", false, false, false, 388) == "fr")) {
  766.             // line 389
  767.             echo "\t\t";
  768.             twig_get_attribute($this->env, $this->source, $this->env->getFunction('pimcore_head_script')->getCallable()(), "appendFile", [0 => "/static/js/jquery-ui/locale-fr.min.js"], "method", false, false, false, 389);
  769.             echo "\t
  770. \t";
  771.         }
  772.         // line 391
  773.         echo "
  774. ";
  775.         
  776.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  778.         
  779.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  781.     }
  783.     // line 394
  784.     public function block_inlinescripts($context, array $blocks = [])
  785.     {
  786.         $macros = $this->macros;
  787.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  788.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "inlinescripts"));
  790.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  791.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "inlinescripts"));
  793.         // line 395
  794.         echo "\t<script>
  795. \t\t/* \tPicker de d'heures
  796. \t\t\tDocumentation : https://github.com/fengyuanchen/pickerjs/blob/master/README.md */
  798. \t\tjQuery(function (\$) {
  799. \t\t\tif(\$(document).ready(function(){
  800. \t\t\t\t
  801. \t\t\t\tfunction padTo2Digits(num) {
  802. \t\t\t\t\treturn num.toString().padStart(2, '0');
  803. \t\t\t\t};
  804. \t\t
  805. \t\t\t\tfunction formatDate(date) {
  806. \t\t\t\t\treturn [
  807. \t\t\t\t\t\tpadTo2Digits(date.getDate()),
  808. \t\t\t\t\t\tpadTo2Digits(date.getMonth() + 1),
  809. \t\t\t\t\t\tdate.getFullYear(),
  810. \t\t\t\t\t].join('/');
  811. \t\t\t\t};
  814. \t\t\t\tfunction FormatedTextDate (dateSubmited, language) {
  815. \t\t\t\t\tlet languageLocale = \"fr-BE\";
  816. \t\t\t\t\tif(language == \"fr\") {
  817. \t\t\t\t\t\tlanguageLocale = \"fr-BE\";
  818. \t\t\t\t\t} else if(language == \"nl\") {
  819. \t\t\t\t\t\tlanguageLocale = \"nl-BE\";
  820. \t\t\t\t\t} else if(language == \"en\") {
  821. \t\t\t\t\t\tlanguageLocale = \"en-US\";
  822. \t\t\t\t\t}
  823. \t\t\t\t\tlet date = new Date(dateSubmited);
  824. \t\t\t\t\tlet year = date.getFullYear();
  825. \t\t\t\t\tlet dayNumber = date.getDate();
  826. \t\t\t\t\tlet dayText = date.toLocaleDateString(languageLocale, { weekday: \"short\" });
  827. \t\t\t\t\tlet month = date.toLocaleDateString(languageLocale, { month: \"short\" });
  828. \t\t
  829. \t\t\t\t\tlet string = `\${capitalizeFirstLetter(dayText)} \${dayNumber} \${capitalizeFirstLetter(month)}, \${year}`;
  830. \t\t\t\t\treturn string;
  831. \t\t\t\t};
  833. \t\t\t\tfunction capitalizeFirstLetter(string) {
  834. \t\t\t\t\tstring = string.split('.').join(\"\");
  835. \t\t\t\t\treturn string.charAt(0).toUpperCase() + string.slice(1);
  836. \t\t\t\t}
  837. \t\t\t\t
  838. \t\t\t\tfunction focusSubmit() {
  839. \t\t\t\t\t\$('#submit').focus();
  840. \t\t\t\t\tconsole.log(\$('#submit'));
  841. \t\t\t\t}
  842. \t\t
  843. \t\t\t\t\$( \"#bookDate\" ).datepicker({
  844. \t\t\t\t\tminDate: 0,
  845. \t\t\t\t\tshowButtonPanel: true,
  846. \t\t\t\t\tdateFormat: 'dd/mm/yy',
  847. \t\t\t\t\tregional: \"";
  848.         // line 448
  849.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 448, $this->source); })()), "request", [], "any", false, false, false, 448), "locale", [], "any", false, false, false, 448), "html", null, true);
  850.         echo "\",
  851. \t\t\t\t});
  853. \t\t\t\t\$( \"#bookDate\" ).on('change', function(){
  854. \t\t\t\t\tvar date = \$(this).datepicker( \"getDate\", {dateFormat: 'yy-mm-dd'} );
  856. \t\t\t\t\t/* handle timezone */
  857. \t\t\t\t\tconst offset = date.getTimezoneOffset();
  858. \t\t\t\t\tdate = new Date(date.getTime() - (offset*60*1000));
  859. \t\t\t\t\tvar datePicked = date.toISOString().split('T')[0];
  860. \t\t\t\t\t\$(this).attr('data-value', datePicked);
  861. \t\t\t\t\tvar desktopDate = \$(\".bookDateDesktopText\");
  862. \t\t\t\t\tdesktopDate.val(FormatedTextDate(datePicked, '";
  863.         // line 460
  864.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 460, $this->source); })()), "request", [], "any", false, false, false, 460), "locale", [], "any", false, false, false, 460), "html", null, true);
  865.         echo "'));
  867. \t\t\t\t\tfocusSubmit();
  868. \t\t\t\t\t
  869. \t\t\t\t});
  871. \t\t\t\t\$(\".bookDateDesktopText\").on('click', function(){
  872. \t\t\t\t\t\$(\"#bookDate\").datepicker(\"show\");
  873. \t\t\t\t});
  875. \t\t\t\t\$('.apk-studios-filters button#submit').on('click', function(){
  876. \t\t\t\t\t/* console.log('click'); */
  877. \t\t\t\t\tlet headerHeight = \$('header').height();
  878. \t\t\t\t\t\$(window).resize(function(){
  879. \t\t\t\t\t\theaderHeight = \$('header').height();
  880. \t\t\t\t\t});
  881. \t\t\t\t\t\$([document.documentElement, document.body]).animate({
  882. \t\t\t\t\t\tscrollTop: \$(\".apk-studios-list\").offset().top - headerHeight
  883. \t\t\t\t\t}, 1000);
  884. \t\t\t\t});
  886. \t\t\t\tfunction submitClick(noScroll = null) {
  887. \t\t\t\t\t\$('#submit').click();
  888. \t\t\t\t\tif(noScroll) {
  889. \t\t\t\t\t\t\$([document.documentElement, document.body]).animate().stop();
  890. \t\t\t\t\t}
  891. \t\t\t\t};
  893. \t\t\t\tvar bookDate = document.getElementsByClassName('bookDateMobile');
  894. \t\t\t\tvar bookHour = document.getElementsByClassName('bookHourMobile');
  895. \t\t\t\tvar bookDuration = document.getElementsByClassName('bookDurationMobile');
  896. \t\t\t\tvar bookHourDuration = \$('.bookHourDuration');
  899. \t\t\t\tif (bookDate.length && bookDuration.length) {
  901. \t\t\t\t\tbookDate = bookDate[0];
  902. \t\t\t\t\tbookDuration = bookDuration[0];
  903. \t\t\t\t\tbookHour = bookHour[0];
  905. \t\t\t\t\t/* Date d'aujuord'hui + 1h */
  906. \t\t\t\t\tvar nowPlusOne = new Date();
  908. \t\t\t\t\tnowPlusOne.setHours(bookHour.getAttribute('data-value'));
  909. \t\t\t\t\t/* nowPlusOne.setHours(nowPlusOne.getHours() + 1) */
  911. \t\t\t\t\tvar pickerBookHour = new Picker(bookHour, {
  912. \t\t\t\t\t\tdate: nowPlusOne,
  913. \t\t\t\t\t\tcontainer: document.getElementById('hourContainer'),
  914. \t\t\t\t\t\tinline: true,
  915. \t\t\t\t\t\tformat: 'H',
  916. \t\t\t\t\t\t";
  917.         // line 511
  918.         if ($this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur")) {
  919.             // line 512
  920.             echo "\t\t\t\t\t\tminHour: parseInt(";
  921.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("OpeningStudiosOur"), "html", null, true);
  922.             echo "),
  923. \t\t\t\t\t\t";
  924.         }
  925.         // line 514
  926.         echo "\t\t\t\t\t\t";
  927.         if ($this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur")) {
  928.             // line 515
  929.             echo "\t\t\t\t\t\tmaxHour: parseInt(";
  930.             echo twig_escape_filter($this->env, $this->extensions['Pimcore\Twig\Extension\WebsiteConfigExtension']->getWebsiteConfig("ClosingStudiosOur"), "html", null, true);
  931.             echo "),
  932. \t\t\t\t\t\t";
  933.         }
  934.         // line 517
  935.         echo "\t\t\t\t\t\tcontrols: true,
  936. \t\t\t\t\t\theaders: true,
  937. \t\t\t\t\t\tlanguage: \"";
  938.         // line 519
  939.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 519, $this->source); })()), "request", [], "any", false, false, false, 519), "locale", [], "any", false, false, false, 519), "html", null, true);
  940.         echo "\",
  941. \t\t\t\t\t\ttext: {
  942. \t\t\t\t\t\t\ttitle: false, /*title: '";
  943.         // line 521
  944.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select an hour to begin"), "html", null, true);
  945.         echo "', */
  946. \t\t\t\t\t\t\tcancel: '";
  947.         // line 522
  948.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Cancel"), "html", null, true);
  949.         echo "',
  950. \t\t\t\t\t\t\tconfirm: '";
  951.         // line 523
  952.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("OK"), "html", null, true);
  953.         echo "',
  954. \t\t\t\t\t\t\tyear: '";
  955.         // line 524
  956.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Year"), "html", null, true);
  957.         echo "',
  958. \t\t\t\t\t\t\tmonth: '";
  959.         // line 525
  960.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Month"), "html", null, true);
  961.         echo "',
  962. \t\t\t\t\t\t\tday: '";
  963.         // line 526
  964.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Day"), "html", null, true);
  965.         echo "',
  966. \t\t\t\t\t\t\thour: '";
  967.         // line 527
  968.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Hout to begin"), "html", null, true);
  969.         echo "',
  970. \t\t\t\t\t\t\tminute: '";
  971.         // line 528
  972.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Minute"), "html", null, true);
  973.         echo "',
  974. \t\t\t\t\t\t\tsecond: '";
  975.         // line 529
  976.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Second"), "html", null, true);
  977.         echo "',
  978. \t\t\t\t\t\t\tmillisecond: '";
  979.         // line 530
  980.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Millisecond"), "html", null, true);
  981.         echo "'
  982. \t\t\t\t\t\t},
  983. \t\t\t\t\t});
  984. \t\t\t\t\t
  985. \t\t\t\t\tvar now = new Date();
  986. \t\t\t\t\tvar oneHourDefault = new Date();
  987. \t\t\t\t\tvar defaultHour = 3;
  988. \t\t\t\t\tif(document.getElementById(\"bookDuration\").getAttribute('data-value')) {
  989. \t\t\t\t\t\tdefaultHour = document.getElementById(\"bookDuration\").getAttribute('data-value');
  990. \t\t\t\t\t}
  991. \t\t\t\t\toneHourDefault.setHours(defaultHour);
  992. \t\t\t\t\t
  993. \t\t\t\t\tvar pickerBookDuration = new Picker(bookDuration, {
  994. \t\t\t\t\t\tdate: oneHourDefault,
  995. \t\t\t\t\t\tcontainer: document.getElementById('durationContainer'),
  996. \t\t\t\t\t\tinline: true,
  997. \t\t\t\t\t\tformat: 'H',
  998. \t\t\t\t\t\tminDuration: 1,
  999. \t\t\t\t\t\tmaxDuration: 12,
  1000. \t\t\t\t\t\tcontrols: true,
  1001. \t\t\t\t\t\theaders: true,
  1002. \t\t\t\t\t\tlanguage: \"";
  1003.         // line 551
  1004.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 551, $this->source); })()), "request", [], "any", false, false, false, 551), "locale", [], "any", false, false, false, 551), "html", null, true);
  1005.         echo "\",
  1006. \t\t\t\t\t\ttext: {
  1007. \t\t\t\t\t\t\ttitle: '";
  1008.         // line 553
  1009.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Select a duration"), "html", null, true);
  1010.         echo "',
  1011. \t\t\t\t\t\t\tcancel: '";
  1012.         // line 554
  1013.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Cancel"), "html", null, true);
  1014.         echo "',
  1015. \t\t\t\t\t\t\tconfirm: '";
  1016.         // line 555
  1017.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("OK"), "html", null, true);
  1018.         echo "',
  1019. \t\t\t\t\t\t\tyear: '";
  1020.         // line 556
  1021.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Year"), "html", null, true);
  1022.         echo "',
  1023. \t\t\t\t\t\t\tmonth: '";
  1024.         // line 557
  1025.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Month"), "html", null, true);
  1026.         echo "',
  1027. \t\t\t\t\t\t\tday: '";
  1028.         // line 558
  1029.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Day"), "html", null, true);
  1030.         echo "',
  1031. \t\t\t\t\t\t\thour: '";
  1032.         // line 559
  1033.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Duration"), "html", null, true);
  1034.         echo "',
  1035. \t\t\t\t\t\t\tminute: '";
  1036.         // line 560
  1037.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Minute"), "html", null, true);
  1038.         echo "',
  1039. \t\t\t\t\t\t\tsecond: '";
  1040.         // line 561
  1041.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Second"), "html", null, true);
  1042.         echo "',
  1043. \t\t\t\t\t\t\tmillisecond: '";
  1044.         // line 562
  1045.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Millisecond"), "html", null, true);
  1046.         echo "'
  1047. \t\t\t\t\t\t},
  1048. \t\t\t\t\t});
  1050. \t\t\t\t\tfunction updateValue(e) {
  1051. \t\t\t\t\t\tbookDate = e.target.value;
  1052. \t\t\t\t\t\t/* console.log('done'); */
  1053. \t\t\t\t\t};
  1055. \t\t\t\t\tfunction updateHourDuration () {
  1056. \t\t\t\t\t\tvar bookHourVal = \$('.bookHourMobile').val();
  1057. \t\t\t\t\t\tvar bookDurationVal = \$('.bookDurationMobile').attr('data-value');
  1058. \t\t\t\t\t\tvar hourType = \"\";
  1059. \t\t\t\t\t\tif(bookDurationVal > 1) {
  1060. \t\t\t\t\t\t\thourType = \"";
  1061.         // line 576
  1062.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("hours"), "html", null, true);
  1063.         echo "\";
  1064. \t\t\t\t\t\t} else {
  1065. \t\t\t\t\t\t\thourType = \"";
  1066.         // line 578
  1067.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("hour"), "html", null, true);
  1068.         echo "\";
  1069. \t\t\t\t\t\t} 
  1070. \t\t\t\t\t\tvar text = \"";
  1071.         // line 580
  1072.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("duration.before.hour"), "html", null, true);
  1073.         echo "\" + \" \" + bookHourVal + \" \" + \"";
  1074.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("duration.middle.hour"), "html", null, true);
  1075.         echo "\" + \" \" + bookDurationVal + \" \" + hourType ;
  1076. \t\t\t\t\t\tbookHourDuration.val(text);
  1077. \t\t\t\t\t};
  1078. \t\t\t\t\tupdateHourDuration ();
  1080. \t\t\t\t\tfunction setText() {
  1081. \t\t\t\t\t\t/* \$('#durationContainer .picker-item[data-value=\"0\"]').css({'display': 'none'}); */
  1082. \t\t\t\t\t\t\$('#durationContainer .picker-item').each(function() {
  1083. \t\t\t\t\t\t\tvar txt = \$(this).attr('data-value');
  1084. \t\t\t\t\t\t\tif(txt == \"1\" || txt == \"0\") {
  1085. \t\t\t\t\t\t\t\t\$(this).text(txt + \" \" + \"";
  1086.         // line 590
  1087.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("hour"), "html", null, true);
  1088.         echo "\");
  1089. \t\t\t\t\t\t\t} else {
  1090. \t\t\t\t\t\t\t\t\$(this).text(txt + \" \" + \"";
  1091.         // line 592
  1092.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("hours"), "html", null, true);
  1093.         echo "\");
  1094. \t\t\t\t\t\t\t}
  1095. \t\t\t\t\t\t});
  1097. \t\t\t\t\t\t\$('#hourContainer .picker-item').each(function() {
  1098. \t\t\t\t\t\t\tvar txt = \$(this).attr('data-value');
  1099. \t\t\t\t\t\t\t\$(this).text(txt + \"";
  1100.         // line 598
  1101.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("h00"), "html", null, true);
  1102.         echo "\");
  1103. \t\t\t\t\t\t})
  1104. \t\t\t\t\t};
  1105. \t\t\t\t\tsetText();
  1108. \t\t\t\t\tfunction updateHoursAfterMidnight(parent) {
  1109. \t\t\t\t\t\t\$(parent).find('.picker-list [data-value]').each( function() {
  1110. \t\t\t\t\t\t\tif(parseInt(\$(this).attr('data-value')) >= 24) {
  1111. \t\t\t\t\t\t\t\t\$(this).text(parseInt(\$(this).attr('data-value')) - 24 + 'h00');
  1112. \t\t\t\t\t\t\t}
  1113. \t\t\t\t\t\t});
  1114. \t\t\t\t\t};
  1116. \t\t\t\t\tpickerBookHour.pick = function () {
  1117. \t\t\t\t\t\tvar result = new Date(pickerBookHour.date);
  1118. \t\t\t\t\t\tvar now = new Date();
  1119. \t\t\t\t\t\tdateMinusOnemin = new Date(\$(\"#bookDate\").datepicker( \"getDate\", {dateFormat: 'yy-mm-dd'} ));
  1120. \t\t\t\t\t\tdateMinusOnemin.setHours(result.getHours());
  1121. \t\t\t\t\t\tdateMinusOnemin.setMinutes(now.getMinutes() - 1);
  1122. \t\t\t\t\t\tdateMinusOnemin.setSeconds(now.getSeconds());
  1123. \t\t\t\t\t\t/* console.log(now); */
  1124. \t\t\t\t\t\t/* console.log(dateMinusOnemin); */
  1125. \t\t\t\t\t\t/*
  1126. \t\t\t\t\t\tif(\$('.picker-open .picker-title .uk-alert').length) {
  1127. \t\t\t\t\t\t\tdocument.querySelector('.picker-open .picker-title .uk-alert').remove();
  1128. \t\t\t\t\t\t}
  1129. \t\t\t\t\t\tif (dateMinusOnemin <= now) {
  1130. \t\t\t\t\t\t\tvar pickerTitle = document.querySelector('.picker-open .picker-title');
  1131. \t\t\t\t\t\t\tvar message = '<div class=\"uk-alert-danger\" uk-alert><a class=\"uk-alert-close\" uk-close></a>        ";
  1132.         // line 627
  1133.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("La date ou l'heure sélectionnée est antérieur à la date actuelle."), "html", null, true);
  1134.         echo "</div>';
  1135. \t\t\t\t\t\t\tpickerTitle.insertAdjacentHTML('beforeend', message);
  1136. \t\t\t\t\t\t\tsetTimeout(function () {
  1137. \t\t\t\t\t\t\t\tvar alert = document.querySelector('.picker-open .picker-title .uk-alert');
  1138. \t\t\t\t\t\t\t\t//alert.remove();
  1139. \t\t\t\t\t\t\t}, 5000)
  1140. \t\t\t\t\t\t\treturn false;
  1141. \t\t\t\t\t\t}
  1142. \t\t\t\t\t\t*/
  1143. \t\t\t\t\t\tvar hourPicked = result.getHours();
  1144. \t\t\t\t\t\tif(hourPicked >= 24) {
  1145. \t\t\t\t\t\t\thourPicked = hourPicked - 24;
  1146. \t\t\t\t\t\t}
  1147. \t\t\t\t\t\tbookHour.setAttribute('data-value', hourPicked);
  1148. \t\t\t\t\t\tbookHour.value = hourPicked + 'h00';
  1149. \t\t\t\t\t\tbookHour.focus();
  1150. \t\t\t\t\t\t
  1151. \t\t\t\t\t\tpickerBookHour.hide();
  1152. \t\t\t\t\t\tupdateHourDuration();
  1153. \t\t\t\t\t\tsetText();
  1155. \t\t\t\t\t\t\$('#hourContainer .picker-list [data-value]').removeClass('separator');
  1156. \t\t\t\t\t\t\$('#hourContainer .picker-list [data-value=\"'+ pickerBookHour.data.hour.min +'\"]').addClass('separator');
  1157. \t\t\t\t\t\tupdateHoursAfterMidnight('#hourContainer');
  1159. \t\t\t\t\t};
  1160. \t\t\t\t\t
  1161. \t\t\t\t\tupdateHoursAfterMidnight('#hourContainer');
  1162. \t\t\t\t\t
  1164. \t\t\t\t\tpickerBookDuration.pick = function () {
  1165. \t\t\t\t\t\tvar durationPicked = new Date(pickerBookDuration.date).getHours();
  1166. \t\t\t\t\t\tbookDuration.setAttribute('data-value', durationPicked);
  1167. \t\t\t\t\t\tbookDuration.value = durationPicked + 'h00';
  1168. \t\t\t\t\t\tbookDuration.focus();
  1170. \t\t\t\t\t\tpickerBookDuration.hide();
  1171. \t\t\t\t\t\tupdateHourDuration();
  1172. \t\t\t\t\t\tsetText();
  1174. \t\t\t\t\t\t\$('#durationContainer .picker-list [data-value]').removeClass('separator');
  1175. \t\t\t\t\t\t\$('#durationContainer .picker-list [data-value=\"'+ pickerBookDuration.data.hour.min +'\"]').addClass('separator');
  1176. \t\t\t\t\t};
  1178. \t\t\t\t\t\$('#hourContainer .picker-list [data-value=\"'+ pickerBookHour.data.hour.min +'\"]').addClass('separator');
  1179. \t\t\t\t\t\$('#durationContainer .picker-list [data-value=\"'+ pickerBookDuration.data.hour.min +'\"]').addClass('separator');
  1180. \t\t\t\t\t
  1181. \t\t\t\t};
  1183. \t\t\t\t/* Activate a trigger on the input field on button click */
  1184. \t\t\t\tif(\$('#modal-hours').length){
  1185. \t\t\t\t\t\$('#modal-hours .uk-button').on('click', function(e){
  1186. \t\t\t\t\t\tvar inputHour = \$('#bookHourMobile');
  1187. \t\t\t\t\t\t/* \$('#bookDate').focus(); */
  1188. \t\t\t\t\t\t/* \$('#bookDate').datepicker('hide'); */
  1189. \t\t\t\t\t\tfocusSubmit();
  1190. \t\t\t\t\t});
  1191. \t\t\t\t};
  1192. \t\t\t\t
  1193. \t\t\t}));
  1195. \t\t});
  1197. \t</script>
  1198. ";
  1199.         
  1200.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1202.         
  1203.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1205.     }
  1207.     public function getTemplateName()
  1208.     {
  1209.         return "studio/list.html.twig";
  1210.     }
  1212.     public function isTraitable()
  1213.     {
  1214.         return false;
  1215.     }
  1217.     public function getDebugInfo()
  1218.     {
  1219.         return array (  1133 => 627,  1101 => 598,  1092 => 592,  1087 => 590,  1072 => 580,  1067 => 578,  1062 => 576,  1045 => 562,  1041 => 561,  1037 => 560,  1033 => 559,  1029 => 558,  1025 => 557,  1021 => 556,  1017 => 555,  1013 => 554,  1009 => 553,  1004 => 551,  980 => 530,  976 => 529,  972 => 528,  968 => 527,  964 => 526,  960 => 525,  956 => 524,  952 => 523,  948 => 522,  944 => 521,  939 => 519,  935 => 517,  929 => 515,  926 => 514,  920 => 512,  918 => 511,  864 => 460,  849 => 448,  794 => 395,  784 => 394,  773 => 391,  767 => 389,  764 => 388,  762 => 387,  759 => 386,  756 => 385,  753 => 384,  750 => 383,  747 => 382,  744 => 381,  741 => 380,  738 => 379,  735 => 378,  732 => 377,  729 => 375,  727 => 374,  718 => 368,  707 => 360,  699 => 354,  693 => 353,  687 => 352,  681 => 349,  674 => 348,  671 => 347,  666 => 346,  662 => 345,  642 => 332,  635 => 328,  620 => 316,  613 => 311,  600 => 286,  591 => 279,  588 => 278,  570 => 262,  561 => 245,  558 => 244,  532 => 216,  522 => 212,  519 => 211,  511 => 209,  509 => 208,  503 => 206,  492 => 204,  483 => 202,  479 => 201,  475 => 199,  470 => 197,  466 => 196,  460 => 194,  457 => 193,  451 => 191,  448 => 190,  442 => 188,  439 => 187,  433 => 185,  430 => 184,  424 => 182,  422 => 181,  416 => 179,  413 => 178,  410 => 177,  407 => 176,  404 => 175,  402 => 174,  399 => 173,  393 => 171,  391 => 170,  387 => 169,  376 => 161,  372 => 159,  367 => 142,  361 => 139,  356 => 135,  349 => 133,  345 => 127,  340 => 126,  335 => 125,  333 => 124,  329 => 123,  323 => 120,  314 => 115,  310 => 112,  307 => 111,  294 => 109,  289 => 108,  287 => 107,  283 => 105,  277 => 104,  274 => 103,  271 => 102,  268 => 101,  262 => 99,  259 => 98,  249 => 96,  246 => 95,  243 => 94,  233 => 92,  230 => 91,  227 => 90,  222 => 89,  220 => 88,  214 => 85,  211 => 84,  209 => 83,  204 => 81,  199 => 79,  185 => 68,  181 => 66,  176 => 62,  166 => 58,  156 => 57,  152 => 56,  149 => 55,  145 => 54,  139 => 52,  133 => 50,  130 => 49,  124 => 47,  122 => 46,  118 => 43,  110 => 37,  102 => 34,  99 => 33,  97 => 32,  90 => 30,  87 => 29,  84 => 28,  81 => 27,  74 => 7,  69 => 4,  59 => 3,  36 => 1,);
  1220.     }
  1222.     public function getSourceContext()
  1223.     {
  1224.         return new Source("{% extends \"layout.html.twig\" %}
  1226. {% block content %}
  1227. \t<!-- #main -->
  1228. \t<main id=\"main\" role=\"main\">
  1230. \t\t{{ pimcore_areablock('top-content') }}
  1231. \t\t<section id=\"sutdios\">
  1232. \t\t\t<div class=\"apk-studios exk_booking_studio_list\">
  1233. \t\t\t\t<div class=\"uk-container apk-container-1400\">
  1234. \t\t\t\t\t{#% for order in orders %}
  1235. \t\t\t\t\t\t\t{% if order.getPayment() %}
  1236. \t\t\t\t\t\t\t\t<div uk-alert class=\"uk-alert-warning\">
  1237. \t\t\t\t\t\t\t\t\t<p>{{'Vous avez une commande en cours de '|trans}}
  1238. \t\t\t\t\t\t\t\t\t\t{{order.getPayment().getTotalPrice()}}€.
  1239. \t\t\t\t\t\t\t\t\t\t{{'Cliquez sur le bouton pour continuer la commande'|trans}}</p>
  1240. \t\t\t\t\t\t\t\t\t<a class=\"uk-button\" href=\"{{path('checkout', {order: order.id})}}\">{{'Continuer' | trans}}</a>
  1241. \t\t\t\t\t\t\t\t</div>
  1242. \t\t\t\t\t\t\t{% else %}
  1243. \t\t\t\t\t\t\t\t<div uk-alert class=\"uk-alert-warning\">
  1244. \t\t\t\t\t\t\t\t\t<p>{{'Vous avez une commande en cours'|trans}}.
  1245. \t\t\t\t\t\t\t\t\t\t{{'Cliquez sur le bouton pour continuer la commande'|trans}}</p>
  1246. \t\t\t\t\t\t\t\t\t<a class=\"uk-button\" href=\"{{path('checkout', {order: order.id})}}\">{{'Continuer' | trans}}</a>
  1247. \t\t\t\t\t\t\t\t</div>
  1248. \t\t\t\t\t\t\t{% endif %}
  1249. \t\t\t\t\t\t{% endfor %#}
  1250. \t\t\t\t\t{% set orderLink = '<a href=\"' ~ path(\"account_orders\") ~ '\">' ~ \"cliquez ici\"|trans ~ '</a>' %}
  1251. \t\t\t\t\t{% if orders|length == 1 %}
  1252. \t\t\t\t\t\t<div class=\"apk-alert-orange apk-f-24\" uk-alert>\t
  1253. \t\t\t\t\t\t\t<p>{{ \"Vous avez une réservation en cours. Pour consulter votre réservation\"|trans }} {{ orderLink|raw }}.</p>
  1254. \t\t\t\t\t\t</div>
  1255. \t\t\t\t\t{% elseif orders|length > 1 %}
  1256. \t\t\t\t\t\t<div class=\"apk-alert-orange apk-f-24\" uk-alert>
  1257. \t\t\t\t\t\t\t<p>{{ \"Vous avez des réservations en cours. Pour consulter vos réservations\"|trans }} {{ orderLink|raw }}.</p>
  1258. \t\t\t\t\t\t</div>
  1259. \t\t\t\t\t{% endif %}
  1262. \t\t\t\t\t<div class=\"apk-studios-filters\">
  1263. \t\t\t\t\t\t<div class=\"uk-grid-medium uk-grid\" uk-grid uk-height-match=\"target: .apk-label-input-style , .apk-studios-filters-type\">
  1264. \t\t\t\t\t\t\t
  1265. \t\t\t\t\t\t\t<div class=\"uk-width-2-3@m apk-studios-filters-inputs\">
  1266. \t\t\t\t\t\t\t\t<span class=\"apk-studios-filters--title uk-visible@s\">{{ \"Session\"|trans }}</span>
  1267. \t\t\t\t\t\t\t\t<div class=\"uk-child-width-1-4@s uk-grid-collapse uk-grid apk-studios-filters-inputs-upper\" uk-grid>
  1268. \t\t\t\t\t\t\t\t\t{#-- Ajout de la localisation --#}
  1269. \t\t\t\t\t\t\t\t\t{% if document.property('defaultSearchPlace') %}
  1270. \t\t\t\t\t\t\t\t\t\t<span id=\"defaultSearchPlaceId\" hidden apk-data-id=\"{{ document.property('defaultSearchPlace').id }}\"></span>
  1271. \t\t\t\t\t\t\t\t\t{% endif %}
  1272.                                     {% if document.property('defaultSearchPlace') %}
  1273.                                         <span id=\"defaultHoursSelected\" hidden apk-data-id=\"{{ pimcore_website_config('minimum_hours_selected', 1) }}\"></span>
  1274.                                     {% endif %}
  1275. \t\t\t\t\t\t\t\t\t<span id=\"pageLanguage\" hidden apk-data-id=\"{{ app.request.locale }}\"></span>
  1277. \t\t\t\t\t\t\t\t\t{% for l in locations %}
  1278. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-auto@s uk-width-1-3@s uk-width-1-2 apk-width-75-2\">
  1279. \t\t\t\t\t\t\t\t\t\t<label for=\"{{ l.id }}\" class=\"apk-label-input-style is-radio-type\">
  1280. \t\t\t\t\t\t\t\t\t\t\t<input value=\"{{ l.id }}\" class=\"uk-checkbox\" type=\"radio\" id=\"{{ l.id }}\" data-studiodefault=\"{% if l.defaultCategory %}{{ l.defaultCategory.id }}{% endif %}\" required v-model=\"sLocation\" @change=\"searchStudios()\">
  1281. \t\t\t\t\t\t\t\t\t\t\t<span class=\"apk-label\">{{ l.name }}</span>
  1282. \t\t\t\t\t\t\t\t\t\t</label>
  1283. \t\t\t\t\t\t\t\t\t</div>
  1284. \t\t\t\t\t\t\t\t\t{% endfor %}
  1285. \t\t\t\t\t\t\t\t</div>
  1286. \t\t\t\t\t\t\t\t<div class=\"uk-child-width-1-4@s uk-grid-collapse uk-grid\" uk-grid>
  1288. \t\t\t\t\t\t\t\t\t{# ----- #}
  1289. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-width-2-5\">
  1290. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\" style=\"position:relative;\">
  1291. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDate\" class=\"uk-visible@s\">{{ \"Date\"|trans }}</label>
  1292. \t\t\t\t\t\t\t\t\t\t\t<!-- Date Desktop text -->
  1293. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"!isMobile\" class=\"bookDateDesktop\" :class=\"{ 'exk-form-input-danger' : sDateNotValid }\" type=\"text\" name=\"bookDate\" id=\"bookDate\" :data-value=\"sDate\" v-model=\"sDateDesktop\" required style=\"position:absolute; bottom:0; z-index: -1;\">
  1295. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"!isMobile\" class=\"uk-input apk-input-date hide-browser-calendar bookDateDesktopText\" type=\"text\" :data-value=\"sDate\" v-model=\"sDateDesktopText\" required readonly=\"readonly\">
  1296. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" class=\"uk-input apk-input-date hide-browser-calendar bookDateMobile\" :class=\"{ 'exk-form-input-danger' : sDateNotValid }\" type=\"text\" name=\"bookDate\" id=\"bookDate\" required :value=\"sDateMobile\" :data-value=\"sDate\" readonly=\"readonly\">
  1297. \t\t\t\t\t\t\t\t\t\t</div>
  1298. \t\t\t\t\t\t\t\t\t</div>
  1300. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-visible@s\">
  1301. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\">
  1302. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDate\" class=\"uk-visible@s\">{{ \"Hour\"|trans }}</label>
  1303. \t\t\t\t\t\t\t\t\t\t\t<select v-if=\"!isMobile\" class=\"hide-browser-calendar uk-select apk-input-hour\" :class=\"{ 'exk-form-input-danger' : sHourNotValid }\" name=\"bookHour\" id=\"bookHour\" v-model=\"sHour\" @change=\"searchStudios()\" required>
  1304. \t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\">{{ \"Select an hour\"|trans }}</option>
  1305. \t\t\t\t\t\t\t\t\t\t\t\t
  1306. \t\t\t\t\t\t\t\t\t\t\t\t{% set ii = [0 ,1 , 2, 3, 4, 5, 6, 7, 8 ,9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23] %}
  1308. \t\t\t\t\t\t\t\t\t\t\t\t{% if pimcore_website_config('OpeningStudiosOur') and pimcore_website_config('ClosingStudiosOur') %}\t
  1309. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
  1310. \t\t\t\t\t\t\t\t\t\t\t\t\t
  1311. \t\t\t\t\t\t\t\t\t\t\t\t\t{% set hourSeparator = null %}
  1312. \t\t\t\t\t\t\t\t\t\t\t\t\t{% for i in ii %}
  1313. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% if pimcore_website_config('OpeningStudiosOur') < pimcore_website_config('ClosingStudiosOur') %}
  1314. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% if i >= pimcore_website_config('OpeningStudiosOur') and  i < pimcore_website_config('ClosingStudiosOur') %}
  1315. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"{{ i }}\" v-if=\"{{ i }} >= minHourAllowed\">{{i}}h00</option>
  1316. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1317. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% else %}
  1318. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% if i < pimcore_website_config('ClosingStudiosOur') or i >= pimcore_website_config('OpeningStudiosOur') %}
  1319. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"{{ i }}\" v-if=\"{{ i }} >= minHourAllowed\">{{i}}h00</option>
  1320. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% else %}
  1321. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% if not hourSeparator %}
  1322. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\" v-if=\"{{ i }} >= minHourAllowed\" disabled>---------------</option>
  1323. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1324. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% set hourSeparator = true %}
  1325. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1326. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1327. \t\t\t\t\t\t\t\t\t\t\t\t\t{% endfor %}
  1329. \t\t\t\t\t\t\t\t\t\t\t\t{% else %}
  1330. \t\t\t\t\t\t\t\t\t\t\t\t\t{# si pas d'heures de début et de fin #}
  1331. \t\t\t\t\t\t\t\t\t\t\t\t\t{% for i in ii %}
  1332. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"{{ i }}\" v-if=\"{{ i }} >= minHourAllowed\">{{i}}h00</option>
  1333. \t\t\t\t\t\t\t\t\t\t\t\t\t{% endfor %}
  1334. \t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1335. \t\t\t\t\t\t\t\t\t\t\t</select>
  1337. \t\t\t\t\t\t\t\t\t\t\t{# SELECTION DE L'heure MOBILE #}
  1338. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-select apk-input-hour bookHourMobile uk-visible@s\" :class=\"{ 'exk-form-input-danger' : sHourNotValid }\" name=\"bookHour\" id=\"bookHour\" @focus=\"searchStudios()\" placeholder=\"{{ \"Select an hour\"|trans }}\" required :data-value=\"sHour\" v-model=\"sHourMobile\" uk-toggle=\"target: #modal-hours\">
  1339. \t\t\t\t\t\t\t\t\t\t</div>
  1340. \t\t\t\t\t\t\t\t\t</div>
  1341. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-4@m uk-width-1-3@s uk-width-3-5\">
  1342. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-label-input-style\">
  1343. \t\t\t\t\t\t\t\t\t\t\t<label for=\"bookDuration\" class=\"uk-visible@s\">{{ \"Duration\"|trans }}</label>
  1344. \t\t\t\t\t\t\t\t\t\t\t<select v-if=\"!isMobile\" class=\"uk-select apk-duration\" :class=\"{ 'exk-form-input-danger' : sDurationNotValid }\" name=\"bookDuration\" id=\"bookDuration\" v-model=\"sDuration\" @change=\"searchStudios()\" required>
  1345. \t\t\t\t\t\t\t\t\t\t\t\t<!-- DEBUT OPTIONS A DYNAMISER -->
  1346. \t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\">{{ \"Select a duration\"|trans }}</option>
  1347. \t\t\t\t\t\t\t\t\t\t\t\t{% set hh = [1 , 2, 3, 4, 5, 6, 7, 8 ,9, 10, 11, 12] %}
  1348. \t\t\t\t\t\t\t\t\t\t\t\t{% for h in hh %}
  1349. \t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"{{ h }}\">
  1350. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{{h}}h00
  1351. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{#% if h > 1 %}
  1352. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{{h}} {{\"hours\"|trans}}\t
  1353. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% else %}
  1354. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{{h}} {{\"hour\"|trans}}\t
  1355. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %#}
  1356. \t\t\t\t\t\t\t\t\t\t\t\t\t</option>
  1357. \t\t\t\t\t\t\t\t\t\t\t\t{% endfor %}
  1358. \t\t\t\t\t\t\t\t\t\t\t\t<!-- FIN OPTIONS A DYNAMISER -->
  1359. \t\t\t\t\t\t\t\t\t\t\t</select>
  1360. \t
  1361. \t\t\t\t\t\t\t\t\t\t\t{# SELECTION DE LA DUREE MOBILE #}
  1362. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-select apk-duration bookDurationMobile uk-visible@s\" :class=\"{ 'exk-form-input-danger' : sDurationNotValid }\" name=\"bookDuration\" id=\"bookDuration\" placeholder=\"{{ \"Select a duration\"|trans }}\" required :data-value=\"sDuration\" readonly=\"readonly\" v-model=\"sDurationMobile\" uk-toggle=\"target: #modal-hours\">
  1363. \t
  1364. \t\t\t\t\t\t\t\t\t\t\t{# input qui affiche le texte des selections d'heure' et durées #}
  1365. \t\t\t\t\t\t\t\t\t\t\t<input v-if=\"isMobile\" type=\"text\" class=\"uk-input bookHourDuration uk-hidden@s apk-duration\" readonly=\"readonly\" uk-toggle=\"target: #modal-hours\">  
  1366. \t\t\t\t\t\t\t\t\t\t</div>
  1367. \t\t\t\t\t\t\t\t\t</div>
  1368. \t\t\t\t\t\t\t\t\t{#
  1369. \t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-1@s uk-width-auto\" apk-absolute-mobile>
  1370. \t\t\t\t\t\t\t\t\t\t<div class=\"uk-text-right@s uk-text-center\">
  1371. \t\t\t\t\t\t\t\t\t\t\t<button class=\"uk-button uk-button-white\" id=\"submit\" @click=\"searchStudios()\">
  1372. \t\t\t\t\t\t\t\t\t\t\t\t{{ \"Recherche\"|trans }}
  1373. \t\t\t\t\t\t\t\t\t\t\t</button>
  1374. \t\t\t\t\t\t\t\t\t\t\t<div class=\"uk-margin-top uk-visible@s\">
  1375. \t\t\t\t\t\t\t\t\t\t\t\t<a class=\"uk-button uk-button-white\" href=\"{{ path(\"studioList\") }}?reset=1\">
  1376. \t\t\t\t\t\t\t\t\t\t\t\t\t{{ \"Réinitialiser\"|trans }}
  1377. \t\t\t\t\t\t\t\t\t\t\t\t</a>
  1378. \t\t\t\t\t\t\t\t\t\t\t</div>
  1379. \t\t\t\t\t\t\t\t\t\t</div>
  1380. \t\t\t\t\t\t\t\t\t</div>
  1381. \t\t\t\t\t\t\t\t\t#}
  1382. \t\t\t\t\t\t\t\t\t<div class=\"uk-position-relative\">
  1383. \t\t\t\t\t\t\t\t\t\t<button id=\"submit\" @focus=\"searchStudios()\" style=\"width:1px; height:1px; position: absolute; top: 0; left: 0; z-index: -1;\">
  1384. \t\t\t\t\t\t\t\t\t\t\t{{ \"Recherche\"|trans }}
  1385. \t\t\t\t\t\t\t\t\t\t</button>
  1386. \t\t\t\t\t\t\t\t\t</div>
  1387. \t\t\t\t\t\t\t\t</div>
  1388. \t\t\t\t\t\t\t\t
  1389. \t\t\t\t\t\t\t</div>
  1391. \t\t\t\t\t\t\t<div class=\"uk-width-1-3@m uk-flex-first@m apk-margin-small-mobile\">
  1392. \t\t\t\t\t\t\t\t<span class=\"apk-studios-filters--title uk-visible@s\">{{ \"Studio type\"|trans }}</span>
  1393. \t\t\t\t\t\t\t\t{% if app.request.get('studioTypeId') is defined %}
  1394. \t\t\t\t\t\t\t\t\t<span id=\"predefinedStudio\" predefinedStudio=\"{{app.request.get('studioTypeId')}}\" hidden></span>
  1395. \t\t\t\t\t\t\t\t{% endif %}
  1397. \t\t\t\t\t\t\t\t{% if pimcore_website_config('maxHourSearch') is not null %}
  1398. \t\t\t\t\t\t\t\t\t{% set maxHourSearch = pimcore_website_config('maxHourSearch') %}
  1399. \t\t\t\t\t\t\t\t{% else  %}
  1400. \t\t\t\t\t\t\t\t\t{% set maxHourSearch = '20:15' %}
  1401. \t\t\t\t\t\t\t\t{% endif %}
  1402. \t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"maxHourSearch\" value=\"{{maxHourSearch}}\" hidden/>
  1404. \t\t\t\t\t\t\t\t{% if pimcore_website_config('OpeningStudiosOur') is not null %}
  1405. \t\t\t\t\t\t\t\t\t<input id=\"openingOurs\" value=\"{{pimcore_website_config('OpeningStudiosOur')}}\" hidden/>
  1406. \t\t\t\t\t\t\t\t{% endif %}
  1407. \t\t\t\t\t\t\t\t{% if pimcore_website_config('ClosingStudiosOur') is not null %}
  1408. \t\t\t\t\t\t\t\t\t<input id=\"closingOurs\" value=\"{{pimcore_website_config('ClosingStudiosOur')}}\" hidden/>
  1409. \t\t\t\t\t\t\t\t{% endif %}
  1410. \t\t\t\t\t\t\t\t{% if pimcore_website_config('durationBeforeNextHour') is not null %}
  1411. \t\t\t\t\t\t\t\t\t<input id=\"durationBeforeNextHour\" value=\"{{pimcore_website_config('durationBeforeNextHour')}}\" hidden/>
  1412. \t\t\t\t\t\t\t\t{% endif %}
  1413. \t\t\t\t\t\t\t\t{% if pimcore_website_config('defaultSearchStudio') is not null %}
  1414. \t\t\t\t\t\t\t\t\t<input id=\"defaultSearchStudio\" value=\"{{pimcore_website_config('defaultSearchStudio').id}}\" hidden/>
  1415. \t\t\t\t\t\t\t\t{% endif %}
  1416. \t\t\t\t\t\t\t\t{% if pimcore_website_config('defaultSearchStudioSubCat') is not null %}
  1417. \t\t\t\t\t\t\t\t\t<input id=\"defaultSearchStudioSubCat\" value=\"{{pimcore_website_config('defaultSearchStudioSubCat').id}}\" hidden/>
  1418. \t\t\t\t\t\t\t\t{% endif %}
  1419. \t\t\t\t\t\t\t\t<div hidden {#apk-mobile-show#}>
  1420. \t\t\t\t\t\t\t\t\t<span>{{ \"Chose your type of studio\"|trans }}</span>
  1421. \t\t\t\t\t\t\t\t</div>
  1422. \t\t\t\t\t\t\t\t<div class=\"apk-studios-filters-content\" {#apk-mobile-dropdown#}>
  1423. \t\t\t\t\t\t\t\t\t<div class=\"uk-grid-small uk-grid\" uk-grid uk-height-match=\"target: .apk-studios-filters-type\">
  1424. \t\t\t\t\t\t\t\t\t\t{% for studCat in studioCategories %}
  1425. \t\t\t\t\t\t\t\t\t\t\t<div class=\"uk-width-1-2\" {% if studCat.place %}v-if=\"sLocation == {{ studCat.place.id }}\"{% endif %}>
  1426. \t\t\t\t\t\t\t\t\t\t\t\t{# --Checkbox lié à la catégorie (à laisser au dessus et au même niveau que le label pour le style)-- #}
  1427. \t\t\t\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"uk-dark uk-checkbox\" name=\"studioCat\" id=\"studioCat_{{ studCat.id }}\" data-place=\"{% if studCat.place %}{{ studCat.place.id }}{% endif %}\" value=\"{{ studCat.id }}\" @change=\"searchStudios()\" v-model=\"studioCats\">
  1428. \t\t\t\t\t\t\t\t\t\t\t\t{# ---- #}
  1429. \t\t\t\t\t\t\t\t\t\t\t\t<label class=\"apk-studios-filters-type uk-text-center\" for=\"studioCat_{{ studCat.id }}\">
  1430. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-filters-media\">
  1431. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% if studCat.image %}
  1432. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img uk-svg width=\"26\" height=\"26\" src=\"{{ studCat.image }}\" alt=\"{{ studCat.title }}\">
  1433. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
  1434. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  1435. \t\t\t\t\t\t\t\t\t\t\t\t\t<span>{{ studCat.title }}</span>
  1436. \t\t\t\t\t\t\t\t\t\t\t\t</label>
  1437. \t\t\t\t\t\t\t\t\t\t\t</div>
  1438. \t\t\t\t\t\t\t\t\t\t{% endfor %}
  1439. \t\t\t\t\t\t\t\t\t</div>
  1440. \t\t\t\t\t\t\t\t</div>
  1441. \t\t\t\t\t\t\t</div>
  1443. \t\t\t\t\t\t</div>
  1444. \t\t\t\t\t</div>
  1446. \t\t\t\t\t<div style=\"min-height:821px;\">
  1448. \t\t\t\t\t\t<div id=\"subcateg\" vue-loading  v-if=\"showSubCats\">
  1449. \t\t\t\t\t\t\t<div class=\"apk-studios-filters-subtype uk-flex uk-flex-left@s uk-flex-center uk-text-center uk-width-expand@s uk-child-width-auto uk-grid-collapse uk-width-1-1 uk-grid\"
  1450. \t\t\t\t\t\t\t\tuk-grid :class=\"{'apk-display-grid' : (studioSCats.length > 2 && isMobile)}\">
  1451. \t\t\t\t\t\t\t\t<div v-for=\"souscateg in studioSCats\"
  1452. \t\t\t\t\t\t\t\t:class=\"{'apk-subcategs-inline' : (studioSCats.length > 2 && isMobile)}\">
  1453. \t\t\t\t\t\t\t\t\t<input class=\"scateg-checkbox-selector uk-checkbox\" type=\"checkbox\" :name=\"'studioSCat_'+[[souscateg.id]]\" :id=\"'studioSCat_'+[[souscateg.id]]\" :true-value=\"souscateg.id\"
  1454.                                            :false-value=\"0\" @change=\"searchStudios()\" v-model=\"studioSCatsSelected\"/>
  1455. \t\t\t\t\t\t\t\t\t<label :for=\"'studioSCat_'+[[souscateg.id]]\">
  1456. \t\t\t\t\t\t\t\t\t\t<span>[[souscateg.title]]</span>
  1457. \t\t\t\t\t\t\t\t\t</label>
  1458. \t\t\t\t\t\t\t\t</div>
  1459. \t\t\t\t\t\t\t</div>
  1460. \t\t\t\t\t\t</div>
  1461. \t\t\t\t\t\t
  1462. \t\t\t\t\t\t<div id=\"availability\" class=\"apk-studios-filters-results\" :class=\"studioAvailable == 1 ? 'available' : 'unavailable'\" vue-loading>
  1463. \t\t\t\t\t\t\t{# <span v-if=\"studioAvailable == 1\">
  1464. \t\t\t\t\t\t\t\t[[ studioList.length ]] {{ \"studio(s) libres(s) à l'heure/date choisie\"|trans }}
  1465. \t\t\t\t\t\t\t</span>
  1466. \t\t\t\t\t\t\t #}
  1467. \t\t\t\t\t\t\t<span v-if=\"studioAvailable == 0\">
  1468. \t\t\t\t\t\t\t\t{{ \"Pas de studio libre à la date/heure sélectionnée ci-dessus\"|trans }}
  1469. \t\t\t\t\t\t\t</span>
  1470. \t\t\t\t\t\t</div>
  1471. \t\t\t\t\t\t
  1472. \t\t\t\t\t\t<div class=\"apk-studios-list\" vue-loading>
  1473. \t\t\t\t\t\t\t
  1474. \t\t\t\t\t\t\t{#<div v-if=\"studioAvailable == true\" class=\"apk-result\">
  1475. \t\t\t\t\t\t\t\t<small v-if=\"studioList.length\">[[ studioList.length ]]
  1476. \t\t\t\t\t\t\t\t\t{{ \"studios found\"|trans }}</small>
  1477. \t\t\t\t\t\t\t\t<small v-else>{{ \"No studios found\"|trans }}</small>
  1478. \t\t\t\t\t\t\t</div>
  1479. \t\t\t\t\t\t\t<div v-else class=\"apk-result\">
  1480. \t\t\t\t\t\t\t\t<small v-if=\"studioList.length\">
  1481. \t\t\t\t\t\t\t\t\t{{ \"No available studios found\"|trans }}</small>
  1482. \t\t\t\t\t\t\t\t<small v-else>{{ \"No studios found\"|trans }}</small>
  1483. \t\t\t\t\t\t\t</div>
  1484. \t\t\t\t\t\t\t#}
  1485. \t\t\t\t\t\t\t<div class=\"uk-grid\" uk-grid uk-height-match=\"target: .apk-studios-box-bottom\">
  1486. \t
  1487. \t\t\t\t\t\t\t\t<div class=\"uk-width-1-3@m uk-width-1-2@s\" v-for=\"studio in studioList\">
  1488. \t\t\t\t\t\t\t\t\t<!-- FORM avec action vers le checkout -->
  1489. \t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box uk-dark\">
  1490. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box-top\">
  1491. \t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-title\">
  1492. \t\t\t\t\t\t\t\t\t\t\t\t<div>
  1493. \t\t\t\t\t\t\t\t\t\t\t\t\t<span v-if=\"studio.titleTranslated\" class=\"uk-h3\" :class=\"studio.cssFontSizeTitle\" style=\"white-space: pre-wrap;\">
  1494. \t\t\t\t\t\t\t\t\t\t\t\t\t\t[[ studio.titleTranslated ]]
  1495. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
  1496. \t\t\t\t\t\t\t\t\t\t\t\t\t<span v-else class=\"uk-h3\" :class=\"studio.cssFontSizeTitle\">
  1497. \t\t\t\t\t\t\t\t\t\t\t\t\t\t[[ studio.title ]]
  1498. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
  1499. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1500. \t\t\t\t\t\t\t\t\t\t\t</div>
  1501. \t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-media uk-cover-container\" {#apk-show-more#}>
  1502. \t\t\t\t\t\t\t\t\t\t\t\t<div {#}:href=\"studio.detailURL\"#} v-html=\"studio.image\"></div>
  1503. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-audience uk-text-center\">
  1504. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  1505. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<img uk-svg width=\"20\" height=\"15\" src=\"/static/img/pictos/audience.svg\" alt=\"\">
  1506. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  1507. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  1508. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>[[ studio.maxPersons ]]
  1509. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{ \"max\"|trans }}</span>
  1510. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  1511. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1512. \t\t\t\t\t\t\t\t\t\t\t</div>
  1513. \t
  1514. \t\t\t\t\t\t\t\t\t\t\t<!---------------->
  1515. \t\t\t\t\t\t\t\t\t\t\t<div v-if=\"studio.shortInfos\" class=\"apk-short-description\" v-html=\"studio.shortInfos\">
  1516. \t
  1517. \t\t\t\t\t\t\t\t\t\t\t</div>
  1518. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"uk-margin-small-top uk-margin-small-bottom\" v-if=\"studio.shortInfos\"/>
  1519. \t\t\t\t\t\t\t\t\t\t\t{#
  1520. \t\t\t\t\t\t\t\t\t\t\t<ul class=\"apk-promo-inline\">
  1521. \t\t\t\t\t\t\t\t\t\t\t\t
  1522. \t\t\t\t\t\t\t\t\t\t\t\t<li>
  1523. \t\t\t\t\t\t\t\t\t\t\t\t\t{{ \"Jacks specials\"|trans|raw }}
  1524. \t\t\t\t\t\t\t\t\t\t\t\t</li>
  1525. \t\t\t\t\t\t\t\t\t\t\t\t
  1526. \t\t\t\t\t\t\t\t\t\t\t\t<li v-if=\"studio.promoLeft\">
  1527. \t\t\t\t\t\t\t\t\t\t\t\t\t<span :class=\"studio.promoLeftSize\">[[ studio.promoLeft ]]</span>
  1528. \t\t\t\t\t\t\t\t\t\t\t\t</li>
  1529. \t\t\t\t\t\t\t\t\t\t\t\t<li v-if=\"studio.promoRight\">
  1530. \t\t\t\t\t\t\t\t\t\t\t\t\t<span :class=\"studio.promoRightSize\">[[ studio.promoRight ]]</span>
  1531. \t\t\t\t\t\t\t\t\t\t\t\t</li>
  1532. \t\t\t\t\t\t\t\t\t\t\t</ul>
  1533. \t\t\t\t\t\t\t\t\t\t\t#}
  1534. \t
  1535. \t\t\t\t\t\t\t\t\t\t\t<!---------------->
  1536. \t
  1537. \t\t\t\t\t\t\t\t\t\t\t<ul v-if=\"studio.infos\" class=\"apk-infos uk-margin-small-top uk-margin-small-bottom\" uk-accordion>
  1538. \t\t\t\t\t\t\t\t\t\t\t\t<li>
  1539. \t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"uk-accordion-title apk-infos--title\" href=\"#\">{{ \"More info about this studio ?\"|trans }}</a>
  1540. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uk-accordion-content\">
  1541. \t
  1542. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"apk-infos--text uk-margin-small-bottom\" v-html=\"studio.infos\"></div>
  1543. \t
  1544. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<hr class=\"uk-margin-remove\"/>
  1545. \t
  1546. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"uk-margin-small-top apk-infos--text\" v-html=\"studio.gear\"></p>
  1547. \t
  1548. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  1549. \t\t\t\t\t\t\t\t\t\t\t\t</li>
  1550. \t\t\t\t\t\t\t\t\t\t\t</ul>
  1551. \t\t\t\t\t\t\t\t\t\t\t<span v-if=\"!studio.infos\" class=\"uk-display-block uk-margin-small-top apk-infos--title\">{{ \"No infos\"|trans }}</span>
  1552. \t\t\t\t\t\t\t\t\t\t</div>
  1553. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-studios-box-bottom\">
  1554. \t\t\t\t\t\t\t\t\t\t\t<hr/>
  1555. \t\t\t\t\t\t\t\t\t\t\t<span :id=\"'exk_vue_booking_'+studio.id\" class=\"exk_vue_booking\" :data-lockText=\"studio.lockText\" :data-placeLock=\"studio.placeLock\" :data-studio=\"studio.id\" :data-searchdate=\"sDate\" :data-searchhour=\"sHour\" :data-searchduration=\"sDuration\" :data-defaultprice=\"studio.defaultPrice\" :data-availability=\"studio.availability\" :data-displaycalendar=\"{{ displayCalendar }}\" :data-detailstudio=\"{{ detailstudio }}\" data-language=\"{{ app.request.locale }}\"></span>
  1556. \t\t\t\t\t\t\t\t\t\t</div>
  1557. \t\t\t\t\t\t\t\t\t</div>
  1558. \t\t\t\t\t\t\t\t</div>
  1559. \t\t\t\t\t\t\t</div>
  1560. \t\t\t\t\t\t</div>\t
  1561. \t\t\t\t\t</div>
  1563. \t\t\t\t</div>
  1565. \t\t\t\t<div id=\"modal-hours\" class=\"uk-flex-top uk-modal\" uk-modal=\"bg-close: false\">
  1566. \t\t\t\t\t<div class=\"uk-modal-dialog uk-modal-body uk-margin-auto-vertical\">
  1567. \t\t\t\t\t\t<div class=\"apk-modal-promotions uk-dark\">
  1568. \t\t\t\t\t\t\t{% for studCat in studioCategories %}
  1569. \t\t\t\t\t\t\t\t{% for studSubCat in studCat.categories %}
  1570. \t\t\t\t\t\t\t\t\t{% if studSubCat.pricingGrid.mobilePromo %}
  1571. \t\t\t\t\t\t\t\t\t\t<div class=\"apk-modal-promotions-inner\" v-if=\"studioSCatsSelectedPromo == {{studSubCat.id}}\" id=\"{{studSubCat.id}}\">
  1572. \t\t\t\t\t\t\t\t\t\t\t{{studSubCat.pricingGrid.mobilePromo}}
  1573. \t\t\t\t\t\t\t\t\t\t</div>
  1574. \t\t\t\t\t\t\t\t\t{% endif %}
  1575. \t\t\t\t\t\t\t\t{% endfor %}
  1576. \t\t\t\t\t\t\t{% endfor %}
  1577. \t\t\t\t\t\t</div>
  1578. \t\t\t\t\t\t<div class=\"uk-flex\">
  1579. \t\t\t\t\t\t\t<div id=\"hourContainer\"></div>
  1580. \t\t\t\t\t\t\t<div id=\"durationContainer\"></div>
  1581. \t\t\t\t\t\t</div>
  1582. \t\t\t\t\t\t<div class=\"uk-text-center uk-margin-top\">
  1583. \t\t\t\t\t\t\t<button class=\"uk-button uk-button-black uk-width-1-1 uk-modal-close\" type=\"button\">{{ \"Done\"|trans }}</button>
  1584. \t\t\t\t\t\t</div>
  1585. \t\t\t\t\t</div>
  1586. \t\t\t\t</div>
  1588. \t\t\t</div>
  1589. \t\t</section>
  1591. \t\t{{ pimcore_areablock('bottom-content') }}
  1593. \t</main>
  1595. \t<!-- end #main -->
  1597. \t{% include \"studio/booking-studio.html.twig\" %}
  1599. \t{# condition pour le dev et prod #}
  1600. \t{% if pimcore_website_config('minify-css-js') %}
  1601. \t\t{% do pimcore_head_script().appendFile('/static/js/minified/booking/picker.min.js') %}
  1602. \t\t{% do pimcore_head_script().appendFile('/static/js/minified/booking/core.min.js') %}
  1603. \t\t{% do pimcore_head_script().appendFile('/static/js/minified/booking/list.min.js') %}
  1604. \t{% else %}
  1605. \t\t{% do pimcore_head_script().appendFile(asset('/static/js/booking/picker.js')) %}
  1606. \t\t{% do pimcore_head_script().appendFile('/static/js/booking/core.js') %}
  1607. \t\t{% do pimcore_head_script().appendFile('/static/js/booking/list.js') %}
  1608. \t{% endif %}
  1610. \t{% do pimcore_head_script().appendFile('/static/js/jquery-ui/jquery-ui.1.13.2.min.js') %}
  1611. \t{% if app.request.locale == \"fr\" %}
  1612. \t\t{% do pimcore_head_script().appendFile('/static/js/jquery-ui/locale-fr.min.js') %}\t
  1613. \t{% endif %}
  1615. {% endblock %}
  1617. {% block inlinescripts %}
  1618. \t<script>
  1619. \t\t/* \tPicker de d'heures
  1620. \t\t\tDocumentation : https://github.com/fengyuanchen/pickerjs/blob/master/README.md */
  1622. \t\tjQuery(function (\$) {
  1623. \t\t\tif(\$(document).ready(function(){
  1624. \t\t\t\t
  1625. \t\t\t\tfunction padTo2Digits(num) {
  1626. \t\t\t\t\treturn num.toString().padStart(2, '0');
  1627. \t\t\t\t};
  1628. \t\t
  1629. \t\t\t\tfunction formatDate(date) {
  1630. \t\t\t\t\treturn [
  1631. \t\t\t\t\t\tpadTo2Digits(date.getDate()),
  1632. \t\t\t\t\t\tpadTo2Digits(date.getMonth() + 1),
  1633. \t\t\t\t\t\tdate.getFullYear(),
  1634. \t\t\t\t\t].join('/');
  1635. \t\t\t\t};
  1638. \t\t\t\tfunction FormatedTextDate (dateSubmited, language) {
  1639. \t\t\t\t\tlet languageLocale = \"fr-BE\";
  1640. \t\t\t\t\tif(language == \"fr\") {
  1641. \t\t\t\t\t\tlanguageLocale = \"fr-BE\";
  1642. \t\t\t\t\t} else if(language == \"nl\") {
  1643. \t\t\t\t\t\tlanguageLocale = \"nl-BE\";
  1644. \t\t\t\t\t} else if(language == \"en\") {
  1645. \t\t\t\t\t\tlanguageLocale = \"en-US\";
  1646. \t\t\t\t\t}
  1647. \t\t\t\t\tlet date = new Date(dateSubmited);
  1648. \t\t\t\t\tlet year = date.getFullYear();
  1649. \t\t\t\t\tlet dayNumber = date.getDate();
  1650. \t\t\t\t\tlet dayText = date.toLocaleDateString(languageLocale, { weekday: \"short\" });
  1651. \t\t\t\t\tlet month = date.toLocaleDateString(languageLocale, { month: \"short\" });
  1652. \t\t
  1653. \t\t\t\t\tlet string = `\${capitalizeFirstLetter(dayText)} \${dayNumber} \${capitalizeFirstLetter(month)}, \${year}`;
  1654. \t\t\t\t\treturn string;
  1655. \t\t\t\t};
  1657. \t\t\t\tfunction capitalizeFirstLetter(string) {
  1658. \t\t\t\t\tstring = string.split('.').join(\"\");
  1659. \t\t\t\t\treturn string.charAt(0).toUpperCase() + string.slice(1);
  1660. \t\t\t\t}
  1661. \t\t\t\t
  1662. \t\t\t\tfunction focusSubmit() {
  1663. \t\t\t\t\t\$('#submit').focus();
  1664. \t\t\t\t\tconsole.log(\$('#submit'));
  1665. \t\t\t\t}
  1666. \t\t
  1667. \t\t\t\t\$( \"#bookDate\" ).datepicker({
  1668. \t\t\t\t\tminDate: 0,
  1669. \t\t\t\t\tshowButtonPanel: true,
  1670. \t\t\t\t\tdateFormat: 'dd/mm/yy',
  1671. \t\t\t\t\tregional: \"{{ app.request.locale }}\",
  1672. \t\t\t\t});
  1674. \t\t\t\t\$( \"#bookDate\" ).on('change', function(){
  1675. \t\t\t\t\tvar date = \$(this).datepicker( \"getDate\", {dateFormat: 'yy-mm-dd'} );
  1677. \t\t\t\t\t/* handle timezone */
  1678. \t\t\t\t\tconst offset = date.getTimezoneOffset();
  1679. \t\t\t\t\tdate = new Date(date.getTime() - (offset*60*1000));
  1680. \t\t\t\t\tvar datePicked = date.toISOString().split('T')[0];
  1681. \t\t\t\t\t\$(this).attr('data-value', datePicked);
  1682. \t\t\t\t\tvar desktopDate = \$(\".bookDateDesktopText\");
  1683. \t\t\t\t\tdesktopDate.val(FormatedTextDate(datePicked, '{{app.request.locale}}'));
  1685. \t\t\t\t\tfocusSubmit();
  1686. \t\t\t\t\t
  1687. \t\t\t\t});
  1689. \t\t\t\t\$(\".bookDateDesktopText\").on('click', function(){
  1690. \t\t\t\t\t\$(\"#bookDate\").datepicker(\"show\");
  1691. \t\t\t\t});
  1693. \t\t\t\t\$('.apk-studios-filters button#submit').on('click', function(){
  1694. \t\t\t\t\t/* console.log('click'); */
  1695. \t\t\t\t\tlet headerHeight = \$('header').height();
  1696. \t\t\t\t\t\$(window).resize(function(){
  1697. \t\t\t\t\t\theaderHeight = \$('header').height();
  1698. \t\t\t\t\t});
  1699. \t\t\t\t\t\$([document.documentElement, document.body]).animate({
  1700. \t\t\t\t\t\tscrollTop: \$(\".apk-studios-list\").offset().top - headerHeight
  1701. \t\t\t\t\t}, 1000);
  1702. \t\t\t\t});
  1704. \t\t\t\tfunction submitClick(noScroll = null) {
  1705. \t\t\t\t\t\$('#submit').click();
  1706. \t\t\t\t\tif(noScroll) {
  1707. \t\t\t\t\t\t\$([document.documentElement, document.body]).animate().stop();
  1708. \t\t\t\t\t}
  1709. \t\t\t\t};
  1711. \t\t\t\tvar bookDate = document.getElementsByClassName('bookDateMobile');
  1712. \t\t\t\tvar bookHour = document.getElementsByClassName('bookHourMobile');
  1713. \t\t\t\tvar bookDuration = document.getElementsByClassName('bookDurationMobile');
  1714. \t\t\t\tvar bookHourDuration = \$('.bookHourDuration');
  1717. \t\t\t\tif (bookDate.length && bookDuration.length) {
  1719. \t\t\t\t\tbookDate = bookDate[0];
  1720. \t\t\t\t\tbookDuration = bookDuration[0];
  1721. \t\t\t\t\tbookHour = bookHour[0];
  1723. \t\t\t\t\t/* Date d'aujuord'hui + 1h */
  1724. \t\t\t\t\tvar nowPlusOne = new Date();
  1726. \t\t\t\t\tnowPlusOne.setHours(bookHour.getAttribute('data-value'));
  1727. \t\t\t\t\t/* nowPlusOne.setHours(nowPlusOne.getHours() + 1) */
  1729. \t\t\t\t\tvar pickerBookHour = new Picker(bookHour, {
  1730. \t\t\t\t\t\tdate: nowPlusOne,
  1731. \t\t\t\t\t\tcontainer: document.getElementById('hourContainer'),
  1732. \t\t\t\t\t\tinline: true,
  1733. \t\t\t\t\t\tformat: 'H',
  1734. \t\t\t\t\t\t{% if pimcore_website_config('OpeningStudiosOur') %}
  1735. \t\t\t\t\t\tminHour: parseInt({{pimcore_website_config('OpeningStudiosOur')}}),
  1736. \t\t\t\t\t\t{% endif %}
  1737. \t\t\t\t\t\t{% if pimcore_website_config('ClosingStudiosOur') %}
  1738. \t\t\t\t\t\tmaxHour: parseInt({{pimcore_website_config('ClosingStudiosOur')}}),
  1739. \t\t\t\t\t\t{% endif %}
  1740. \t\t\t\t\t\tcontrols: true,
  1741. \t\t\t\t\t\theaders: true,
  1742. \t\t\t\t\t\tlanguage: \"{{ app.request.locale }}\",
  1743. \t\t\t\t\t\ttext: {
  1744. \t\t\t\t\t\t\ttitle: false, /*title: '{{ \"Select an hour to begin\"|trans }}', */
  1745. \t\t\t\t\t\t\tcancel: '{{ \"Cancel\"|trans }}',
  1746. \t\t\t\t\t\t\tconfirm: '{{ \"OK\"|trans }}',
  1747. \t\t\t\t\t\t\tyear: '{{ \"Year\"|trans }}',
  1748. \t\t\t\t\t\t\tmonth: '{{ \"Month\"|trans }}',
  1749. \t\t\t\t\t\t\tday: '{{ \"Day\"|trans }}',
  1750. \t\t\t\t\t\t\thour: '{{ \"Hout to begin\"|trans }}',
  1751. \t\t\t\t\t\t\tminute: '{{ \"Minute\"|trans }}',
  1752. \t\t\t\t\t\t\tsecond: '{{ \"Second\"|trans }}',
  1753. \t\t\t\t\t\t\tmillisecond: '{{ \"Millisecond\"|trans }}'
  1754. \t\t\t\t\t\t},
  1755. \t\t\t\t\t});
  1756. \t\t\t\t\t
  1757. \t\t\t\t\tvar now = new Date();
  1758. \t\t\t\t\tvar oneHourDefault = new Date();
  1759. \t\t\t\t\tvar defaultHour = 3;
  1760. \t\t\t\t\tif(document.getElementById(\"bookDuration\").getAttribute('data-value')) {
  1761. \t\t\t\t\t\tdefaultHour = document.getElementById(\"bookDuration\").getAttribute('data-value');
  1762. \t\t\t\t\t}
  1763. \t\t\t\t\toneHourDefault.setHours(defaultHour);
  1764. \t\t\t\t\t
  1765. \t\t\t\t\tvar pickerBookDuration = new Picker(bookDuration, {
  1766. \t\t\t\t\t\tdate: oneHourDefault,
  1767. \t\t\t\t\t\tcontainer: document.getElementById('durationContainer'),
  1768. \t\t\t\t\t\tinline: true,
  1769. \t\t\t\t\t\tformat: 'H',
  1770. \t\t\t\t\t\tminDuration: 1,
  1771. \t\t\t\t\t\tmaxDuration: 12,
  1772. \t\t\t\t\t\tcontrols: true,
  1773. \t\t\t\t\t\theaders: true,
  1774. \t\t\t\t\t\tlanguage: \"{{ app.request.locale }}\",
  1775. \t\t\t\t\t\ttext: {
  1776. \t\t\t\t\t\t\ttitle: '{{ \"Select a duration\"|trans }}',
  1777. \t\t\t\t\t\t\tcancel: '{{ \"Cancel\"|trans }}',
  1778. \t\t\t\t\t\t\tconfirm: '{{ \"OK\"|trans }}',
  1779. \t\t\t\t\t\t\tyear: '{{ \"Year\"|trans }}',
  1780. \t\t\t\t\t\t\tmonth: '{{ \"Month\"|trans }}',
  1781. \t\t\t\t\t\t\tday: '{{ \"Day\"|trans }}',
  1782. \t\t\t\t\t\t\thour: '{{ \"Duration\"|trans }}',
  1783. \t\t\t\t\t\t\tminute: '{{ \"Minute\"|trans }}',
  1784. \t\t\t\t\t\t\tsecond: '{{ \"Second\"|trans }}',
  1785. \t\t\t\t\t\t\tmillisecond: '{{ \"Millisecond\"|trans }}'
  1786. \t\t\t\t\t\t},
  1787. \t\t\t\t\t});
  1789. \t\t\t\t\tfunction updateValue(e) {
  1790. \t\t\t\t\t\tbookDate = e.target.value;
  1791. \t\t\t\t\t\t/* console.log('done'); */
  1792. \t\t\t\t\t};
  1794. \t\t\t\t\tfunction updateHourDuration () {
  1795. \t\t\t\t\t\tvar bookHourVal = \$('.bookHourMobile').val();
  1796. \t\t\t\t\t\tvar bookDurationVal = \$('.bookDurationMobile').attr('data-value');
  1797. \t\t\t\t\t\tvar hourType = \"\";
  1798. \t\t\t\t\t\tif(bookDurationVal > 1) {
  1799. \t\t\t\t\t\t\thourType = \"{{'hours'|trans}}\";
  1800. \t\t\t\t\t\t} else {
  1801. \t\t\t\t\t\t\thourType = \"{{'hour'|trans}}\";
  1802. \t\t\t\t\t\t} 
  1803. \t\t\t\t\t\tvar text = \"{{ \"duration.before.hour\"|trans }}\" + \" \" + bookHourVal + \" \" + \"{{ \"duration.middle.hour\"|trans }}\" + \" \" + bookDurationVal + \" \" + hourType ;
  1804. \t\t\t\t\t\tbookHourDuration.val(text);
  1805. \t\t\t\t\t};
  1806. \t\t\t\t\tupdateHourDuration ();
  1808. \t\t\t\t\tfunction setText() {
  1809. \t\t\t\t\t\t/* \$('#durationContainer .picker-item[data-value=\"0\"]').css({'display': 'none'}); */
  1810. \t\t\t\t\t\t\$('#durationContainer .picker-item').each(function() {
  1811. \t\t\t\t\t\t\tvar txt = \$(this).attr('data-value');
  1812. \t\t\t\t\t\t\tif(txt == \"1\" || txt == \"0\") {
  1813. \t\t\t\t\t\t\t\t\$(this).text(txt + \" \" + \"{{\"hour\"|trans}}\");
  1814. \t\t\t\t\t\t\t} else {
  1815. \t\t\t\t\t\t\t\t\$(this).text(txt + \" \" + \"{{\"hours\"|trans}}\");
  1816. \t\t\t\t\t\t\t}
  1817. \t\t\t\t\t\t});
  1819. \t\t\t\t\t\t\$('#hourContainer .picker-item').each(function() {
  1820. \t\t\t\t\t\t\tvar txt = \$(this).attr('data-value');
  1821. \t\t\t\t\t\t\t\$(this).text(txt + \"{{\"h00\"|trans}}\");
  1822. \t\t\t\t\t\t})
  1823. \t\t\t\t\t};
  1824. \t\t\t\t\tsetText();
  1827. \t\t\t\t\tfunction updateHoursAfterMidnight(parent) {
  1828. \t\t\t\t\t\t\$(parent).find('.picker-list [data-value]').each( function() {
  1829. \t\t\t\t\t\t\tif(parseInt(\$(this).attr('data-value')) >= 24) {
  1830. \t\t\t\t\t\t\t\t\$(this).text(parseInt(\$(this).attr('data-value')) - 24 + 'h00');
  1831. \t\t\t\t\t\t\t}
  1832. \t\t\t\t\t\t});
  1833. \t\t\t\t\t};
  1835. \t\t\t\t\tpickerBookHour.pick = function () {
  1836. \t\t\t\t\t\tvar result = new Date(pickerBookHour.date);
  1837. \t\t\t\t\t\tvar now = new Date();
  1838. \t\t\t\t\t\tdateMinusOnemin = new Date(\$(\"#bookDate\").datepicker( \"getDate\", {dateFormat: 'yy-mm-dd'} ));
  1839. \t\t\t\t\t\tdateMinusOnemin.setHours(result.getHours());
  1840. \t\t\t\t\t\tdateMinusOnemin.setMinutes(now.getMinutes() - 1);
  1841. \t\t\t\t\t\tdateMinusOnemin.setSeconds(now.getSeconds());
  1842. \t\t\t\t\t\t/* console.log(now); */
  1843. \t\t\t\t\t\t/* console.log(dateMinusOnemin); */
  1844. \t\t\t\t\t\t/*
  1845. \t\t\t\t\t\tif(\$('.picker-open .picker-title .uk-alert').length) {
  1846. \t\t\t\t\t\t\tdocument.querySelector('.picker-open .picker-title .uk-alert').remove();
  1847. \t\t\t\t\t\t}
  1848. \t\t\t\t\t\tif (dateMinusOnemin <= now) {
  1849. \t\t\t\t\t\t\tvar pickerTitle = document.querySelector('.picker-open .picker-title');
  1850. \t\t\t\t\t\t\tvar message = '<div class=\"uk-alert-danger\" uk-alert><a class=\"uk-alert-close\" uk-close></a>        {{ \"La date ou l\\'heure sélectionnée est antérieur à la date actuelle.\"|trans }}</div>';
  1851. \t\t\t\t\t\t\tpickerTitle.insertAdjacentHTML('beforeend', message);
  1852. \t\t\t\t\t\t\tsetTimeout(function () {
  1853. \t\t\t\t\t\t\t\tvar alert = document.querySelector('.picker-open .picker-title .uk-alert');
  1854. \t\t\t\t\t\t\t\t//alert.remove();
  1855. \t\t\t\t\t\t\t}, 5000)
  1856. \t\t\t\t\t\t\treturn false;
  1857. \t\t\t\t\t\t}
  1858. \t\t\t\t\t\t*/
  1859. \t\t\t\t\t\tvar hourPicked = result.getHours();
  1860. \t\t\t\t\t\tif(hourPicked >= 24) {
  1861. \t\t\t\t\t\t\thourPicked = hourPicked - 24;
  1862. \t\t\t\t\t\t}
  1863. \t\t\t\t\t\tbookHour.setAttribute('data-value', hourPicked);
  1864. \t\t\t\t\t\tbookHour.value = hourPicked + 'h00';
  1865. \t\t\t\t\t\tbookHour.focus();
  1866. \t\t\t\t\t\t
  1867. \t\t\t\t\t\tpickerBookHour.hide();
  1868. \t\t\t\t\t\tupdateHourDuration();
  1869. \t\t\t\t\t\tsetText();
  1871. \t\t\t\t\t\t\$('#hourContainer .picker-list [data-value]').removeClass('separator');
  1872. \t\t\t\t\t\t\$('#hourContainer .picker-list [data-value=\"'+ pickerBookHour.data.hour.min +'\"]').addClass('separator');
  1873. \t\t\t\t\t\tupdateHoursAfterMidnight('#hourContainer');
  1875. \t\t\t\t\t};
  1876. \t\t\t\t\t
  1877. \t\t\t\t\tupdateHoursAfterMidnight('#hourContainer');
  1878. \t\t\t\t\t
  1880. \t\t\t\t\tpickerBookDuration.pick = function () {
  1881. \t\t\t\t\t\tvar durationPicked = new Date(pickerBookDuration.date).getHours();
  1882. \t\t\t\t\t\tbookDuration.setAttribute('data-value', durationPicked);
  1883. \t\t\t\t\t\tbookDuration.value = durationPicked + 'h00';
  1884. \t\t\t\t\t\tbookDuration.focus();
  1886. \t\t\t\t\t\tpickerBookDuration.hide();
  1887. \t\t\t\t\t\tupdateHourDuration();
  1888. \t\t\t\t\t\tsetText();
  1890. \t\t\t\t\t\t\$('#durationContainer .picker-list [data-value]').removeClass('separator');
  1891. \t\t\t\t\t\t\$('#durationContainer .picker-list [data-value=\"'+ pickerBookDuration.data.hour.min +'\"]').addClass('separator');
  1892. \t\t\t\t\t};
  1894. \t\t\t\t\t\$('#hourContainer .picker-list [data-value=\"'+ pickerBookHour.data.hour.min +'\"]').addClass('separator');
  1895. \t\t\t\t\t\$('#durationContainer .picker-list [data-value=\"'+ pickerBookDuration.data.hour.min +'\"]').addClass('separator');
  1896. \t\t\t\t\t
  1897. \t\t\t\t};
  1899. \t\t\t\t/* Activate a trigger on the input field on button click */
  1900. \t\t\t\tif(\$('#modal-hours').length){
  1901. \t\t\t\t\t\$('#modal-hours .uk-button').on('click', function(e){
  1902. \t\t\t\t\t\tvar inputHour = \$('#bookHourMobile');
  1903. \t\t\t\t\t\t/* \$('#bookDate').focus(); */
  1904. \t\t\t\t\t\t/* \$('#bookDate').datepicker('hide'); */
  1905. \t\t\t\t\t\tfocusSubmit();
  1906. \t\t\t\t\t});
  1907. \t\t\t\t};
  1908. \t\t\t\t
  1909. \t\t\t}));
  1911. \t\t});
  1913. \t</script>
  1914. {% endblock %}
  1915. ", "studio/list.html.twig", "/data/sites/web/plugthejackcom/subsites/ptj.apik-pp.be/templates/studio/list.html.twig");
  1916.     }
  1917. }