templates/pages/privado/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends '/pages/privado/internal_base.html.twig' %}
  3.  {% block subBarContent %}
  5. {% endblock %}
  6.             
  7. {% block internal_class %} container-fluid content-no-padding {% endblock %}
  9. {% block internal_body %}
  10.     {#}Pagina inici{#}
  11.     {% if Sliders | length > 0 %}
  12.         {{ include(BaseDirSlider ~ '/inc/slider_index.html.twig', {'Sliders' : Sliders}) }}
  13.     {% endif %}
  14.     <div class="align-items-start container-xxl d-flex flex-column-fluid mb-20 mt-20">
  15.         <div class="col-12">
  16.             {% set pag = app_pagina_inicio() %}
  17.             {% if pag != null %}
  18.              {{pag.PagContenidoHtml | raw}}
  19.             {% endif %}
  20.         </div>
  21.     </div>
  22.  
  23.     <div class="custom-background-pricing mb-20">
  24.         <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start">
  25.             <div class="content flex-row-fluid">
  26.                 <div class="d-flex flex-column">
  27.                     <div class="g-10 justify-content-center row mb-20">
  28.                         <div class="col-md-6 col-12 text-center">
  29.                             <h3 class="custom-title-pricing">
  30.                                 {{'servicio.inicio.title1'| trans({}, 'servicio')}}
  31.                                 <br/>
  32.                                 {{'servicio.inicio.title2'| trans({}, 'servicio')}}
  33.                             </h3>
  34.                             <p class="custom-description-pricing">{{'servicio.inicio.desc'| trans({}, 'servicio')}}</p>
  35.                             <i class="fab fa-cc-paypal fa-4x text-white"></i> <i class="fab fa-cc-visa fa-4x text-white"></i> <i class="fab fa-cc-mastercard fa-4x text-white"></i>
  36.                         </div>
  37.                     </div>
  38.                     <div class="row">
  39.                         <div class="col-12">
  40.                             <div class="g-10 slick-corrousel">
  41.                                 {% set servicios = app_get_servicios() %}
  42.                                 {% if servicios | length > 0 %}  
  43.                                     {% for serv in servicios %}
  44.                                         {% set tarifa = app_get_tarifa_desde(serv) %}
  45.                                         <div class="custom-padding-carousel">
  46.                                             <div class="d-flex h-100 align-items-center">
  47.                                                 <div class="w-100 h-100 d-flex flex-column flex-center rounded-3 custom-pricing-column py-15 px-10">
  48.                                                     <div class="mb-7 text-center">
  49.                                                         <h1 class="text-dark mb-5 fw-boldest">{{serv.SerNombre}}</h1>
  50.                                                         <div class="text-gray-400 fw-bold mb-5">{{serv.SerDescripcion}}</div>
  51.                                                         <div class="text-center">
  52.                                                             <span class="fs-3x fw-bolder text-primary">{{tarifa.SerTarPrecio}}</span>
  53.                                                             <span class="mb-2 text-primary">€</span>
  54.                                                             <span class="fs-7 fw-bold opacity-50">/
  55.                                                             <span data-kt-element="period">{{'servicio.inicio.carta'| trans({}, 'servicio')}}</span></span>
  56.                                                         </div>
  57.                                                     </div>
  58.                                                     <!--end::Features-->
  59.                                                     <!--begin::Select-->
  60.                                                     <a href="{{path('usu_pedidos_new')}}" class="btn btn-sm btn-primary">{{ 'inicio.menu.submit_cards'| trans({}, 'inicio') }}</a>
  61.                                                     <!--end::Select-->
  62.                                                 </div>
  63.                                                 <!--end::Option-->
  64.                                             </div>
  65.                                         </div>
  66.                                     {% endfor %}
  67.                                 {% endif %}
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  75.     
  76.     <div class="container-xxl d-flex flex-column-fluid mb-20 mt-20">
  77.         <div class="row">
  78.             <div class="col-md-6 col-12 p-10 text-center">
  79.                 <h2 class="titulo-inicio">{{'gradeada.inicio.titulo'| trans({}, 'gradeada')}}</h2>
  80.                 <p class="parrafo-inicio">{{'gradeada.inicio.desc'| trans({}, 'gradeada')}}</p>
  81.                 <div class="row mt-10 mb-10">
  82.                     <div class="col-md-3 col-6 text-center">
  83.                         <img alt="art" src="/images/Grades/art-invertido.png" class="w-100"/>
  84.                         <h3>ART</h3>
  85.                     </div>
  86.                     <div class="col-md-3 col-6 text-center">
  87.                         <img alt="art" src="/images/Grades/8-invertido.png" class="w-100"/>
  88.                         <h3>NEAR MINT - MINT</h3>
  89.                     </div>
  90.                     <div class="col-md-3 col-6 text-center">
  91.                         <img alt="art" src="/images/Grades/9-invertido.png" class="w-100"/>
  92.                         <h3>MINT</h3>
  93.                     </div>
  94.                     <div class="col-md-3 col-6 text-center">
  95.                         <img alt="art" src="/images/Grades/10.png" class="w-100"/>
  96.                         <h3>PERFECT</h3>
  97.                     </div>
  98.                 </div>
  99.                 <div class="row mt-10 mb-10">
  100.                     <div class="col-12 col-md-12 enviar-cartas-container me-lg-1 menu-item text-center">
  101.                         {% set locale = app.request.locale %}
  102.                         <a class="enviar-cartas-link justify-content-center menu-link py-3 text-center text-uppercase" href="/{{locale}}/grading.html"> 
  103.                             <span class="text-center">{{'gradeada.inicio.leer'| trans({}, 'gradeada')}}</span> 
  104.                         </a>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.             <div class="col-md-6 col-12 p-10 text-center">
  109.                 <img alt="Gradear" src="/images/pikachu.jpg" class="h-600px custom-image-grading" style="object-fit: contain;"/>
  110.             </div>
  111.         </div>
  112.     </div>
  114.     <div class="content flex-row-fluid mt-20 p-10 custom-background-pricing">
  115.         <div class="justify-content-center mt-10 d-flex">
  116.             <div class="col-md-6 col-12 text-center">
  117.                 <h3 class="custom-subtitle-grading2">{{'gradeada.inicio.incentivo'| trans({}, 'gradeada')}}</h3>
  118.             </div>
  119.         </div>
  120.         <div class="justify-content-center mt-10 mb-10 d-flex">
  121.             <div class="col-12 col-md-2 me-lg-1 menu-item text-center">
  122.                 <a class="enviar-cartas-link-2 justify-content-center menu-link py-3 text-center text-uppercase" href="/{{locale}}/carrito/crear">
  123.                     <span class="text-center">{{ 'inicio.menu.submit_cards'| trans({}, 'inicio') }}</span>
  124.                 </a>
  125.             </div>
  126.         </div>
  127.     </div>
  129.     
  131.     <script>
  132.         $('.slick-corrousel').slick({
  133.             infinite: true,
  134.             slidesToShow: 4,
  135.             slidesToScroll: 1,
  136.             autoplay: true,
  137.             responsive: [
  138.                 {
  139.                 breakpoint: 1024,
  140.                 settings: {
  141.                     slidesToShow: 3,
  142.                     slidesToScroll: 1,
  143.                     infinite: true,
  144.                 }
  145.                 },
  146.                 {
  147.                 breakpoint: 600,
  148.                 settings: {
  149.                     slidesToShow: 1,
  150.                     slidesToScroll: 1,
  151.                     infinite: true,
  152.                 }
  153.                 },
  154.                 // You can unslick at a given breakpoint now by adding:
  155.                 // settings: "unslick"
  156.                 // instead of a settings object
  157.             ]
  158.         });
  160.     </script>
  161. {% endblock %}