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

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