var/cache/dev/twig/66/66c7059e1247bbe15ada8f8a70acd4b7.php line 38

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. /* default/events.html.twig */
  16. class __TwigTemplate_e7f3f787fdff652797eec43791f5f0fd 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.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "layouts/layout.html.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/events.html.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/events.html.twig"));
  47.         // line 3
  48.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"], "method", false, false, false, 3);
  49.         // line 4
  50.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://cdn.jsdelivr.net/npm/vuejs-datepicker@1.6.2/dist/vuejs-datepicker.js"], "method", false, false, false, 4);
  51.         // line 5
  52.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://cdn.jsdelivr.net/npm/apollo-client-browser@1.9.0/dist/apollo-client.min.js"], "method", false, false, false, 5);
  53.         // line 6
  54.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://cdn.jsdelivr.net/npm/vue-apollo@2.1.0-rc.7/dist/vue-apollo.min.js"], "method", false, false, false, 6);
  55.         // line 7
  56.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"], "method", false, false, false, 7);
  57.         // line 8
  58.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => "https://unpkg.com/vue2-leaflet"], "method", false, false, false, 8);
  59.         // line 9
  60.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_link')->getCallable(), []), "appendStylesheet", [0 => $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("https://unpkg.com/leaflet/dist/leaflet.css")], "method", false, false, false, 9);
  61.         // line 10
  62.         twig_get_attribute($this->env, $this->source, call_user_func_array($this->env->getFunction('pimcore_head_script')->getCallable(), []), "appendFile", [0 => $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("static/js/vue-app.js")], "method", false, false, false, 10);
  63.         // line 1
  64.         $this->parent = $this->loadTemplate("layouts/layout.html.twig", "default/events.html.twig", 1);
  65.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  66.         
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  69.         
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  72.     }
  74.     // line 12
  75.     public function block_content($context, array $blocks = [])
  76.     {
  77.         $macros = $this->macros;
  78.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  79.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  81.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  82.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  84.         // line 13
  85.         echo "    ";
  86.         echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "areablock", "content", ["allowed" => [0 => "blockquote", 1 => "embed", 2 => "featurette", 3 => "gallery-carousel", 4 => "gallery-folder", 5 => "gallery-single-images", 6 => "headlines", 7 => "horizontal-line", 8 => "icon-teaser-row", 9 => "image", 10 => "image-hotspot-marker", 11 => "pdf", 12 => "product-grid", 13 => "product-teaser", 14 => "standard-teaser", 15 => "text-accordion", 16 => "time-slider-featurette", 17 => "video", 18 => "wysiwyg", 19 => "wysiwyg-with-images"]]);
  87.         // line 18
  88.         echo "
  89.     <div  id=\"vueapp\" class=\"row\">
  90.         <div class=\"col-md-12\">
  91.             <section v-if=\"activePanel === 1\"  v-cloak >
  92.                 <div class=\"header row mb-4\">
  93.                     <div class=\"col-md-3 mb-2\">
  94.                         <vuejs-datepicker id=\"fromDate\" input-class=\"form-control\" typeable v-model=\"filters.fromDate\" @input=\"filterListing\"  placeholder=\"From Date\"></vuejs-datepicker>
  95.                     </div>
  96.                     <div class=\"col-md-3 mb-2\">
  97.                         <vuejs-datepicker id=\"fromDate\" input-class=\"form-control\" typeable  v-model=\"filters.toDate\" @input=\"filterListing\" placeholder=\"To Date\"></vuejs-datepicker>
  98.                     </div>
  100.                     <div class=\"col-md-3 mb-2 float-right\">
  101.                         <select id=\"fromDate\" class=\"form-control\"  v-model=\"filters.tag\">
  102.                             <option value=\"All\" >Filter By Tag</option>
  103.                             <option value=\"Trade Show\" >Trade Show</option>
  104.                             <option value=\"Retro\" > Retro</option>
  105.                             <option value=\"International\" > International</option>
  106.                             <option  value=\"1950\" > 1950</option>
  107.                             <option value=\"1960\" > 1960</option>
  108.                             <option value=\"1970\" > 1970</option>
  109.                             <option value=\"Salzburg\" >Salzburg</option>
  110.                             <option value=\"Vienna\" >Vienna</option>
  111.                             <option value=\"Wels\" >Wels</option>
  112.                         </select>
  113.                     </div>
  115.                     <div class=\"col-md-3 mb-2\">
  116.                         <button @click=\"clearFilters\" class=\"btn btn-outline-primary btn-sm d-block form-control\">CLEAR FILTERS</button>
  117.                     </div>
  118.                 </div>
  119.                 <div class=\"row mb-3 text-center\">
  120.                     <div class=\"col-sm-12\" v-if=\"loading\">
  121.                         <div class=\"d-flex justify-content-center\">
  122.                             <div class=\"spinner-border\" role=\"status\">
  123.                                 <span class=\"sr-only\">Loading...</span>
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                     <div v-if=\"errored\" class=\"col-md-12 text-center\">
  128.                         <h5>Sorry, something went wrong. Please try back later!</h5>
  129.                     </div>
  130.                     <div v-else v-for=\"(event, index) in filterResult\" class=\"col-sm-4\">
  131.                         <div class=\"teaser card custom-standard-card mb-4 shadow-sm\">
  132.                             <img v-if=\"event.details.mainImage\" contain width=\"350\" height=\"235\" class=\"img-fluid w-100\" alt=\"\" title=\"\" :src=\"event.details.mainImage.fullpath\">
  133.                             <div class=\"card-body text-center\">
  134.                                 <h4 class=\"card-title pricing-card-title text-uppercase\" v-text=\"event.details.title\"></h4>
  135.                                 <p><b>Location:</b> [[ event.details.locationAddress ]]</p>
  136.                                 <p class=\"mb-0\"><span>[[ event.details.fromDate ]]</span><span v-if=\"compareDates(event.details.fromDate, event.details.toDate)\"> - [[ event.details.toDate ]]</span>
  137.                                     <span class=\"d-block mb-4\"><b>Timings:</b> [[ event.details.fromTime ]] - [[ event.details.toTime ]]</span>
  139.                                     <a href=\"javascript:void(0);\" class=\"btn btn-secondary btn-sm\" id=\"show-modal\" @click=\"openDetailPanel(event.details.id)\">More Details</a>
  140.                             </div>
  141.                             <div class=\"card-footer\">
  142.                                 <!--Event Tags Footer-->
  143.                                 <span v-for=\"tag in event.details.tags\" class=\"badge badge-secondary mr-1\">[[ tag ]]</span>
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                 </div>
  148.             </section>
  149.             <section v-if=\"activePanel === 2\" v-cloak >
  150.                 <div class=\"row header\">
  151.                     <a href=\"javascript:void(0);\" @click=\"changePanel(1)\" class=\"btn btn-secondary form-control back-button\" >Back to Events</a>
  152.                     <div class=\"col-md-12 text-center\">
  153.                         <h3 class=\"\">[[ eventDetails.title ]]</h3>
  154.                     </div>
  156.                 </div>
  157.                 <div class=\"row mb-3 bg-white p-2\">
  158.                     <div id=\"header\" class=\"col-md-12 text-center\">
  160.                     </div>
  161.                     <div id=\"gallery\" class=\"col-md-8 mx-auto\">
  162.                         <div class=\"iframe-container mx-auto\" v-if=\"eventDetails.video\" id=\"video-gallery\">
  163.                             <iframe id=\"ytplayer\" type=\"text/html\"
  164.                                     :src=\"'https://www.youtube.com/embed/' + eventDetails.video.data.id\"
  165.                                     frameborder=\"0\" class=\"iframe-responsive\"></iframe>
  166.                         </div>
  167.                         <div v-else id=\"image\">
  168.                             <img class=\"d-block mx-auto\" v-if=\"eventDetails.mainImage\" :src=\"eventDetails.mainImage.fullpath\">
  169.                         </div>
  170.                         <div id=\"image-gallery\" v-for=\"image in eventDetails.images\" class=\"col-sm-6 col-md-4\">
  171.                             <img contain width=\"350\" height=\"235\" class=\"img-fluid w-100 img-thumbnail\" alt=\"\" title=\"\" :src=\"image.image.fullpath\">
  172.                         </div>
  173.                     </div>
  174.                     <div id=\"info\" class=\"col-md-12 p-5\">
  175.                         <p v-html=\"eventDetails.description\"></p>
  176.                         <div class=\"row\">
  177.                             <div class=\"col-sm-6\">
  178.                                 <p><span class=\"font-weight-bold\">Location: </span> [[ eventDetails.locationAddress ]]</p>
  180.                                 <p>
  181.                                     <span class=\"font-weight-bold\">Date: </span>
  182.                                     [[ eventDetails.fromDate ]] <span v-if=\"compareDates(eventDetails.fromDate, eventDetails.toDate)\">- [[ eventDetails.toDate ]]</span>
  183.                                 </p>
  184.                                 <p>
  185.                                     <span class=\"font-weight-bold\">Timings: </span>
  186.                                     [[ eventDetails.fromTime ]] - [[ eventDetails.toTime ]]
  187.                                 </p>
  188.                                 <p v-if=\"eventDetails.cars\" >
  189.                                     <span class=\"font-weight-bold\">Showcasing Cars: </span>
  190.                                 <ul>
  191.                                     <li v-for=\"car in eventDetails.cars\">
  192.                                         <span v-if=\"car.manufacturer\">[[ car.manufacturer.name ]]</span> [[ car.carName ]], [[ car.productionYear ]]
  193.                                     </li>
  194.                                 </ul>
  195.                                 </p>
  196.                             </div>
  197.                             <div class=\"col-sm-6\">
  198.                                 <div v-if=\"eventDetails.locationMap\" class=\"col-md-12 mb-4\" style=\"height: 250px\">
  199.                                     <v-map :zoom=15 :center=\"mapCoordinates\">
  200.                                         <v-tilelayer url=\"http://{s}.tile.osm.org/{z}/{x}/{y}.png\"></v-tilelayer>
  201.                                         <v-marker :lat-lng=\"mapCoordinates\"></v-marker>
  202.                                     </v-map>
  203.                                 </div>
  204.                             </div>
  205.                         </div>
  207.                         <div v-if=\"eventDetails.contactName\" class=\"card\">
  208.                             <div class=\"card-header\">Organizer:</div>
  209.                             <div class=\"card-body\">
  210.                                 <p v-if=\"eventDetails.contactName\" ><span class=\"font-weight-bold\">Name: </span> [[ eventDetails.contactName ]]</p>
  211.                                 <p v-if=\"eventDetails.contactPhone\" ><span class=\"font-weight-bold\">Phone: </span> [[ eventDetails.contactPhone ]]</p>
  212.                                 <p v-if=\"eventDetails.contactEmail\" ><span class=\"font-weight-bold\">Email: </span> [[ eventDetails.contactEmail ]]</p>
  213.                                 <p v-if=\"eventDetails.contactAddress\" ><span class=\"font-weight-bold\">Address: </span> [[ eventDetails.contactAddress ]]</p>
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.             </section>
  219.         </div>
  220.     </div>
  221. ";
  222.         
  223.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  225.         
  226.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  228.     }
  230.     public function getTemplateName()
  231.     {
  232.         return "default/events.html.twig";
  233.     }
  235.     public function isTraitable()
  236.     {
  237.         return false;
  238.     }
  240.     public function getDebugInfo()
  241.     {
  242.         return array (  88 => 18,  85 => 13,  75 => 12,  64 => 1,  62 => 10,  60 => 9,  58 => 8,  56 => 7,  54 => 6,  52 => 5,  50 => 4,  48 => 3,  35 => 1,);
  243.     }
  245.     public function getSourceContext()
  246.     {
  247.         return new Source("{% extends 'layouts/layout.html.twig' %}
  249. {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js') %}
  250. {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/vuejs-datepicker@1.6.2/dist/vuejs-datepicker.js') %}
  251. {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/apollo-client-browser@1.9.0/dist/apollo-client.min.js') %}
  252. {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/vue-apollo@2.1.0-rc.7/dist/vue-apollo.min.js') %}
  253. {% do pimcore_head_script().appendFile('https://unpkg.com/leaflet@1.5.1/dist/leaflet.js') %}
  254. {% do pimcore_head_script().appendFile('https://unpkg.com/vue2-leaflet') %}
  255. {% do pimcore_head_link().appendStylesheet(asset('https://unpkg.com/leaflet/dist/leaflet.css')) %}
  256. {% do pimcore_head_script().appendFile(asset('static/js/vue-app.js')) %}
  258. {% block content %}
  259.     {{ pimcore_areablock('content', {
  260.         'allowed': ['blockquote', 'embed', 'featurette', 'gallery-carousel', 'gallery-folder',
  261.             'gallery-single-images', 'headlines', 'horizontal-line', 'icon-teaser-row', 'image',
  262.             'image-hotspot-marker', 'pdf', 'product-grid', 'product-teaser', 'standard-teaser', 'text-accordion',
  263.             'time-slider-featurette', 'video', 'wysiwyg', 'wysiwyg-with-images']
  264.     }) }}
  265.     <div  id=\"vueapp\" class=\"row\">
  266.         <div class=\"col-md-12\">
  267.             <section v-if=\"activePanel === 1\"  v-cloak >
  268.                 <div class=\"header row mb-4\">
  269.                     <div class=\"col-md-3 mb-2\">
  270.                         <vuejs-datepicker id=\"fromDate\" input-class=\"form-control\" typeable v-model=\"filters.fromDate\" @input=\"filterListing\"  placeholder=\"From Date\"></vuejs-datepicker>
  271.                     </div>
  272.                     <div class=\"col-md-3 mb-2\">
  273.                         <vuejs-datepicker id=\"fromDate\" input-class=\"form-control\" typeable  v-model=\"filters.toDate\" @input=\"filterListing\" placeholder=\"To Date\"></vuejs-datepicker>
  274.                     </div>
  276.                     <div class=\"col-md-3 mb-2 float-right\">
  277.                         <select id=\"fromDate\" class=\"form-control\"  v-model=\"filters.tag\">
  278.                             <option value=\"All\" >Filter By Tag</option>
  279.                             <option value=\"Trade Show\" >Trade Show</option>
  280.                             <option value=\"Retro\" > Retro</option>
  281.                             <option value=\"International\" > International</option>
  282.                             <option  value=\"1950\" > 1950</option>
  283.                             <option value=\"1960\" > 1960</option>
  284.                             <option value=\"1970\" > 1970</option>
  285.                             <option value=\"Salzburg\" >Salzburg</option>
  286.                             <option value=\"Vienna\" >Vienna</option>
  287.                             <option value=\"Wels\" >Wels</option>
  288.                         </select>
  289.                     </div>
  291.                     <div class=\"col-md-3 mb-2\">
  292.                         <button @click=\"clearFilters\" class=\"btn btn-outline-primary btn-sm d-block form-control\">CLEAR FILTERS</button>
  293.                     </div>
  294.                 </div>
  295.                 <div class=\"row mb-3 text-center\">
  296.                     <div class=\"col-sm-12\" v-if=\"loading\">
  297.                         <div class=\"d-flex justify-content-center\">
  298.                             <div class=\"spinner-border\" role=\"status\">
  299.                                 <span class=\"sr-only\">Loading...</span>
  300.                             </div>
  301.                         </div>
  302.                     </div>
  303.                     <div v-if=\"errored\" class=\"col-md-12 text-center\">
  304.                         <h5>Sorry, something went wrong. Please try back later!</h5>
  305.                     </div>
  306.                     <div v-else v-for=\"(event, index) in filterResult\" class=\"col-sm-4\">
  307.                         <div class=\"teaser card custom-standard-card mb-4 shadow-sm\">
  308.                             <img v-if=\"event.details.mainImage\" contain width=\"350\" height=\"235\" class=\"img-fluid w-100\" alt=\"\" title=\"\" :src=\"event.details.mainImage.fullpath\">
  309.                             <div class=\"card-body text-center\">
  310.                                 <h4 class=\"card-title pricing-card-title text-uppercase\" v-text=\"event.details.title\"></h4>
  311.                                 <p><b>Location:</b> [[ event.details.locationAddress ]]</p>
  312.                                 <p class=\"mb-0\"><span>[[ event.details.fromDate ]]</span><span v-if=\"compareDates(event.details.fromDate, event.details.toDate)\"> - [[ event.details.toDate ]]</span>
  313.                                     <span class=\"d-block mb-4\"><b>Timings:</b> [[ event.details.fromTime ]] - [[ event.details.toTime ]]</span>
  315.                                     <a href=\"javascript:void(0);\" class=\"btn btn-secondary btn-sm\" id=\"show-modal\" @click=\"openDetailPanel(event.details.id)\">More Details</a>
  316.                             </div>
  317.                             <div class=\"card-footer\">
  318.                                 <!--Event Tags Footer-->
  319.                                 <span v-for=\"tag in event.details.tags\" class=\"badge badge-secondary mr-1\">[[ tag ]]</span>
  320.                             </div>
  321.                         </div>
  322.                     </div>
  323.                 </div>
  324.             </section>
  325.             <section v-if=\"activePanel === 2\" v-cloak >
  326.                 <div class=\"row header\">
  327.                     <a href=\"javascript:void(0);\" @click=\"changePanel(1)\" class=\"btn btn-secondary form-control back-button\" >Back to Events</a>
  328.                     <div class=\"col-md-12 text-center\">
  329.                         <h3 class=\"\">[[ eventDetails.title ]]</h3>
  330.                     </div>
  332.                 </div>
  333.                 <div class=\"row mb-3 bg-white p-2\">
  334.                     <div id=\"header\" class=\"col-md-12 text-center\">
  336.                     </div>
  337.                     <div id=\"gallery\" class=\"col-md-8 mx-auto\">
  338.                         <div class=\"iframe-container mx-auto\" v-if=\"eventDetails.video\" id=\"video-gallery\">
  339.                             <iframe id=\"ytplayer\" type=\"text/html\"
  340.                                     :src=\"'https://www.youtube.com/embed/' + eventDetails.video.data.id\"
  341.                                     frameborder=\"0\" class=\"iframe-responsive\"></iframe>
  342.                         </div>
  343.                         <div v-else id=\"image\">
  344.                             <img class=\"d-block mx-auto\" v-if=\"eventDetails.mainImage\" :src=\"eventDetails.mainImage.fullpath\">
  345.                         </div>
  346.                         <div id=\"image-gallery\" v-for=\"image in eventDetails.images\" class=\"col-sm-6 col-md-4\">
  347.                             <img contain width=\"350\" height=\"235\" class=\"img-fluid w-100 img-thumbnail\" alt=\"\" title=\"\" :src=\"image.image.fullpath\">
  348.                         </div>
  349.                     </div>
  350.                     <div id=\"info\" class=\"col-md-12 p-5\">
  351.                         <p v-html=\"eventDetails.description\"></p>
  352.                         <div class=\"row\">
  353.                             <div class=\"col-sm-6\">
  354.                                 <p><span class=\"font-weight-bold\">Location: </span> [[ eventDetails.locationAddress ]]</p>
  356.                                 <p>
  357.                                     <span class=\"font-weight-bold\">Date: </span>
  358.                                     [[ eventDetails.fromDate ]] <span v-if=\"compareDates(eventDetails.fromDate, eventDetails.toDate)\">- [[ eventDetails.toDate ]]</span>
  359.                                 </p>
  360.                                 <p>
  361.                                     <span class=\"font-weight-bold\">Timings: </span>
  362.                                     [[ eventDetails.fromTime ]] - [[ eventDetails.toTime ]]
  363.                                 </p>
  364.                                 <p v-if=\"eventDetails.cars\" >
  365.                                     <span class=\"font-weight-bold\">Showcasing Cars: </span>
  366.                                 <ul>
  367.                                     <li v-for=\"car in eventDetails.cars\">
  368.                                         <span v-if=\"car.manufacturer\">[[ car.manufacturer.name ]]</span> [[ car.carName ]], [[ car.productionYear ]]
  369.                                     </li>
  370.                                 </ul>
  371.                                 </p>
  372.                             </div>
  373.                             <div class=\"col-sm-6\">
  374.                                 <div v-if=\"eventDetails.locationMap\" class=\"col-md-12 mb-4\" style=\"height: 250px\">
  375.                                     <v-map :zoom=15 :center=\"mapCoordinates\">
  376.                                         <v-tilelayer url=\"http://{s}.tile.osm.org/{z}/{x}/{y}.png\"></v-tilelayer>
  377.                                         <v-marker :lat-lng=\"mapCoordinates\"></v-marker>
  378.                                     </v-map>
  379.                                 </div>
  380.                             </div>
  381.                         </div>
  383.                         <div v-if=\"eventDetails.contactName\" class=\"card\">
  384.                             <div class=\"card-header\">Organizer:</div>
  385.                             <div class=\"card-body\">
  386.                                 <p v-if=\"eventDetails.contactName\" ><span class=\"font-weight-bold\">Name: </span> [[ eventDetails.contactName ]]</p>
  387.                                 <p v-if=\"eventDetails.contactPhone\" ><span class=\"font-weight-bold\">Phone: </span> [[ eventDetails.contactPhone ]]</p>
  388.                                 <p v-if=\"eventDetails.contactEmail\" ><span class=\"font-weight-bold\">Email: </span> [[ eventDetails.contactEmail ]]</p>
  389.                                 <p v-if=\"eventDetails.contactAddress\" ><span class=\"font-weight-bold\">Address: </span> [[ eventDetails.contactAddress ]]</p>
  390.                             </div>
  391.                         </div>
  392.                     </div>
  393.                 </div>
  394.             </section>
  395.         </div>
  396.     </div>
  397. {% endblock %}", "default/events.html.twig", "/var/www/html/siteone/templates/default/events.html.twig");
  398.     }
  399. }