templates/shop_video/details.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'shop_video' %}
  2. {% extends 'base_home.html.twig' %}
  4. {% block title %}{{ 'details.title'|trans({'{ shop_video }': entity.title}) }}{% endblock %}
  6. {% set resolutionsLabels = {
  7.     '360': 'SD 360p',
  8.     '480': 'SD 480p',
  9.     '540': 'SD 540p',
  10.     '720': 'HD 720p',
  11.     '1080': 'HD 1080p',
  12.     '2160': 'uHD 4K',
  13.     '2880': 'uHD 5K',
  14.     '4320': 'uHD 8K',
  15. } %}
  17. {% block content %}
  18. {% set hasCredits = false %}
  20. {% set hasPurchased = is_granted('ROLE_USER') and is_granted(constant('App\\Security\\Voter\\Bid\\HasPurchasedOnceVoter::ATTRIBUTE'), entity.createBid(app.user)) %}
  21. <div class="nk-content pt-md-3 min-vh-100 pb-5">
  22.     <div class="container">
  23.         <div class="row shop-video-details mb-5 enable-loading-delay">
  24.             <div class="col-12">
  25.                 <div class="contribution-wrap d-flex flex-column align-center">
  26.                     <div class="row mb-4">
  27.                         <div class="col-12">
  28.                             <h3 class="text-center">{{ entity.title }}</h3>
  29.                         </div>
  30.                     </div>
  31.                     <div class="row">
  32.                         <div class="col-12">
  33.                             <div class="d-flex justify-center flex-wrap">
  34.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2" data-toggle="tooltip" data-bs-placement="top" title="{{ 'details.type_badage_tooltip'|trans }}">
  35.                                     <span>{{ 'details.type_badage'|trans }}</span>
  36.                                 </div>
  37.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  38.                                     <span>{{ resolutionsLabels[entity.videoFile.resolution]|default(entity.videoFile.height ~ 'p') }}</span>
  39.                                 </div>
  40.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  41.                                     <span>{{ 'minute.plural'|trans({count: entity.videoFile.durationMinutes|number_format(2, ':')}, 'messages') }}</span>
  42.                                 </div>
  43.                                 <div class="badge badge-outline-dark badge-lg badge-pill fw-normal mr-2 mb-2">
  44.                                     <span>{{ entity.videoFile.fileSize // 1024 }} MB</span>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.         </div>
  52.         <div class="row shop-video-details enable-loading-delay">
  53.             <div class="col-12 col-lg-8 offset-lg-2">
  54.                 <div style="max-width: 770px; margin: 0 auto;">
  55.                     <div class="gallery-slider js-shop-video-slider">
  56.                         {% if entity.trailer %}
  57.                             <div class="shop-video-trailer rounded">
  58.                                 <a href="{{ entity.trailer.webPath | sindrive_protect }}" data-fancybox="video_vidcaps">
  59.                                     <div class="shop-trailer rounded mr-1 mr-md-2">
  60.                                     <span class="trailer-play-handle rounded-circle">
  61.                                         <i class="icon dp-icon-video"></i>
  62.                                     </span>
  63.                                         {% if entity.preview %}
  64.                                             <img src="{{ entity.preview.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" class="img-fluid rounded preview mr-2 ml-2" alt="{{ entity.title }}">
  65.                                         {% else %}
  66.                                             <img src="{{ asset('images/proposal/blank.jpg') }}" class="img-fluid rounded mr-2 ml-2" alt="{{ entity.title }}">
  67.                                         {% endif %}
  68.                                     </div>
  69.                                 </a>
  70.                             </div>
  71.                         {% else %}
  72.                             <div class="shop-trailer rounded">
  73.                                 {% if entity.preview %}
  74.                                     <img src="{{ entity.preview.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" class="img-fluid rounded preview mr-2 ml-2" alt="{{ entity.title }}">
  75.                                 {% else %}
  76.                                     <img src="{{ asset('images/proposal/blank.jpg') }}" class="img-fluid rounded mr-2 ml-2" alt="{{ entity.title }}">
  77.                                 {% endif %}
  78.                             </div>
  79.                         {% endif %}
  80.                         {% if entity.gallery|length > 0  %}
  81.                             {% for galleryImage in entity.gallery %}
  82.                                 <div class="screencap-item">
  83.                                     <a href="{{ galleryImage.webPath | sindrive_protect | sindrive_resize(1920) }}" data-fancybox="video_vidcaps">
  84.                                         <img class="preview mr-2 ml-2" src="{{ galleryImage.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" alt="">
  85.                                     </a>
  86.                                 </div>
  87.                             {% endfor %}
  88.                         {% endif %}
  89.                         {% if entity.publishedVidcaps|length > 0  %}
  90.                             {% for vidcap in entity.publishedVidcaps %}
  91.                                 <div class="screencap-item">
  92.                                     <a href="{{ vidcap.webPath | sindrive_protect | sindrive_resize(1920) }}" data-fancybox="video_vidcaps">
  93.                                         <img class="preview mr-2 ml-2" src="{{ vidcap.webPath | sindrive_resize(752, 423) | sindrive_timed_protect }}" alt="">
  94.                                     </a>
  95.                                 </div>
  96.                             {% endfor %}
  97.                         {% endif %}
  98.                     </div>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.         <div class="row mb-6 shop-video-details enable-loading-delay">
  103.             <div class="col-12 col-lg-6 offset-lg-3">
  104.                 <div class="contribution-action-wrap">
  105.                     {% if is_granted('ROLE_USER') %}
  106.                         {% if hasPurchased %}
  107.                             <div class="form-control-wrap">
  108.                                 <button class="btn btn-lg btn-round btn-dark fw-bolder contribution-purchase-button justify-between" data-toggle="modal" data-target="#download-{{ entity.stringId }}">
  109.                                     <span class="lead text-white m-0">
  110.                                         <em class="icon dp-icon-downloads mr-4"></em>
  111.                                     </span>
  112.                                     <span>{{ 'details.purchase.download_button'|trans }}</span>
  113.                                 </button>
  114.                             </div>
  115.                             {% include 'shop_video/Block/download_popup.html.twig' with {shop_video: entity} only %}
  116.                         {% elseif is_granted(constant('App\\Security\\Voter\\Bid\\HasCreditsVoter::ATTRIBUTE'), entity.createBid(app.user)) %}
  117.                             <div class="contribution-action">
  118.                                 {{ render_crud_result('App\\Controller\\ShopVideo\\PurchaseController', {'stringId': entity.stringId}) }}
  119.                             </div>
  120.                         {% else %}
  121.                             <div class="contribution-action">
  122.                                 <div class="contribution-info-amount">
  123.                                     <span class="mr-2 fw-normal">{{ 'details.purchase.current_price'|trans }}</span>{{ 'credits.plural'|trans({count: entity.priceFloat|price_format(true)}, 'messages') }}
  124.                                 </div>
  125.                                 <button class="btn btn-lg btn-round fw-bolder contribution-purchase-button btn-secondary mb-4" data-toggle="modal" data-target="#purchase-credits-dialog">
  126.                                     <span>{{ 'details.purchase.button'|trans }}</span>
  127.                                 </button>
  128.                                 <div>
  129.                                     <p class="fs-14px">{{ 'details.purchase.hint'|trans }}</p>
  130.                                 </div>
  131.                             </div>
  132.                         {% endif %}
  133.                     {% elseif not is_granted('ROLE_USER') %}
  134.                         <div class="contribution-action mt-2">
  135.                             <div class="form-control-wrap">
  136.                                 <div class="contribution-info-amount">
  137.                                     <span class="mr-2 fw-normal">{{ 'details.purchase.current_price'|trans }}</span> {{ 'details.purchase.blind_price'|trans }}
  138.                                 </div>
  139.                                 <a href="{{ path('app_login', {'return': app.request.pathInfo}) }}" class="btn btn-lg btn-round fw-bolder contribution-purchase-button btn-secondary mb-4" type="submit">
  140.                                     <div>{{ 'details.purchase.button'|trans }}</div>
  141.                                 </a>
  142.                                 <div>
  143.                                     <p class="fs-14px">{{ 'details.purchase.hint'|trans }} <a href="{{ path('app_login') }}" class="fw-bolder link">{{ 'details.purchase.login_label'|trans }}</a> or <a href="{{ path('registration') }}" class="fw-bolder link">{{ 'details.purchase.signup_label'|trans }}</a>.</p>
  144.                                 </div>
  145.                             </div>
  146.                         </div>
  147.                     {% endif %}
  148.                 </div>
  149.             </div>
  150.         </div>
  151.         <div class="shop-video-details content rounded pt-4 mb-5 enable-loading-delay">
  152.             <div class="row">
  153.                 <div class="col-12 col-lg-8 offset-lg-2">
  154.                     <div class="row mb-6">
  155.                         <div class="col-12">
  156.                             {% if entity.tags|length > 0 %}
  157.                                 <div class="row">
  158.                                     <div class="col-12">
  159.                                         <div class="d-flex justify-center flex-wrap">
  160.                                             {% for tag in entity.tags %}
  161.                                                 <div class="badge badge-pill badge-light font-weight-normal text-dark mr-1 mb-1">
  162.                                                     <span>{{ tag.name }}</span>
  163.                                                 </div>
  164.                                             {% endfor %}
  165.                                         </div>
  166.                                     </div>
  167.                                 </div>
  168.                             {% endif %}
  169.                             <div class="row">
  170.                                 <div class="col-12">
  171.                                     <hr>
  172.                                 </div>
  173.                             </div>
  174.                             <div class="row mb-4">
  175.                                 <div class="col-12">
  176.                                     <div class="pr-lg-4">
  177.                                         <p class="text-center">
  178.                                             {{ entity.description | raw }}
  179.                                         </p>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                         </div>
  184.                     </div>
  185.                 </div>
  186.             </div>
  187.         </div>
  188.     </div>
  190. </div>
  193. {% if is_granted('ROLE_USER') %}
  194.     {% set hasCredits = is_granted(constant('App\\Security\\Voter\\Bid\\HasCreditsVoter::ATTRIBUTE'), entity.createBid(app.user)) %}
  195.     {% set purchaseCredits = get_crud_action('App\\Controller\\Settings\\PurchaseCreditsController', {'shop_video_id': entity.stringId, 'returnUrl': app.request.requestUri}) %}
  196.     {% include 'settings/purchase_credits.html.twig' with purchaseCredits.params | merge({'reference': get_reference(entity), 'hasCredits': hasCredits}) %}
  197. {% endif %}
  198. {% if is_granted('ROLE_USER') and ((app.request.hasPreviousSession or app.session.started) and app.session.flashBag.get('purchase-success')) %}
  199.     {% include 'partials/base_overlay.html.twig' with {
  200.         icon: 'dp-icon-heart',
  201.         title: 'details.purchase.success'|trans,
  202.         subtitle: 'details.purchase.success_subtitle'|trans
  203.     } %}
  204. {% endif %}
  205. {% include 'partials/flash_message_popup.html.twig' %}
  206. {% endblock %}