templates/vitrine/top-trending.html.twig line 1

  1. {% extends 'vitrine/base.html.twig' %}
  3. {# {% block title %}{{ title }} {% endblock %} #}
  5. {% block stylesheets %}
  7. {% endblock %}
  10. {% block body %}
  12.     <!--bread-crumb-->
  13.     <div class="iq-breadcrumb" >
  14.         <div class="container-fluid">
  15.         <div class="row align-items-center">
  16.                 <div class="col-sm-12">
  17.                     <nav aria-label="breadcrumb" class="text-center">
  18.                         <h2 class="title">{{"Films"| trans}}</h2>
  19.                         {# <ol class="breadcrumb justify-content-center">
  20.                             <li class="breadcrumb-item"><a href="{{path('web_vitrine')}}">{{"Accueil"| trans}}</a></li> 
  21.                             <li class="breadcrumb-item active">{{"Films"}}</li>
  22.                         </ol> #}
  23.                     </nav>
  24.                 </div>
  25.             </div> 
  26.         </div>
  27.     </div>      
  28.     <!--bread-crumb-->
  31.     <div class="section-padding">
  32.         <div class="container-fluid">       
  33.             <div class="card-style-grid">
  34.                 <div class="row row-cols-xl-4 row-cols-md-2 row-cols-1" id="content-movies">
  35.                     {# <div class="col mb-4">
  36.                         <div class="iq-card card-hover">
  37.                         <div class="block-images position-relative w-100">
  38.                             <div class="img-box w-100">
  39.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  40.                             <img src="{{ asset('vitrine/images/movies/related/01.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  41.                             </div>
  42.                             <div class="card-description with-transition">
  43.                             <div class="cart-content">
  44.                                 <div class="content-left">
  45.                                 <h5 class="iq-title text-capitalize">
  46.                                     <a href="{{path('web_movie_detail')}}">giikre</a>
  47.                                 </h5>
  48.                                 <div class="movie-time d-flex align-items-center my-2">
  49.                                     <span class="movie-time-text font-normal">2hr : 12mins</span>
  50.                                 </div>
  51.                                 </div>
  52.                                 <div class="watchlist">
  53.                                 <a class="watch-list-not" href="playlist.html">
  54.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  55.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  56.                                     </svg>
  57.                                     <span class="watchlist-label"> Watchlist </span>
  58.                                 </a>
  59.                                 </div>
  60.                             </div>
  61.                             </div>
  62.                             <div class="block-social-info align-items-center">
  63.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  64.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  65.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  66.                                     <i class="fas fa-share-alt"></i>
  67.                                 </span>
  68.                                 <div class="share-wrapper">
  69.                                     <div class="share-boxs d-inline-block">
  70.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  71.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  72.                                     </svg>
  73.                                     <div class=" overflow-hidden">
  74.                                         <a href="" target="_blank">
  75.                                         <i class="fab fa-facebook-f"></i>
  76.                                         </a>
  77.                                         <a href="" target="_blank">
  78.                                         <i class="fab fa-twitter"></i>
  79.                                         </a>
  80.                                         <a href="#">
  81.                                         <i class="fas fa-link"></i>
  82.                                         </a>
  83.                                     </div>
  84.                                     </div>
  85.                                 </div>
  86.                                 </li>
  87.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  88.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  89.                                     <i class="fa-regular fa-heart"></i>
  90.                                 </span>
  91.                                 <div class="share-wrapper">
  92.                                     <div class="share-boxs d-inline-block">
  93.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  94.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  95.                                     </svg>
  96.                                     <div class=" overflow-hidden">
  97.                                         <span>+51</span>
  98.                                     </div>
  99.                                     </div>
  100.                                 </div>
  101.                                 </li>
  102.                             </ul>
  103.                             <div class="iq-button">
  104.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  105.                                 <i class="fa-solid fa-play ms-0"></i>
  106.                                 </a>
  107.                             </div>
  108.                             </div>
  109.                         </div>
  110.                         </div>
  111.                     
  112.                     
  113.                     </div> #}
  114.                     {# <div class="col mb-4">
  115.                         <div class="iq-card card-hover">
  116.                         <div class="block-images position-relative w-100">
  117.                             <div class="img-box w-100">
  118.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  119.                             <img src="{{ asset('vitrine/images/movies/related/02.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  120.                             </div>
  121.                             <div class="card-description with-transition">
  122.                             <div class="cart-content">
  123.                                 <div class="content-left">
  124.                                 <h5 class="iq-title text-capitalize">
  125.                                     <a href="{{path('web_movie_detail')}}">YoShi</a>
  126.                                 </h5>
  127.                                 <div class="movie-time d-flex align-items-center my-2">
  128.                                     <span class="movie-time-text font-normal">1hr : 22mins</span>
  129.                                 </div>
  130.                                 </div>
  131.                                 <div class="watchlist">
  132.                                 <a class="watch-list-not" href="playlist.html">
  133.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  134.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  135.                                     </svg>
  136.                                     <span class="watchlist-label"> Watchlist </span>
  137.                                 </a>
  138.                                 </div>
  139.                             </div>
  140.                             </div>
  141.                             <div class="block-social-info align-items-center">
  142.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  143.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  144.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  145.                                     <i class="fas fa-share-alt"></i>
  146.                                 </span>
  147.                                 <div class="share-wrapper">
  148.                                     <div class="share-boxs d-inline-block">
  149.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  150.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  151.                                     </svg>
  152.                                     <div class=" overflow-hidden">
  153.                                         <a href="" target="_blank">
  154.                                         <i class="fab fa-facebook-f"></i>
  155.                                         </a>
  156.                                         <a href="" target="_blank">
  157.                                         <i class="fab fa-twitter"></i>
  158.                                         </a>
  159.                                         <a href="#">
  160.                                         <i class="fas fa-link"></i>
  161.                                         </a>
  162.                                     </div>
  163.                                     </div>
  164.                                 </div>
  165.                                 </li>
  166.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  167.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  168.                                     <i class="fa-regular fa-heart"></i>
  169.                                 </span>
  170.                                 <div class="share-wrapper">
  171.                                     <div class="share-boxs d-inline-block">
  172.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  173.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  174.                                     </svg>
  175.                                     <div class=" overflow-hidden">
  176.                                         <span>+51</span>
  177.                                     </div>
  178.                                     </div>
  179.                                 </div>
  180.                                 </li>
  181.                             </ul>
  182.                             <div class="iq-button">
  183.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  184.                                 <i class="fa-solid fa-play ms-0"></i>
  185.                                 </a>
  186.                             </div>
  187.                             </div>
  188.                         </div>
  189.                         </div>
  190.                     
  191.                     
  192.                     </div>
  193.                     <div class="col mb-4">
  194.                         <div class="iq-card card-hover">
  195.                         <div class="block-images position-relative w-100">
  196.                             <div class="img-box w-100">
  197.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  198.                             <img src="{{ asset('vitrine/images/movies/related/03.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  199.                             </div>
  200.                             <div class="card-description with-transition">
  201.                             <div class="cart-content">
  202.                                 <div class="content-left">
  203.                                 <h5 class="iq-title text-capitalize">
  204.                                     <a href="{{path('web_movie_detail')}}">We Gare</a>
  205.                                 </h5>
  206.                                 <div class="movie-time d-flex align-items-center my-2">
  207.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  208.                                 </div>
  209.                                 </div>
  210.                                 <div class="watchlist">
  211.                                 <a class="watch-list-not" href="playlist.html">
  212.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  213.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  214.                                     </svg>
  215.                                     <span class="watchlist-label"> Watchlist </span>
  216.                                 </a>
  217.                                 </div>
  218.                             </div>
  219.                             </div>
  220.                             <div class="block-social-info align-items-center">
  221.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  222.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  223.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  224.                                     <i class="fas fa-share-alt"></i>
  225.                                 </span>
  226.                                 <div class="share-wrapper">
  227.                                     <div class="share-boxs d-inline-block">
  228.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  229.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  230.                                     </svg>
  231.                                     <div class=" overflow-hidden">
  232.                                         <a href="" target="_blank">
  233.                                         <i class="fab fa-facebook-f"></i>
  234.                                         </a>
  235.                                         <a href="" target="_blank">
  236.                                         <i class="fab fa-twitter"></i>
  237.                                         </a>
  238.                                         <a href="#">
  239.                                         <i class="fas fa-link"></i>
  240.                                         </a>
  241.                                     </div>
  242.                                     </div>
  243.                                 </div>
  244.                                 </li>
  245.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  246.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  247.                                     <i class="fa-regular fa-heart"></i>
  248.                                 </span>
  249.                                 <div class="share-wrapper">
  250.                                     <div class="share-boxs d-inline-block">
  251.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  252.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  253.                                     </svg>
  254.                                     <div class=" overflow-hidden">
  255.                                         <span>+51</span>
  256.                                     </div>
  257.                                     </div>
  258.                                 </div>
  259.                                 </li>
  260.                             </ul>
  261.                             <div class="iq-button">
  262.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  263.                                 <i class="fa-solid fa-play ms-0"></i>
  264.                                 </a>
  265.                             </div>
  266.                             </div>
  267.                         </div>
  268.                         </div>
  269.                     
  270.                     
  271.                     </div>
  272.                     <div class="col mb-4">
  273.                         <div class="iq-card card-hover">
  274.                         <div class="block-images position-relative w-100">
  275.                             <div class="img-box w-100">
  276.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  277.                             <img src="{{ asset('vitrine/images/movies/related/04.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  278.                             </div>
  279.                             <div class="card-description with-transition">
  280.                             <div class="cart-content">
  281.                                 <div class="content-left">
  282.                                 <h5 class="iq-title text-capitalize">
  283.                                     <a href="{{path('web_movie_detail')}}">Avengers</a>
  284.                                 </h5>
  285.                                 <div class="movie-time d-flex align-items-center my-2">
  286.                                     <span class="movie-time-text font-normal">1hr : 45mins</span>
  287.                                 </div>
  288.                                 </div>
  289.                                 <div class="watchlist">
  290.                                 <a class="watch-list-not" href="playlist.html">
  291.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  292.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  293.                                     </svg>
  294.                                     <span class="watchlist-label"> Watchlist </span>
  295.                                 </a>
  296.                                 </div>
  297.                             </div>
  298.                             </div>
  299.                             <div class="block-social-info align-items-center">
  300.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  301.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  302.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  303.                                     <i class="fas fa-share-alt"></i>
  304.                                 </span>
  305.                                 <div class="share-wrapper">
  306.                                     <div class="share-boxs d-inline-block">
  307.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  308.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  309.                                     </svg>
  310.                                     <div class=" overflow-hidden">
  311.                                         <a href="" target="_blank">
  312.                                         <i class="fab fa-facebook-f"></i>
  313.                                         </a>
  314.                                         <a href="" target="_blank">
  315.                                         <i class="fab fa-twitter"></i>
  316.                                         </a>
  317.                                         <a href="#">
  318.                                         <i class="fas fa-link"></i>
  319.                                         </a>
  320.                                     </div>
  321.                                     </div>
  322.                                 </div>
  323.                                 </li>
  324.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  325.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  326.                                     <i class="fa-regular fa-heart"></i>
  327.                                 </span>
  328.                                 <div class="share-wrapper">
  329.                                     <div class="share-boxs d-inline-block">
  330.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  331.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  332.                                     </svg>
  333.                                     <div class=" overflow-hidden">
  334.                                         <span>+51</span>
  335.                                     </div>
  336.                                     </div>
  337.                                 </div>
  338.                                 </li>
  339.                             </ul>
  340.                             <div class="iq-button">
  341.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  342.                                 <i class="fa-solid fa-play ms-0"></i>
  343.                                 </a>
  344.                             </div>
  345.                             </div>
  346.                         </div>
  347.                         </div>
  348.                     
  349.                     
  350.                     </div>
  351.                     <div class="col mb-4">
  352.                         <div class="iq-card card-hover">
  353.                         <div class="block-images position-relative w-100">
  354.                             <div class="img-box w-100">
  355.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  356.                             <img src="{{ asset('vitrine/images/movies/related/05.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  357.                             </div>
  358.                             <div class="card-description with-transition">
  359.                             <div class="cart-content">
  360.                                 <div class="content-left">
  361.                                 <h5 class="iq-title text-capitalize">
  362.                                     <a href="{{path('web_movie_detail')}}">Chosfies</a>
  363.                                 </h5>
  364.                                 <div class="movie-time d-flex align-items-center my-2">
  365.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  366.                                 </div>
  367.                                 </div>
  368.                                 <div class="watchlist">
  369.                                 <a class="watch-list-not" href="playlist.html">
  370.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  371.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  372.                                     </svg>
  373.                                     <span class="watchlist-label"> Watchlist </span>
  374.                                 </a>
  375.                                 </div>
  376.                             </div>
  377.                             </div>
  378.                             <div class="block-social-info align-items-center">
  379.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  380.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  381.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  382.                                     <i class="fas fa-share-alt"></i>
  383.                                 </span>
  384.                                 <div class="share-wrapper">
  385.                                     <div class="share-boxs d-inline-block">
  386.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  387.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  388.                                     </svg>
  389.                                     <div class=" overflow-hidden">
  390.                                         <a href="" target="_blank">
  391.                                         <i class="fab fa-facebook-f"></i>
  392.                                         </a>
  393.                                         <a href="" target="_blank">
  394.                                         <i class="fab fa-twitter"></i>
  395.                                         </a>
  396.                                         <a href="#">
  397.                                         <i class="fas fa-link"></i>
  398.                                         </a>
  399.                                     </div>
  400.                                     </div>
  401.                                 </div>
  402.                                 </li>
  403.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  404.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  405.                                     <i class="fa-regular fa-heart"></i>
  406.                                 </span>
  407.                                 <div class="share-wrapper">
  408.                                     <div class="share-boxs d-inline-block">
  409.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  410.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  411.                                     </svg>
  412.                                     <div class=" overflow-hidden">
  413.                                         <span>+51</span>
  414.                                     </div>
  415.                                     </div>
  416.                                 </div>
  417.                                 </li>
  418.                             </ul>
  419.                             <div class="iq-button">
  420.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  421.                                 <i class="fa-solid fa-play ms-0"></i>
  422.                                 </a>
  423.                             </div>
  424.                             </div>
  425.                         </div>
  426.                         </div>
  427.                     
  428.                     
  429.                     </div>
  430.                     <div class="col mb-4">
  431.                         <div class="iq-card card-hover">
  432.                         <div class="block-images position-relative w-100">
  433.                             <div class="img-box w-100">
  434.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  435.                             <img src="{{ asset('vitrine/images/movies/related/06.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  436.                             </div>
  437.                             <div class="card-description with-transition">
  438.                             <div class="cart-content">
  439.                                 <div class="content-left">
  440.                                 <h5 class="iq-title text-capitalize">
  441.                                     <a href="{{path('web_movie_detail')}}">Tf Oaler</a>
  442.                                 </h5>
  443.                                 <div class="movie-time d-flex align-items-center my-2">
  444.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  445.                                 </div>
  446.                                 </div>
  447.                                 <div class="watchlist">
  448.                                 <a class="watch-list-not" href="playlist.html">
  449.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  450.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  451.                                     </svg>
  452.                                     <span class="watchlist-label"> Watchlist </span>
  453.                                 </a>
  454.                                 </div>
  455.                             </div>
  456.                             </div>
  457.                             <div class="block-social-info align-items-center">
  458.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  459.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  460.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  461.                                     <i class="fas fa-share-alt"></i>
  462.                                 </span>
  463.                                 <div class="share-wrapper">
  464.                                     <div class="share-boxs d-inline-block">
  465.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  466.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  467.                                     </svg>
  468.                                     <div class=" overflow-hidden">
  469.                                         <a href="" target="_blank">
  470.                                         <i class="fab fa-facebook-f"></i>
  471.                                         </a>
  472.                                         <a href="" target="_blank">
  473.                                         <i class="fab fa-twitter"></i>
  474.                                         </a>
  475.                                         <a href="#">
  476.                                         <i class="fas fa-link"></i>
  477.                                         </a>
  478.                                     </div>
  479.                                     </div>
  480.                                 </div>
  481.                                 </li>
  482.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  483.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  484.                                     <i class="fa-regular fa-heart"></i>
  485.                                 </span>
  486.                                 <div class="share-wrapper">
  487.                                     <div class="share-boxs d-inline-block">
  488.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  489.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  490.                                     </svg>
  491.                                     <div class=" overflow-hidden">
  492.                                         <span>+51</span>
  493.                                     </div>
  494.                                     </div>
  495.                                 </div>
  496.                                 </li>
  497.                             </ul>
  498.                             <div class="iq-button">
  499.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  500.                                 <i class="fa-solid fa-play ms-0"></i>
  501.                                 </a>
  502.                             </div>
  503.                             </div>
  504.                         </div>
  505.                         </div>
  506.                     
  507.                     
  508.                     </div>
  509.                     <div class="col mb-4">
  510.                         <div class="iq-card card-hover">
  511.                         <div class="block-images position-relative w-100">
  512.                             <div class="img-box w-100">
  513.                             <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  514.                             <img src="{{ asset('vitrine/images/movies/related/07.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  515.                             </div>
  516.                             <div class="card-description with-transition">
  517.                             <div class="cart-content">
  518.                                 <div class="content-left">
  519.                                 <h5 class="iq-title text-capitalize">
  520.                                     <a href="{{path('web_movie_detail')}}">Another Danger</a>
  521.                                 </h5>
  522.                                 <div class="movie-time d-flex align-items-center my-2">
  523.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  524.                                 </div>
  525.                                 </div>
  526.                                 <div class="watchlist">
  527.                                 <a class="watch-list-not" href="playlist.html">
  528.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  529.                                     <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  530.                                     </svg>
  531.                                     <span class="watchlist-label"> Watchlist </span>
  532.                                 </a>
  533.                                 </div>
  534.                             </div>
  535.                             </div>
  536.                             <div class="block-social-info align-items-center">
  537.                             <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  538.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  539.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  540.                                     <i class="fas fa-share-alt"></i>
  541.                                 </span>
  542.                                 <div class="share-wrapper">
  543.                                     <div class="share-boxs d-inline-block">
  544.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  545.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  546.                                     </svg>
  547.                                     <div class=" overflow-hidden">
  548.                                         <a href="" target="_blank">
  549.                                         <i class="fab fa-facebook-f"></i>
  550.                                         </a>
  551.                                         <a href="" target="_blank">
  552.                                         <i class="fab fa-twitter"></i>
  553.                                         </a>
  554.                                         <a href="#">
  555.                                         <i class="fas fa-link"></i>
  556.                                         </a>
  557.                                     </div>
  558.                                     </div>
  559.                                 </div>
  560.                                 </li>
  561.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  562.                                 <span class="w-100 h-100 d-inline-block bg-transparent">
  563.                                     <i class="fa-regular fa-heart"></i>
  564.                                 </span>
  565.                                 <div class="share-wrapper">
  566.                                     <div class="share-boxs d-inline-block">
  567.                                     <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  568.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  569.                                     </svg>
  570.                                     <div class=" overflow-hidden">
  571.                                         <span>+51</span>
  572.                                     </div>
  573.                                     </div>
  574.                                 </div>
  575.                                 </li>
  576.                             </ul>
  577.                             <div class="iq-button">
  578.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  579.                                 <i class="fa-solid fa-play ms-0"></i>
  580.                                 </a>
  581.                             </div>
  582.                             </div>
  583.                         </div>
  584.                         </div>
  585.                     
  586.                     
  587.                     </div>
  588.                     <div class="col mb-4">
  589.                         <div class="iq-card card-hover">
  590.                             <div class="block-images position-relative w-100">
  591.                             <div class="img-box w-100">
  592.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  593.                                 <img src="{{ asset('vitrine/images/movies/popular/01.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  594.                             </div>
  595.                             <div class="card-description with-transition">
  596.                                 <div class="cart-content">
  597.                                 <div class="content-left">
  598.                                     <h5 class="iq-title text-capitalize">
  599.                                     <a href="{{path('web_movie_detail')}}">CRW</a>
  600.                                     </h5>
  601.                                     <div class="movie-time d-flex align-items-center my-2">
  602.                                     <span class="movie-time-text font-normal">2hr : 12mins</span>
  603.                                     </div>
  604.                                 </div>
  605.                                 <div class="watchlist">
  606.                                     <a class="watch-list-not" href="playlist.html">
  607.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  608.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  609.                                     </svg>
  610.                                     <span class="watchlist-label"> Watchlist </span>
  611.                                     </a>
  612.                                 </div>
  613.                                 </div>
  614.                             </div>
  615.                             <div class="block-social-info align-items-center">
  616.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  617.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  618.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  619.                                     <i class="fas fa-share-alt"></i>
  620.                                     </span>
  621.                                     <div class="share-wrapper">
  622.                                     <div class="share-boxs d-inline-block">
  623.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  624.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  625.                                         </svg>
  626.                                         <div class=" overflow-hidden">
  627.                                         <a href="" target="_blank">
  628.                                             <i class="fab fa-facebook-f"></i>
  629.                                         </a>
  630.                                         <a href="" target="_blank">
  631.                                             <i class="fab fa-twitter"></i>
  632.                                         </a>
  633.                                         <a href="#">
  634.                                             <i class="fas fa-link"></i>
  635.                                         </a>
  636.                                         </div>
  637.                                     </div>
  638.                                     </div>
  639.                                 </li>
  640.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  641.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  642.                                     <i class="fa-regular fa-heart"></i>
  643.                                     </span>
  644.                                     <div class="share-wrapper">
  645.                                     <div class="share-boxs d-inline-block">
  646.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  647.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  648.                                         </svg>
  649.                                         <div class=" overflow-hidden">
  650.                                         <span>+51</span>
  651.                                         </div>
  652.                                     </div>
  653.                                     </div>
  654.                                 </li>
  655.                                 </ul>
  656.                                 <div class="iq-button">
  657.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  658.                                     <i class="fa-solid fa-play ms-0"></i>
  659.                                 </a>
  660.                             </div>
  661.                             </div>
  662.                             </div>
  663.                         </div>
  664.                         
  665.                         
  666.                     </div>
  667.                     <div class="col mb-4">
  668.                         <div class="iq-card card-hover">
  669.                             <div class="block-images position-relative w-100">
  670.                             <div class="img-box w-100">
  671.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  672.                                 <img src="{{ asset('vitrine/images/movies/popular/02.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  673.                             </div>
  674.                             <div class="card-description with-transition">
  675.                                 <div class="cart-content">
  676.                                 <div class="content-left">
  677.                                     <h5 class="iq-title text-capitalize">
  678.                                     <a href="{{path('web_movie_detail')}}">Batte Wiire</a>
  679.                                     </h5>
  680.                                     <div class="movie-time d-flex align-items-center my-2">
  681.                                     <span class="movie-time-text font-normal">1hr : 22mins</span>
  682.                                     </div>
  683.                                 </div>
  684.                                 <div class="watchlist">
  685.                                     <a class="watch-list-not" href="playlist.html">
  686.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  687.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  688.                                     </svg>
  689.                                     <span class="watchlist-label"> Watchlist </span>
  690.                                     </a>
  691.                                 </div>
  692.                                 </div>
  693.                             </div>
  694.                             <div class="block-social-info align-items-center">
  695.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  696.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  697.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  698.                                     <i class="fas fa-share-alt"></i>
  699.                                     </span>
  700.                                     <div class="share-wrapper">
  701.                                     <div class="share-boxs d-inline-block">
  702.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  703.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  704.                                         </svg>
  705.                                         <div class=" overflow-hidden">
  706.                                         <a href="" target="_blank">
  707.                                             <i class="fab fa-facebook-f"></i>
  708.                                         </a>
  709.                                         <a href="" target="_blank">
  710.                                             <i class="fab fa-twitter"></i>
  711.                                         </a>
  712.                                         <a href="#">
  713.                                             <i class="fas fa-link"></i>
  714.                                         </a>
  715.                                         </div>
  716.                                     </div>
  717.                                     </div>
  718.                                 </li>
  719.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  720.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  721.                                     <i class="fa-regular fa-heart"></i>
  722.                                     </span>
  723.                                     <div class="share-wrapper">
  724.                                     <div class="share-boxs d-inline-block">
  725.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  726.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  727.                                         </svg>
  728.                                         <div class=" overflow-hidden">
  729.                                         <span>+51</span>
  730.                                         </div>
  731.                                     </div>
  732.                                     </div>
  733.                                 </li>
  734.                                 </ul>
  735.                                 <div class="iq-button">
  736.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  737.                                     <i class="fa-solid fa-play ms-0"></i>
  738.                                 </a>
  739.                             </div>
  740.                             </div>
  741.                             </div>
  742.                         </div>
  743.                         
  744.                         
  745.                     </div>
  746.                     <div class="col mb-4">
  747.                         <div class="iq-card card-hover">
  748.                             <div class="block-images position-relative w-100">
  749.                             <div class="img-box w-100">
  750.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  751.                                 <img src="{{ asset('vitrine/images/movies/popular/03.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  752.                             </div>
  753.                             <div class="card-description with-transition">
  754.                                 <div class="cart-content">
  755.                                 <div class="content-left">
  756.                                     <h5 class="iq-title text-capitalize">
  757.                                     <a href="{{path('web_movie_detail')}}">Goal</a>
  758.                                     </h5>
  759.                                     <div class="movie-time d-flex align-items-center my-2">
  760.                                     <span class="movie-time-text font-normal">2hr : 30mins</span>
  761.                                     </div>
  762.                                 </div>
  763.                                 <div class="watchlist">
  764.                                     <a class="watch-list-not" href="playlist.html">
  765.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  766.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  767.                                     </svg>
  768.                                     <span class="watchlist-label"> Watchlist </span>
  769.                                     </a>
  770.                                 </div>
  771.                                 </div>
  772.                             </div>
  773.                             <div class="block-social-info align-items-center">
  774.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  775.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  776.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  777.                                     <i class="fas fa-share-alt"></i>
  778.                                     </span>
  779.                                     <div class="share-wrapper">
  780.                                     <div class="share-boxs d-inline-block">
  781.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  782.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  783.                                         </svg>
  784.                                         <div class=" overflow-hidden">
  785.                                         <a href="" target="_blank">
  786.                                             <i class="fab fa-facebook-f"></i>
  787.                                         </a>
  788.                                         <a href="" target="_blank">
  789.                                             <i class="fab fa-twitter"></i>
  790.                                         </a>
  791.                                         <a href="#">
  792.                                             <i class="fas fa-link"></i>
  793.                                         </a>
  794.                                         </div>
  795.                                     </div>
  796.                                     </div>
  797.                                 </li>
  798.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  799.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  800.                                     <i class="fa-regular fa-heart"></i>
  801.                                     </span>
  802.                                     <div class="share-wrapper">
  803.                                     <div class="share-boxs d-inline-block">
  804.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  805.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  806.                                         </svg>
  807.                                         <div class=" overflow-hidden">
  808.                                         <span>+51</span>
  809.                                         </div>
  810.                                     </div>
  811.                                     </div>
  812.                                 </li>
  813.                                 </ul>
  814.                                 <div class="iq-button">
  815.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  816.                                     <i class="fa-solid fa-play ms-0"></i>
  817.                                 </a>
  818.                             </div>
  819.                             </div>
  820.                             </div>
  821.                         </div>
  822.                         
  823.                         
  824.                     </div>
  825.                     <div class="col mb-4">
  826.                         <div class="iq-card card-hover">
  827.                             <div class="block-images position-relative w-100">
  828.                             <div class="img-box w-100">
  829.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  830.                                 <img src="{{ asset('vitrine/images/movies/popular/04.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  831.                             </div>
  832.                             <div class="card-description with-transition">
  833.                                 <div class="cart-content">
  834.                                 <div class="content-left">
  835.                                     <h5 class="iq-title text-capitalize">
  836.                                     <a href="{{path('web_movie_detail')}}">Dandacg</a>
  837.                                     </h5>
  838.                                     <div class="movie-time d-flex align-items-center my-2">
  839.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  840.                                     </div>
  841.                                 </div>
  842.                                 <div class="watchlist">
  843.                                     <a class="watch-list-not" href="playlist.html">
  844.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  845.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  846.                                     </svg>
  847.                                     <span class="watchlist-label"> Watchlist </span>
  848.                                     </a>
  849.                                 </div>
  850.                                 </div>
  851.                             </div>
  852.                             <div class="block-social-info align-items-center">
  853.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  854.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  855.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  856.                                     <i class="fas fa-share-alt"></i>
  857.                                     </span>
  858.                                     <div class="share-wrapper">
  859.                                     <div class="share-boxs d-inline-block">
  860.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  861.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  862.                                         </svg>
  863.                                         <div class=" overflow-hidden">
  864.                                         <a href="" target="_blank">
  865.                                             <i class="fab fa-facebook-f"></i>
  866.                                         </a>
  867.                                         <a href="" target="_blank">
  868.                                             <i class="fab fa-twitter"></i>
  869.                                         </a>
  870.                                         <a href="#">
  871.                                             <i class="fas fa-link"></i>
  872.                                         </a>
  873.                                         </div>
  874.                                     </div>
  875.                                     </div>
  876.                                 </li>
  877.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  878.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  879.                                     <i class="fa-regular fa-heart"></i>
  880.                                     </span>
  881.                                     <div class="share-wrapper">
  882.                                     <div class="share-boxs d-inline-block">
  883.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  884.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  885.                                         </svg>
  886.                                         <div class=" overflow-hidden">
  887.                                         <span>+51</span>
  888.                                         </div>
  889.                                     </div>
  890.                                     </div>
  891.                                 </li>
  892.                                 </ul>
  893.                                 <div class="iq-button">
  894.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  895.                                     <i class="fa-solid fa-play ms-0"></i>
  896.                                 </a>
  897.                             </div>
  898.                             </div>
  899.                             </div>
  900.                         </div>
  901.                         
  902.                         
  903.                     </div>
  904.                     <div class="col mb-4">
  905.                         <div class="iq-card card-hover">
  906.                             <div class="block-images position-relative w-100">
  907.                             <div class="img-box w-100">
  908.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  909.                                 <img src="{{ asset('vitrine/images/movies/popular/05.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  910.                             </div>
  911.                             <div class="card-description with-transition">
  912.                                 <div class="cart-content">
  913.                                 <div class="content-left">
  914.                                     <h5 class="iq-title text-capitalize">
  915.                                     <a href="{{path('web_movie_detail')}}">mexcan</a>
  916.                                     </h5>
  917.                                     <div class="movie-time d-flex align-items-center my-2">
  918.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  919.                                     </div>
  920.                                 </div>
  921.                                 <div class="watchlist">
  922.                                     <a class="watch-list-not" href="playlist.html">
  923.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  924.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  925.                                     </svg>
  926.                                     <span class="watchlist-label"> Watchlist </span>
  927.                                     </a>
  928.                                 </div>
  929.                                 </div>
  930.                             </div>
  931.                             <div class="block-social-info align-items-center">
  932.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  933.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  934.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  935.                                     <i class="fas fa-share-alt"></i>
  936.                                     </span>
  937.                                     <div class="share-wrapper">
  938.                                     <div class="share-boxs d-inline-block">
  939.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  940.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  941.                                         </svg>
  942.                                         <div class=" overflow-hidden">
  943.                                         <a href="" target="_blank">
  944.                                             <i class="fab fa-facebook-f"></i>
  945.                                         </a>
  946.                                         <a href="" target="_blank">
  947.                                             <i class="fab fa-twitter"></i>
  948.                                         </a>
  949.                                         <a href="#">
  950.                                             <i class="fas fa-link"></i>
  951.                                         </a>
  952.                                         </div>
  953.                                     </div>
  954.                                     </div>
  955.                                 </li>
  956.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  957.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  958.                                     <i class="fa-regular fa-heart"></i>
  959.                                     </span>
  960.                                     <div class="share-wrapper">
  961.                                     <div class="share-boxs d-inline-block">
  962.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  963.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  964.                                         </svg>
  965.                                         <div class=" overflow-hidden">
  966.                                         <span>+51</span>
  967.                                         </div>
  968.                                     </div>
  969.                                     </div>
  970.                                 </li>
  971.                                 </ul>
  972.                                 <div class="iq-button">
  973.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  974.                                     <i class="fa-solid fa-play ms-0"></i>
  975.                                 </a>
  976.                             </div>
  977.                             </div>
  978.                             </div>
  979.                         </div>
  980.                         
  981.                         
  982.                     </div>
  983.                     <div class="col mb-4">
  984.                         <div class="iq-card card-hover">
  985.                             <div class="block-images position-relative w-100">
  986.                             <div class="img-box w-100">
  987.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  988.                                 <img src="{{ asset('vitrine/images/movies/popular/06.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  989.                             </div>
  990.                             <div class="card-description with-transition">
  991.                                 <div class="cart-content">
  992.                                 <div class="content-left">
  993.                                     <h5 class="iq-title text-capitalize">
  994.                                     <a href="{{path('web_movie_detail')}}">oit moleld</a>
  995.                                     </h5>
  996.                                     <div class="movie-time d-flex align-items-center my-2">
  997.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  998.                                     </div>
  999.                                 </div>
  1000.                                 <div class="watchlist">
  1001.                                     <a class="watch-list-not" href="playlist.html">
  1002.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  1003.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  1004.                                     </svg>
  1005.                                     <span class="watchlist-label"> Watchlist </span>
  1006.                                     </a>
  1007.                                 </div>
  1008.                                 </div>
  1009.                             </div>
  1010.                             <div class="block-social-info align-items-center">
  1011.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  1012.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  1013.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  1014.                                     <i class="fas fa-share-alt"></i>
  1015.                                     </span>
  1016.                                     <div class="share-wrapper">
  1017.                                     <div class="share-boxs d-inline-block">
  1018.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  1019.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  1020.                                         </svg>
  1021.                                         <div class=" overflow-hidden">
  1022.                                         <a href="" target="_blank">
  1023.                                             <i class="fab fa-facebook-f"></i>
  1024.                                         </a>
  1025.                                         <a href="" target="_blank">
  1026.                                             <i class="fab fa-twitter"></i>
  1027.                                         </a>
  1028.                                         <a href="#">
  1029.                                             <i class="fas fa-link"></i>
  1030.                                         </a>
  1031.                                         </div>
  1032.                                     </div>
  1033.                                     </div>
  1034.                                 </li>
  1035.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  1036.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  1037.                                     <i class="fa-regular fa-heart"></i>
  1038.                                     </span>
  1039.                                     <div class="share-wrapper">
  1040.                                     <div class="share-boxs d-inline-block">
  1041.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  1042.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  1043.                                         </svg>
  1044.                                         <div class=" overflow-hidden">
  1045.                                         <span>+51</span>
  1046.                                         </div>
  1047.                                     </div>
  1048.                                     </div>
  1049.                                 </li>
  1050.                                 </ul>
  1051.                                 <div class="iq-button">
  1052.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  1053.                                     <i class="fa-solid fa-play ms-0"></i>
  1054.                                 </a>
  1055.                             </div>
  1056.                             </div>
  1057.                             </div>
  1058.                         </div>
  1059.                         
  1060.                         
  1061.                     </div>
  1062.                     <div class="col mb-4">
  1063.                         <div class="iq-card card-hover">
  1064.                             <div class="block-images position-relative w-100">
  1065.                             <div class="img-box w-100">
  1066.                                 <a href="{{path('web_movie_detail')}}" class="position-absolute top-0 bottom-0 start-0 end-0"></a>
  1067.                                 <img src="{{ asset('vitrine/images/movies/popular/07.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  1068.                             </div>
  1069.                             <div class="card-description with-transition">
  1070.                                 <div class="cart-content">
  1071.                                 <div class="content-left">
  1072.                                     <h5 class="iq-title text-capitalize">
  1073.                                     <a href="{{path('web_movie_detail')}}">Another Danger</a>
  1074.                                     </h5>
  1075.                                     <div class="movie-time d-flex align-items-center my-2">
  1076.                                     <span class="movie-time-text font-normal">1hr : 30mins</span>
  1077.                                     </div>
  1078.                                 </div>
  1079.                                 <div class="watchlist">
  1080.                                     <a class="watch-list-not" href="playlist.html">
  1081.                                     <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-10">
  1082.                                         <path d="M12 4V20M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  1083.                                     </svg>
  1084.                                     <span class="watchlist-label"> Watchlist </span>
  1085.                                     </a>
  1086.                                 </div>
  1087.                                 </div>
  1088.                             </div>
  1089.                             <div class="block-social-info align-items-center">
  1090.                                 <ul class="p-0 m-0 d-flex gap-2 music-play-lists">
  1091.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  1092.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  1093.                                     <i class="fas fa-share-alt"></i>
  1094.                                     </span>
  1095.                                     <div class="share-wrapper">
  1096.                                     <div class="share-boxs d-inline-block">
  1097.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  1098.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  1099.                                         </svg>
  1100.                                         <div class=" overflow-hidden">
  1101.                                         <a href="" target="_blank">
  1102.                                             <i class="fab fa-facebook-f"></i>
  1103.                                         </a>
  1104.                                         <a href="" target="_blank">
  1105.                                             <i class="fab fa-twitter"></i>
  1106.                                         </a>
  1107.                                         <a href="#">
  1108.                                             <i class="fas fa-link"></i>
  1109.                                         </a>
  1110.                                         </div>
  1111.                                     </div>
  1112.                                     </div>
  1113.                                 </li>
  1114.                                 <li class="share position-relative d-flex align-items-center text-center mb-0">
  1115.                                     <span class="w-100 h-100 d-inline-block bg-transparent">
  1116.                                     <i class="fa-regular fa-heart"></i>
  1117.                                     </span>
  1118.                                     <div class="share-wrapper">
  1119.                                     <div class="share-boxs d-inline-block">
  1120.                                         <svg width="15" height="40" class="share-shape" viewBox="0 0 15 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  1121.                                         <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8842 40C6.82983 37.2868 1 29.3582 1 20C1 10.6418 6.82983 2.71323 14.8842 0H0V40H14.8842Z" fill="#191919"></path>
  1122.                                         </svg>
  1123.                                         <div class=" overflow-hidden">
  1124.                                         <span>+51</span>
  1125.                                         </div>
  1126.                                     </div>
  1127.                                     </div>
  1128.                                 </li>
  1129.                                 </ul>
  1130.                                 <div class="iq-button">
  1131.                                 <a href="{{path('web_movie_detail')}}" class="btn text-uppercase position-relative rounded-circle">
  1132.                                     <i class="fa-solid fa-play ms-0"></i>
  1133.                                 </a>
  1134.                             </div>
  1135.                             </div>
  1136.                             </div>
  1137.                         </div>
  1138.                         
  1139.                         
  1140.                     </div> #}
  1141.                 </div>
  1142.             </div>
  1143.         </div>
  1144.     </div>
  1147. {% endblock %}
  1149. {% block javascripts %}
  1151. <script>
  1152.     // const _get_movies_link  =   "{{path('app_get_list_movie')}}";
  1154. </script>
  1156. <script src="{{ asset('vitrine/js/movie/list.js') }}"></script>
  1157.    
  1158. {% endblock %}