templates/Shop/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'product.html.twig' %}
  3. {% block content %}
  4. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  6. {% if not document is defined or not document %}
  7.     {% set document = pimcore_document(1) %}
  8. {% endif %}
  9. {# {% set product = product.parent %} #}
  10. <div class="breadcrumb-block">
  11.   <div class="container">
  12.     <!-- breadcrumb of the page -->
  13.     <ul class="breadcrumb">
  14.       <li>
  15.         <a href="/{{ locale }}/" class="home">
  16.           {{ 'espirits.header.home'|trans }}
  17.         </a>
  18.       </li>
  19.       <li>
  20.         <a href="{{ pimcore_url({prefix: locale},'product-landing') }}">
  21.           {{ 'espirits.header.our-products'|trans }}
  22.         </a>
  23.       </li>
  24.       {% set rootCategory = '' %}
  25.       
  26.       {% if product.getCategories() %}
  27.         {% set category = product.getCategories()[0] %}
  28.         {% set parentcategory = category.getParent() %}
  29.         {% if parentcategory and parentcategory.getType() == "object" and parentcategory.getClassname() == "CategoryAlcoholType" %}
  30.           {% set parenturl = parentcategory.getDetailUrl({"rootCategory" : rootCategory, "document" : document}) %}
  31.           <li>
  32.             <a href="{{ parenturl }}">
  33.               {{ parentcategory.getName() }}
  34.             </a>
  35.           </li>
  36.         {% endif %}
  37.       {% endif %}
  38.       <li class="active">
  39.         <a href="{{ category ? category.getDetailUrl({"rootCategory" : rootCategory, "document" : document}) : "" }}">
  40.           {{ category ? category.getName() : "" }}
  41.         </a>
  42.       </li>
  43.     </ul>
  44.   </div>
  45. </div>
  46. <div class="container">
  47.     <div class="heading-holder">
  48.       <!-- main heading of the page -->
  49.       <h1>{{ product.getOSName() }}</h1>
  50.       <h2 class="sub-heading">{{ product.getContent() }}</h2>
  51.     </div>
  52.     <div class="detail-block">
  53.       <div class="row">
  54.         <div class="col-sm-3">
  55.           <div class="widget-block">            
  56.             {% set brand = product.getBrand() %}
  57.             {% if brand %}
  58.                   <div class="widget" style="margin-bottom: 10px;">
  59.                     <div class="heading">
  60.                       <h2>Image type</h2>
  61.                     </div>
  62.                     <ul class="link-list">                
  63.                       {% set brandimage = brand[0].getObject().getBrandMarkImage() %}                
  64.                       
  65.                       <!--<li><a href="#" class="pencil">Brand Details</a></li>-->
  66.                     </ul>
  67.                   </div>        
  68.                   <div class="widget">
  69.               <div class="logo-link-holder">
  70.               <a class="download-btn button" href="{{ '/' ~ locale ~ '/product/list?Brand=' ~ brand[0].getObject().getId() }}">{{ 'espirits.detail.viewall'|trans }} {{ brand[0].getObject().getBrandName() }} {{ 'espirits.detail.products'|trans }}</a>
  71.               </div>
  72.                     <div class="logo-holder">
  73.                       <div class="logo-wrap">
  74.                         <a href="{{ '/' ~ locale ~ '/product/list?Brand=' ~ brand[0].getObject().getId() }}">
  75.                           {% if product %}
  76.                             <img src="{{ product.DocumentImage.getThumbnail({ width: 221 }) }}">
  77.                           {% else %}
  78.                           <h2>{{ product.getName() }}</h2>
  79.                           {% endif %}
  80.                         </a>
  81.                       </div>
  82.                     </div>
  83.                     <div class="download-logo" style="margin-top: 10px;">
  84.                     <a class="download-btn button" href="{{ product.DocumentImage.getFullPath()|replace({'/var/www/html/web' : ''}) }}" download>Download Image</a>
  85.               </div>
  86.                   </div>
  87.             {% endif %}
  88.           </div>
  89.         </div>
  90.         <div class="col-sm-6">
  91.           <div class="product-info">
  92.             <div class="heading-holder">
  93.               <h2 class="sub-heading">Description</h2>
  94.             </div>
  95.             {{product.description|raw}} 
  96.           </div>
  97.         </div>
  98.         <div class="col-sm-3">
  99.           <div class="widget-block">            
  100.             {% set brand = product.getBrand() %}
  101.             {% if brand %}
  102.                   <div class="widget" style="margin-bottom: 10px;">
  103.                     <div class="heading">
  104.                       <h2>Image type</h2>
  105.                     </div>
  106.                     <ul class="link-list">                
  107.                       {% set brandimage = brand[0].getObject().getBrandMarkImage() %}                
  108.                       
  109.                       <!--<li><a href="#" class="pencil">Brand Details</a></li>-->
  110.                     </ul>
  111.                   </div>        
  112.                   <div class="widget">
  113.               <div class="logo-link-holder">
  114.               <a class="download-btn button" href="{{ '/' ~ locale ~ '/product/list?Brand=' ~ brand[0].getObject().getId() }}">{{ 'espirits.detail.viewall'|trans }} {{ brand[0].getObject().getBrandName() }} {{ 'espirits.detail.products'|trans }}</a>
  115.               </div>
  116.                     <div class="logo-holder">
  117.                       <div class="logo-wrap">
  118.                         <a href="{{ '/' ~ locale ~ '/product/list?Brand=' ~ brand[0].getObject().getId() }}">
  119.                           {% if brandimage %}
  120.                             <img src="{{ brandimage.getThumbnail({ width: 151 }) }}">
  121.                           {% else %}
  122.                           <h2>{{ brand[0].getObject().getBrandName() }}</h2>
  123.                           {% endif %}
  124.                         </a>
  125.                       </div>
  126.                     </div>
  127.               <div class="download-logo" style="margin-top: 10px;">
  128.               <a class="download-btn button" href="{{ brandimage.getFullPath()|replace({'/var/www/html/web' : ''}) }}" download>Download Logo</a>
  129.               </div>
  130.                   </div>
  131.             {% endif %}
  132.           </div>
  133.         </div>
  134.       </div>
  135.     </div>    
  137.     <div class="tab-holder">
  138.       <ul class="tabset">        
  139.         <li class="first"><a href="#tab1" ><span>Photos</span></a></li>        
  140.         {% if product.getVideoList() and product.getVideoList()|length > 0 %}
  141.           <li class="seventh"><a href="#tab2"><span>Video</span></a></li>
  142.         {% endif %}
  143.         {% if product.getDocumentList() and product.getDocumentList()|length > 0 %}
  144.           <li class="seventh"><a href="#tab3" class="active"><span>Documents</span></a></li>
  145.         {% endif %}
  146.       </ul>
  147.       <div class="tab-content">
  148.         <div class="accordion">          
  149.           {% if product.getImages() is not empty %}          
  150.           <div class="accordion-holder active">
  151.             <a href="#" class="accordion-opener">{{ 'espirits.detail.product-photos'|trans }}</a>
  152.             <div id="here" class="accordion-slide">
  153.               <div id="tab1" class="tab-data">
  154.                 <div class="content-wrap">
  155.                     {% for image in product.getImages() %}
  156.                     <div class="col-sm-4">
  157.                       <div class="product-post hover-js">
  158.                         <div class="img-holder">
  159.                           {% if image.getImage() %}
  160.                             {{ image.getImage().getThumbnail('alcoholtype').getHtml({ 'width': 300, 'height': 222 })|raw }}
  161.                           {% endif %}                          
  162.                         </div>
  163.                         <a class="download-btn button video-download-btn" data-basename="{{ basename(image.getImage().getFilename()) }}" data-brand="{{ brand[0].getObject().getBrandName() }}" download href="{{ image.getImage().getPath() ~ image.getImage().getFilename() }}">Download Image</a>
  164.                       </div>
  165.                     </div> 
  166.                     {% endfor %}
  167.                 </div>
  168.               </div>
  169.             </div>
  170.           </div>
  171.           {% endif %}
  172.           {% if product.getVideoList() and product.getVideoList()|length > 0 %}
  173.           <div class="accordion-holder">
  174.             <a href="#" class="accordion-opener">{{ 'espirits.detail.video'|trans }}</a>
  175.             <div class="accordion-slide">
  176.               <div id="tab2" class="tab-data">
  177.                 <div class="content-wrap">
  178.                     {% for video in product.getVideoList() %}
  179.                         {% set src = video.getPath() ~ video.getFilename() %}
  180.                         <div class="video_holder">
  181.                             
  182.                             <video controls>
  183.                                 <source src="{{ src }}" type="video/mp4">
  184.                             </video>
  185.                                           <a class="download-btn button video-download-btn" data-basename="{{ basename(video.getFilename()) }}" data-brand="{{ brand[0].getObject().getBrandName() }}" download href="{{ video.getPath() ~ video.getFilename() }}">Download Video</a>
  186.                         </div>
  187.                      {% endfor %}
  188.                 </div>
  189.               </div>
  190.             </div>
  191.           </div>
  192.           {% endif %}
  194.           {% if product.getDocumentList() and product.getDocumentList()|length > 0 %}
  195.           <div class="accordion-holder">
  196.             <a href="#" class="accordion-opener">{{ 'espirits.detail.video'|trans }}</a>
  197.             <div class="accordion-slide">
  198.               <div id="tab3" class="tab-data">
  199.                 <div class="content-wrap">                    
  200.                     <table class="table table-striped">
  201.                         <thead>
  202.                             <tr>
  203.                                 <th>Document Name</th>
  204.                                 <th>Document Size</th>
  205.                                 <th>Document Type</th>
  206.                                 <th>Download</th>
  207.                             </tr>
  208.                         </thead>
  209.                         <tbody>
  210.                             {% for document in product.getDocumentList() %}                           
  211.                             <tr>
  212.                                 <td>{{document.filename}}</td>
  213.                                 <td>{{format_bytes(document.getFileSize())}}</td>
  214.                                 <td><i class="{{ document_icon(document.mimeType) }}" style="font-size:24px;"></i></td> <!-- Example using Font Awesome icons -->
  215.                                 <td><a class="download-btn button video-download-btn" data-basename="{{ basename(document.getFilename()) }}" data-brand="{{ brand[0].getObject().getBrandName() }}" download href="{{ document.getPath() ~ document.getFilename() }}">Download</a></td>
  216.                             </tr> 
  217.                             {% endfor %}                           
  218.                         </tbody>
  219.                     </table>
  220.                 </div>
  221.               </div>
  222.             </div>
  223.           </div>
  224.           {% endif %}
  228.           {# {% if sizeVariants is not empty %}
  229.           <div class="accordion-holder active">
  230.             <a href="#" class="accordion-opener">{{ 'espirits.detail.product-photos'|trans }}</a>
  231.             <div id="here" class="accordion-slide">
  232.               <div id="tab10" class="tab-data">
  233.                 <div class="content-wrap">
  234.                   <div class="row">
  235.                     <div class="col-sm-6 col-md-5">
  236.                       <div class="wrap">
  237.                         <h3>{{ 'espirits.detail.bottle-sizes'|trans }}</h3>
  238.                         <div id="bottle-sizes">
  239.                           <ul class="type-list">
  240.                             
  241.                             {% set firstimage = null %}
  242.                             {% if sizeVariants is not empty %}
  243.                               {% for variant in sizeVariants %}
  244.                               
  245.                                 {% set countries = variant.getCountryAvailabilityList() %}
  246.                                 {% set continue = 0 %}
  247.                                 {% set break = false %}
  248.                                 {% for lcountry in countries %}
  250.                                   {% if lcountry.getObject().getId() == country.getId() and lcountry.geteSpiritsEnable() == 1 and not break %}
  251.                                     {% set continue = 1 %}
  252.                                     {% set break = true %}
  253.                                   {% endif %}
  254.                                 {% endfor %}
  255.                                {% if continue is not empty %}
  256.                                 {% if variant.getBottlePhoto() is not empty %}
  257.                                     {% if not firstimage %}
  258.                                         {% set firstimage = variant.getBottlePhoto() %}
  259.                                         <li id="{{ variant.getBottleSize()|replace({' ': ''}) }}" class="active">
  260.                                             <a href="#"><span>{{ variant.getBottleSize() }}</span></a>
  261.                                         </li>
  262.                                     {% else %}
  263.                                         <li id="{{ variant.getBottleSize()|replace({' ': ''}) }}">
  264.                                             <a href="#"><span>{{ variant.getBottleSize() }}</span></a>
  265.                                         </li>
  266.                                     {% endif %}
  267.                                 {% else %}
  268.                                     <li id="{{ variant.getBottleSize()|replace({' ': ''}) }}">
  269.                                         <a class="disabled"><span>{{ variant.getBottleSize() }}</span></a>
  270.                                     </li>
  271.                                 {% endif %}
  272.                             {% endif %}
  273.                               {% endfor %}
  274.                             {% endif %}
  275.                           </ul>
  276.                         </div>
  277.                       </div>
  278.                     </div>
  280.                     <div class="col-sm-6 col-md-7">
  281.                       {% if sizeVariants is not empty %}
  282.                         <h3>Bottle Details</h3>
  283.                         <div id="image-block">
  284.                           {% set i = 1 %}
  285.                           {% for variant in sizeVariants %} 
  286.                             {% set countries = variant.getCountryAvailabilityList() %}
  287.                             {% set continue = 0 %}
  288.                             {% set break = false %}
  289.                             {% for lcountry in countries %}
  290.                               {% if lcountry.getObject().getId() == country.getId() and lcountry.geteSpiritsEnable() == 1 and not break %}
  291.                                 {% set continue = 1 %}
  292.                                 {% set break = true %}
  293.                               {% endif %}
  294.                             {% endfor %}
  295.                             {% if continue is not empty %}
  296.                               <div id="{{ variant.getBottleSize()|replace({' ': ''}) }}" class="{{ (i == 1) ? 'active' : '' }}">
  297.                                
  298.                                 <div class="extra-info">
  300.                                   <dl>
  301.                                     <dt>GTIN</dt>
  302.                                     <dd>{{ variant.getGTIN()|default('N/A') }}</dd>
  303.                                   </dl>
  305.                                   {% if variant.getBottleMaterial() is not empty %}
  306.                                   <dl>
  307.                                     <dt>Material</dt>
  308.                                     <dd>{{ (variant.getBottleMaterial() is not empty) ? variant.getBottleMaterial() : 'N/A' }}</dd>
  309.                                     
  310.                                   </dl>
  311.                                   {% endif %}
  313.                                    
  314.                                   {% set htArray = variant.getBottleHeight()|split(' ') %}
  315.                                   {% set wdArray = variant.getBottleWidth()|split(' ') %}
  316.                                   {% set dpArray = variant.getBottleDepth()|split(' ') %}
  318.                                  
  319.                                   {% if htArray is not empty and wdArray is not empty and dpArray is not empty %}
  320.                                     {% if htArray[0] and wdArray[0] and dpArray[0] %}
  321.                                     <dl>
  322.                                       <dt>Dimension</dt>
  323.                                         <dd>{{ htArray[0] ~ ' x ' ~ wdArray[0] ~ ' x ' ~ dpArray[0] }} IN</dd>
  324.                                     </dl>
  325.                                     {% endif %}
  326.                                   {% endif %}
  327.                                   
  328.                                   {% if variant.getBottleWeight() is not empty %}
  329.                                   <dl>
  330.                                     <dt>Weight</dt>
  331.                                     <dd>{{ (variant.getBottleWeight() is not empty) ? variant.getBottleWeight() : 'N/A' }}</dd>
  332.                                   </dl>
  333.                                   {% endif %}
  335.                                 </div>
  337.                               </div>
  338.                             {% endif %}
  339.                             {% set i = i+1 %} 
  340.                           {% endfor %}
  341.                         </div>
  342.                       {% endif %}
  343.                     </div>
  345.                   </div>
  346.                 </div>
  347.               </div>
  348.             </div>
  349.           </div>
  350.           {% endif %} #}
  352.           
  354.           
  355.           
  357.         </div>
  358.       </div>
  359.     </div>
  360. </div>
  361. {# {% for variant in sizeVariants %}
  363.   {% set countries = variant.getCountryAvailabilityList() %}
  364.   {% set continue = 0 %}
  365.   {% set break = false %}
  366.   {% for lcountry in countries %}
  367.       {% if lcountry.getObject().getId() == country.getId() and lcountry.geteSpiritsEnable() == 1 and not break %}
  368.         {% set continue = 1 %}
  369.         {% set break = true %}
  370.       {% endif %}
  371.   {% endfor %}
  372.   {% if continue is not empty %}
  373.       <!-- Bottle images Modal -->
  374.       <div id="downloadModal_{{ variant.getBottleSize()|replace({' ': ''}) }}" class="downloadModal modal fade" role="dialog">
  375.         <div class="modal-dialog">
  377.           <!-- Modal content-->
  378.           <div class="modal-content">
  379.             <div class="modal-header">
  380.               <button type="button" class="close" data-dismiss="modal">&times;</button>
  381.               <h4 class="modal-title">Download Image Assets</h4>
  382.             </div>
  383.             <div class="modal-body">
  384.           <form id="download_{{ variant.getBottleSize()|replace({' ': ''}) }}" class="downloadForm" method="post" action="/{{ locale }}/download">
  385.           <h3>{{ product.getOSName() ~ '-' ~ variant.getBottleSize() }}</h3>
  386.           <label class="control-label">{{ 'espirits.detail.selectimages'|trans }}</label>
  387.           <select name="images[]" multiple="multiple" class="image-picker show-html image-download jcf-ignore" required>
  388.             <option data-img-src="{{ variant.getBottlePhoto().getThumbnail('eSpirits_Detail_Thumb') }}" value="{{ variant.getBottlePhoto().getId() }}">{{ variant.getBottlePhoto().getKey() }}</option>
  389.                 
  390.               {% set images = variant.getAdditionalImages() %}
  391.               {% for item in images %}
  392.                 {% if item['AdditionalPhoto'] is not empty %}
  393.                   {% set asset = pimcore_asset_by_path(item['AdditionalPhoto'].getData()) %}
  394.                   <option data-img-src="{{ asset.getThumbnail("eSpirits_Detail_Thumb") }}" value="{{ asset.getId() }}">{{ asset.getKey() }}</option>
  395.                 {% endif %}  
  396.               {% endfor %}
  397.           </select>
  398.             <div class="form-group">
  399.               <label class="control-label" for="photographyfilefileformat_{{ variant.getBottleSize()|replace({' ': ''}) }}">{{ 'checkout.photographyfileformat'|trans }}</label>
  400.               <div>
  401.                 <input checked type="radio" id="photographyfileformatPNG_{{ variant.getBottleSize()|replace({' ': ''}) }}" name="photographyfileformat" placeholder="PNG" value="PNG" />
  402.                 <label for="photographyfileformatPNG_{{ variant.getBottleSize()|replace({' ': ''}) }}" style="margin-right: 8px;"> PNG </label>
  403.               </div>
  404.               <div>
  405.                 <input type="radio" id="photographyfileformatJPG_{{ variant.getBottleSize()|replace({' ': ''}) }}" name="photographyfileformat" placeholder="JPG" value="JPG" />
  406.                 <label for="photographyfileformatJPG_{{ variant.getBottleSize()|replace({' ': ''}) }}" style="margin-right: 8px;"> JPG </label>
  407.               </div>
  408.             </div>
  409.             <div class="form-group">
  410.               <label class="control-label" for="datafilesize">{{ 'checkout.photographyfilesize'|trans }}</label>
  411.               <div>
  412.                 <select name="photographyfiledimension" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  413.                     <option value="eSpirits_1">{{ 'espirits.detail.originallargest'|trans }}</option>
  414.                     <option value="eSpirits_2">750 x 1500 (px)</option>
  415.                     <option value="eSpirits_3">1000 x 1000 (px)</option>
  416.                     <option value="eSpirits_4">1500 x 1500 (px)</option>
  417.                     <option value="eSpirits_5">2000 x 2000 (px)</option>
  418.                 </select>
  419.               </div>
  420.             </div>    
  421.             </div>
  422.           <input type="hidden" name="order_type" value="direct">
  423.           <input type="hidden" name="product_id" value="{{ variant.getId() }}">
  424.             <div class="modal-footer">
  425.               <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'espirits.detail.cancel'|trans }}</button>
  426.           <input type="submit" class="btn btn-default" value="{{ 'espirits.detail.downloadimages'|trans }}">
  427.           </form>
  428.             </div>
  429.           </div>
  430.         </div>
  431.       </div>
  432.   {% endif %}    
  433. {% endfor %} #}
  436. {# <div id="downloadModal_Lifestyle" class="downloadModal modal fade" role="dialog">
  437.   <div class="modal-dialog">
  439.     
  440.     <div class="modal-content">
  441.       <div class="modal-header">
  442.         <button type="button" class="close" data-dismiss="modal">{{ '&times;'|raw }}</button>
  443.         <h4 class="modal-title">Download Lifestyle Assets</h4>
  444.       </div>
  445.       <div class="modal-body">
  446.         <form id="download_Lifestyle" class="downloadForm" method="post" action="/{{ locale }}/download">
  447.           <h3>{{ product.getOSName() }}</h3>
  448.           <label class="control-label">{{ 'espirits.detail.selectimages'|trans }}</label>
  449.           <select name="images[]" multiple="multiple" class="image-picker show-html image-download jcf-ignore" required>
  450.             {% if product.getLifestylePhotoList() is not empty %}
  451.               {% set x =0 %}
  452.               {% for item in product.getLifestylePhotoList().getItems() %}
  453.                 {% if item.getPhotoLifestyle() is not empty %}
  454.                   <option data-img-src="{{ item.getPhotoLifestyle().getThumbnail('eSpirits_Detail_Thumb') }}" value="{{ item.getPhotoLifestyle().getId() }}">{{ item.getPhotoLifestyle().getKey() }}</option>
  455.                 {% endif %}
  456.                 {% set x = x+1 %}
  457.               {% endfor %}
  458.             {% endif %}
  459.           </select>
  460.           <div class="form-group">
  461.             <label class="control-label" for="datafileformat_lifestyle">{{ 'checkout.photographyfileformat'|trans }}</label>
  462.             <div>
  463.               <input checked type="radio" id="photographyfileformatPNG_Lifestyle" name="photographyfileformat" placeholder="PNG" value="PNG" />
  464.               <label for="photographyfileformatPNG_Lifestyle" style="margin-right: 8px;"> PNG </label>
  465.             </div>
  466.             <div>
  467.               <input type="radio" id="photographyfileformatJPG_Lifestyle" name="photographyfileformat" placeholder="JPG" value="JPG" />
  468.               <label for="photographyfileformatJPG_Lifestyle" style="margin-right: 8px;"> JPG </label>
  469.             </div>
  470.           </div>
  471.           <div class="form-group">
  472.             <label class="control-label" for="datafilesize">{{ 'checkout.photographyfilesize'|trans }}</label>
  473.             <div>
  474.               <select name="photographyfiledimension" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  475.                   <option value="eSpirits_1">{{ 'espirits.detail.originallargest'|trans }}</option>
  476.                   <option value="eSpirits_2">750 x 1500 (px)</option>
  477.                   <option value="eSpirits_3">1000 x 1000 (px)</option>
  478.                   <option value="eSpirits_4">1500 x 1500 (px)</option>
  479.                   <option value="eSpirits_5">2000 x 2000 (px)</option>
  480.               </select>
  481.             </div>
  482.           </div>    
  483.           </div>
  484.           <input type="hidden" name="order_type" value="direct">
  485.           <input type="hidden" name="product_id" value="{{product.id}}">
  486.           <div class="modal-footer">
  487.             <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'espirits.detail.cancel'|trans }}</button>
  488.           <input type="submit" class="btn btn-default" value="{{ 'espirits.detail.downloadimages'|trans }}">
  489.         </form>
  490.       </div>
  491.     </div>
  492.   </div>
  493. </div>
  495. <div id="downloadModal_Infographics" class="downloadModal modal fade" role="dialog">
  496.   <div class="modal-dialog">    
  497.     <div class="modal-content">
  498.       <div class="modal-header">
  499.         <button type="button" class="close" data-dismiss="modal">{{ '&times;'|raw }}</button>
  500.         <h4 class="modal-title">Download Infographics</h4>
  501.       </div>
  502.       <div class="modal-body">
  503.         <form id="download_Infographics" class="downloadForm" method="post" action="/{{ locale }}/download">
  504.           <h3>{{ product.getOSName() }}</h3>
  505.           <label class="control-label">{{ 'espirits.detail.selectimages'|trans }}</label>
  506.           <select name="images[]" multiple="multiple" class="image-picker show-html image-download jcf-ignore" required>
  507.             {% if product.getInfographicsPhotoList() is not empty %}
  508.               {% set x =0 %}
  509.               {% for item in product.getInfographicsPhotoList().getItems() %}
  510.                 {% if item.getPhotoLifestyle() is not empty %}
  511.                   <option data-img-src="{{ item.getPhotoLifestyle().getThumbnail('eSpirits_Detail_Thumb') }}" value="{{ item.getPhotoLifestyle().getId() }}">{{ item.getPhotoLifestyle().getKey() }}</option>
  512.                 {% endif %}
  513.                 {% set x = x+1 %}
  514.               {% endfor %}
  515.             {% endif %}
  516.           </select>
  517.           <div class="form-group">
  518.             <label class="control-label" for="datafileformat_infographics">{{ 'checkout.photographyfileformat'|trans }}</label>
  519.             <div>
  520.               <input checked type="radio" id="photographyfileformatPNG_Infographics" name="photographyfileformat" placeholder="PNG" value="PNG" />
  521.               <label for="photographyfileformatPNG_Infographics" style="margin-right: 8px;"> PNG </label>
  522.             </div>
  523.             <div>
  524.               <input type="radio" id="photographyfileformatJPG_Infographics" name="photographyfileformat" placeholder="JPG" value="JPG" />
  525.               <label for="photographyfileformatJPG_Infographics" style="margin-right: 8px;"> JPG </label>
  526.             </div>
  527.           </div>
  528.           <div class="form-group">
  529.             <label class="control-label" for="datafilesize">{{ 'checkout.photographyfilesize'|trans }}</label>
  530.             <div>
  531.               <select name="photographyfiledimension" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  532.                   <option value="eSpirits_1">{{ 'espirits.detail.originallargest'|trans }}</option>
  533.                   <option value="eSpirits_2">750 x 1500 (px)</option>
  534.                   <option value="eSpirits_3">1000 x 1000 (px)</option>
  535.                   <option value="eSpirits_4">1500 x 1500 (px)</option>
  536.                   <option value="eSpirits_5">2000 x 2000 (px)</option>
  537.               </select>
  538.             </div>
  539.           </div>    
  540.           </div>
  541.           <input type="hidden" name="order_type" value="direct">
  542.           <input type="hidden" name="product_id" value="{{product.id}}">
  543.           <div class="modal-footer">
  544.             <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'espirits.detail.cancel'|trans }}</button>
  545.           <input type="submit" class="btn btn-default" value="{{ 'espirits.detail.downloadimages'|trans }}">
  546.         </form>
  547.       </div>
  548.     </div>
  549.   </div>
  550. </div>
  553. <div id="downloadModal_Recipes" class="downloadModal modal fade" role="dialog">
  554.   <div class="modal-dialog">
  556.     
  557.     <div class="modal-content">
  558.       <div class="modal-header">
  559.         <button type="button" class="close" data-dismiss="modal">{{ '&times;'|raw }}</button>
  560.         <h4 class="modal-title">Download Recipes</h4>
  561.       </div>
  562.       <div class="modal-body">
  563.         <form id="download_Recipes" class="downloadForm" method="post" action="/{{ locale }}/download">
  564.           <h3>{{ product.getOSName() }}</h3>
  565.           <label class="control-label">{{ 'espirits.detail.selectimages'|trans }}</label>
  566.           <select name="images[]" multiple="multiple" class="image-picker show-html image-download jcf-ignore" required>
  567.             {% if recipes %}
  568.               {% set x = 0 %}
  569.               
  570.               {% for recipe in recipes %}
  571.                 {% if recipe.getObject().getRecipePhoto() is not empty %}
  572.                 
  573.                   <option data-img-src="{{ recipe.getObject().getRecipePhoto().getThumbnail('eSpirits_Detail_Thumb') }}" value="{{ recipe.getObject().getId() }}">{{ recipe.getObject().getRecipeName() }}</option>
  574.                 {% endif %}
  575.                 {% set x = x+1 %}
  576.               {% endfor %}
  577.             {% endif %}
  578.           </select>
  579.           <div class="form-group">
  580.             <label class="control-label" for="datafileformat_Recipes">{{ 'checkout.photographyfileformat'|trans }}</label>
  581.             <div>
  582.               <input checked type="radio" id="photographyfileformatPNG_Recipes" name="photographyfileformat" placeholder="PNG" value="PNG" />
  583.               <label for="photographyfileformatPNG_Recipes" style="margin-right: 8px;"> PNG </label>
  584.             </div>
  585.             <div>
  586.               <input type="radio" id="photographyfileformatJPG_Recipes" name="photographyfileformat" placeholder="JPG" value="JPG" />
  587.               <label for="photographyfileformatJPG_Recipes" style="margin-right: 8px;"> JPG </label>
  588.             </div>
  589.           </div>
  590.           <div class="form-group">
  591.             <label class="control-label" for="datafilesize">{{ 'checkout.photographyfilesize'|trans }}</label>
  592.             <div>
  593.               <select name="photographyfiledimension" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  594.                   <option value="eSpirits_1">{{ 'espirits.detail.originallargest'|trans }}</option>
  595.                   <option value="eSpirits_2">750 x 1500 (px)</option>
  596.                   <option value="eSpirits_3">1000 x 1000 (px)</option>
  597.                   <option value="eSpirits_4">1500 x 1500 (px)</option>
  598.                   <option value="eSpirits_5">2000 x 2000 (px)</option>
  599.               </select>
  600.             </div>
  601.           </div>    
  602.           </div>
  603.           <input type="hidden" name="order_type" value="recipes">
  604.           <input type="hidden" name="product_id" value="{{ product.getId() }}">
  605.           <div class="modal-footer">
  606.             <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'espirits.detail.cancel'|trans }}</button>
  607.           <input type="submit" class="btn btn-default" value="{{ 'espirits.detail.downloadimages'|trans }}">
  608.         </form>
  609.       </div>
  610.     </div>
  611.   </div>
  612. </div>
  615. <div id="downloadModal_digitalMarketing" class="downloadModal modal fade" role="dialog">
  616.   <div class="modal-dialog">    
  617.     <div class="modal-content">
  618.       <div class="modal-header">
  619.         <button type="button" class="close" data-dismiss="modal">{{ '&times;'|raw }}</button>
  620.         <h4 class="modal-title">Download Programming Assets Assets</h4>
  621.       </div>
  622.       <div class="modal-body">
  623.       <form id="download_digitalMarketing" class="downloadForm" method="post" action="/{{ locale }}/download">
  624.         <h3>{{ product.getName() }}</h3>
  625.         <label class="control-label">Select Images</label>
  626.         <select name="images[]" multiple="multiple" class="image-picker show-html image-download jcf-ignore" required>
  627.         {% for x in 1..5 %}    
  628.       {% if attribute(product, 'getAssets'~x) is not empty %}
  629.           {% for item in attribute(product, 'getAssets'~x) %}
  630.               {% if attribute(item, 'Asset'~x) %} 
  631.                   {% set asset = attribute(item, 'Asset'~x) %}
  632.                   {% if asset %}
  633.                       {% set asset = asset.getData() %}
  634.                       <option data-img-src="{{ asset.getThumbnail('eSpirits_Detail_Thumb') }}" value="{{ asset.getId() }}">{{ asset.getFilename() }}</option>
  635.                   {% endif %}
  636.               {% endif %}
  637.           {% endfor %}
  638.       {% endif %}
  639.     {% endfor %}          
  640.         </select>
  641.             <div class="form-group">
  642.                 <label class="control-label" for="photographyfilefileformat_digitalMarketing">{{ 'checkout.photographyfileformat'|trans }}</label>
  643.                 <div>
  644.                     <input checked type="radio" id="photographyfileformatOriginal_digitalMarketing" name="photographyfileformat" placeholder="ORIGINAL" value="ORIGINAL" />
  645.                     <label for="photographyfileformatOriginal_digitalMarketing" style="margin-right: 8px;"> Original </label>
  646.                 </div>
  647.                 <div>
  648.                     <input type="radio" id="photographyfileformatPNG_digitalMarketing" name="photographyfileformat" placeholder="PNG" value="PNG" />
  649.                     <label for="photographyfileformatPNG_digitalMarketing" style="margin-right: 8px;"> PNG </label>
  650.                 </div>
  651.                 <div>
  652.                     <input type="radio" id="photographyfileformatJPG_digitalMarketing" name="photographyfileformat" placeholder="JPG" value="JPG" />
  653.                     <label for="photographyfileformatJPG_digitalMarketing" style="margin-right: 8px;"> JPG </label>
  654.                 </div>
  655.             </div>
  656.             <div class="form-group">
  657.                 <label class="control-label" for="datafilesize">{{ 'checkout.photographyfilesize'|trans }}</label>
  658.                 <div>
  659.                     <select name="photographyfiledimension" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  660.                             <option value="eSpirits_1">Original - Largest Image Size</option>
  661.                             <option value="eSpirits_2">750 x 1500 (px)</option>
  662.                             <option value="eSpirits_3">1000 x 1000 (px)</option>
  663.                             <option value="eSpirits_4">1500 x 1500 (px)</option>
  664.                             <option value="eSpirits_5">2000 x 2000 (px)</option>
  665.                     </select>
  666.                 </div>
  667.             </div>    
  668.       </div>
  669.       <input type="hidden" name="order_type" value="direct">
  670.       <input type="hidden" name="product_id" value="{{ product.getId() }}">
  671.       <div class="modal-footer">
  672.         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  673.         <input type="submit" class="btn btn-default" value="Download Images">
  674.         </form>
  675.       </div>
  676.     </div>
  677.   </div>
  678. </div>
  682. <div id="downloadLoading" class="downloadLoading modal fade" role="dialog">
  683.   <div class="modal-dialog">
  684.     
  685.     <div class="modal-content">
  686.       <div class="modal-header">
  687.         <h4 class="modal-title">{{ 'espirits.detail.generatingdownload'|trans }}</h4>
  688.       </div>
  689.       <div class="modal-body">
  690.         <div class="loading"></div>
  691.       </div>
  692.       <div class="modal-footer">
  693.         <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'espirits.detail.cancel'|trans }}</button>
  694.       </div>
  695.     </div>
  696.   </div>
  697. </div> #}
  698. <iframe id="my_iframe" style="display:none;"></iframe>
  699. {% endblock %}