templates\site\home\index3.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/site.html.twig' %}
  3. {% block title %}Bienvenue sur Orishas-finance{% endblock %}
  5. {% block meta %}
  6.     <meta name="description" content="Nous vous proposons les meilleurs Contenus, Services et Solutions pour maitriser vos activités et investissements sur les marchés Africains.">
  7.     <meta property="og:title" content="Bienvenue sur Orishas-finance">
  8.     <meta property="og:description" content="Nous vous proposons les meilleurs Contenus, Services et Solutions pour maitriser vos activités et investissements sur les marchés Africains.">
  9.     <meta property="og:image" content="https://www.orishas-finance.com/assets/site/images/logot.png">
  10.     <meta property="og:url" content="https://www.orishas-finance.com">
  11.     <meta name="twitter:card" content="summary_large_image">
  13. {% endblock %}
  15. {% block css %}
  16.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  17.     <link rel="stylesheet"
  18.           href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
  19.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css">
  21.     <link rel="stylesheet" href="{{ asset('assets/common/modal-video-player/css/modal-video.min.css') }}">
  22.     <link rel="stylesheet" href="{{ asset('assets/common/flag-icon-css/css/flag-icon.min.css') }}">
  23.     <link rel="stylesheet" href="{{ asset('assets/common/flag-icon-css/css/flag-icon.min.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assets/site/css/buttons.css') }}">
  28.     <style>
  29.         /*sans bordure (1ère photo)*/
  30.         .arrondie {
  31.             -moz-border-radius: 50px;
  32.             -webkit-border-radius: 10px;
  33.             border-radius: 50px;
  34.         }
  36.         .carousel-wrap {
  38.             margin: auto;
  39.             position: relative;
  40.         }
  42.         .owl-carousel .owl-nav {
  43.             overflow: hidden;
  44.             height: 0px;
  45.         }
  47.         .owl-theme .owl-dots .owl-dot.active span,
  48.         .owl-theme .owl-dots .owl-dot:hover span {
  49.             background: #2caae1;
  50.         }
  53.         .owl-carousel .item {
  54.             text-align: left;
  55.         }
  57.         .owl-carousel .nav-btn {
  58.             height: 47px;
  59.             position: absolute;
  60.             width: 26px;
  61.             cursor: pointer;
  62.             top: 100px !important;
  63.         }
  65.         .owl-carousel .owl-prev.disabled,
  66.         .owl-carousel .owl-next.disabled {
  67.             pointer-events: none;
  68.             opacity: 0.2;
  69.         }
  71.         .owl-carousel .prev-slide {
  72.             background: url(https://freakyjolly.com/demo/jquery/OwlCarousel2/nav-icon.png) no-repeat scroll 0 0;
  73.             left: -33px;
  74.         }
  76.         .owl-carousel .next-slide {
  77.             background: url(https://freakyjolly.com/demo/jquery/OwlCarousel2/nav-icon.png) no-repeat scroll -24px 0px;
  78.             right: -33px;
  79.         }
  81.         .owl-carousel .prev-slide:hover {
  82.             background-position: 0px -53px;
  83.         }
  85.         .owl-carousel .next-slide:hover {
  86.             background-position: -24px -53px;
  87.         }
  89.     </style>
  90.     <style>
  91.         /*style Nos Services */
  92.         @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
  94.         .section-title {
  95.             text-align: center;
  96.             color: #28a745;
  97.             margin-bottom: 50px;
  98.             text-transform: uppercase;
  99.         }
  101.         #what-we-do {
  102.             background: #ffff;
  103.         }
  105.         #what-we-do1 {
  106.             background: #2ca4e8;
  108.         }
  110.         .text-muted1 {
  111.             color: #ffff !important;
  112.         }
  114.         #what-we-do .card {
  115.             padding: 1rem !important;
  116.             border: none;
  117.             margin-bottom: 1rem;
  118.             -webkit-transition: .5s all ease;
  119.             -moz-transition: .5s all ease;
  120.             transition: .5s all ease;
  121.         }
  123.         #what-we-do .card:hover {
  124.             -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  125.             -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  126.             box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  127.         }
  129.         #what-we-do .card .card-block {
  130.             padding-left: 50px;
  131.             position: relative;
  132.         }
  134.         #what-we-do .card .card-block a {
  135.             color: #007b5e !important;
  136.             font-weight: 700;
  137.             text-decoration: none;
  138.         }
  140.         #what-we-do .card .card-block a i {
  141.             display: none;
  143.         }
  145.         #what-we-do .card:hover .card-block a i {
  146.             display: inline-block;
  147.             font-weight: 700;
  149.         }
  151.         #what-we-do .card .card-block:before {
  152.             font-family: FontAwesome;
  153.             position: absolute;
  154.             font-size: 39px;
  155.             color: #28a745;
  156.             left: 0;
  157.             -webkit-transition: -webkit-transform .2s ease-in-out;
  158.             transition: transform .2s ease-in-out;
  159.         }
  161.         #what-we-do .card .block-1:before {
  162.             content: "\f233";
  163.         }
  165.         #what-we-do .card .block-2:before {
  166.             content: "\f0eb";
  167.         }
  169.         #what-we-do .card .block-3:before {
  170.             content: "\f201";
  171.         }
  173.         #what-we-do .card .block-4:before {
  174.             content: "\f219";
  175.         }
  177.         #what-we-do .card .block-5:before {
  178.             content: "\f2b5";
  179.         }
  181.         #what-we-do .card .block-6:before {
  182.             content: "\f218";
  183.         }
  185.         #what-we-do .card:hover .card-block:before {
  186.             -webkit-transform: rotate(360deg);
  187.             transform: rotate(360deg);
  188.             -webkit-transition: .5s all ease;
  189.             -moz-transition: .5s all ease;
  190.             transition: .5s all ease;
  191.         }
  193.         h3, .h3 {
  194.             font-size: 0.75rem;
  195.             font-weight: bold;
  196.         }
  198.         .section-title1 {
  199.             text-align: center;
  200.             color: #ffff;
  201.             margin-bottom: 50px;
  202.             text-transform: uppercase;
  203.             font-weight: bold;
  204.         }
  206.         .card-title1 {
  207.             margin-bottom: 0.75rem;
  208.             color: #007bff;
  209.             font-weight: bold;
  210.             font-size: 14px;
  211.         }
  212.     </style>
  214.     <style>
  215.         .ml11 {
  216.             font-weight: 700;
  217.             font-size: 3.5em;
  218.         }
  220.         .ml11 .text-wrapper {
  221.             position: relative;
  222.             display: inline-block;
  223.             padding-top: 0.1em;
  224.             padding-right: 0.05em;
  225.             padding-bottom: 0.15em;
  226.         }
  228.         .ml11 .line {
  229.             opacity: 0;
  230.             position: absolute;
  231.             left: 0;
  232.             height: 100%;
  233.             width: 3px;
  234.             background-color: #fff;
  235.             transform-origin: 0 50%;
  236.         }
  238.         .ml11 .line1 {
  239.             top: 0;
  240.             left: 0;
  241.         }
  243.         .ml11 .letter {
  244.             display: inline-block;
  245.             line-height: 1em;
  246.         }
  248.         .tailleform {
  249.             width: 250px;
  250.             margin-right: 10px;
  251.         }
  253.         .w-100 {
  254.             width: 100px
  255.         }
  256.     </style>
  257.     <style>
  258.         .carousel-caption1 {
  259.             position: absolute;
  260.             right: 1%;
  261.             bottom: 20px;
  262.             left: 4%;
  263.             z-index: 10;
  264.             padding-top: 20px;
  265.             padding-bottom: 20px;
  266.             color: #fff;
  267.             text-align: center;
  268.             background-color: #000;
  269.             filter: alpha(opacity=50);
  270.             opacity: 0.5;
  271.             width: 300px;
  272.         }
  273.     </style>
  275. {% endblock %}
  277. {% block body %}
  278.     <style>
  279.         a {
  280.             color: #000;
  281.             font-size: 13px;
  282.             font-weight: bold;
  283.         }
  285.         .a1 {
  286.             color: #000;
  287.             font-weight: 10;
  288.             font-size: 15px;
  290.         }
  291.     </style>
  292.     <section class="row">
  294.         <div class="col-md-12">
  296.             <div class="block block-primary">
  297.                 <h3 class="block-title"><span>A la une</span></h3>
  299.                 <div class="carousel-wrap p-4">
  300.                     <div class="owl-carousel owl-theme main-slide" id="main-slide">
  301.                         {% for news in newsimgfinance %}
  302.                             {% if news.image %}
  303.                                 <div class="item">
  304.                                     <div class="of-slide-wrapper clearfix">
  305.                                         <div class="of-slide-header">
  306.                                           {#{% if is_granted('IS_AUTHENTICATED_FULLY') %}#}
  308.                                             <a href="{{ path('site_news_show',{'id': news.id}) }}">
  309.                                                 <img src=" {{ asset('uploads/news/' ~ news.image) }}" class="img-fluid"
  310.                                                      style="height: 250px;">
  311.                                             </a>
  313.                                             {#{%else%}
  314.                                              <a href="" data-toggle="modal" data-target="#lecture_news">
  315.                                                 <img src=" {{ asset('uploads/news/' ~ news.image) }}" class="img-fluid"
  316.                                                      style="height: 250px;">
  317.                                             </a>
  318.                                             {%endif%}#}
  319.                                         </div>
  320.                                         <div class="of-slide-caption" title="{{ news.titre }}">
  321.                                             {% for type in news.type %}
  322.                                              {#{% if is_granted('IS_AUTHENTICATED_FULLY') %}#}
  323.                                                 <a class="of-slide-cat "
  324.                                                    href="{{ path('site_news_show',{'id': news.id}) }}">{{ type.libelle }}</a>
  325.                                                  {#{%else%}
  327.                                                  <a class="of-slide-cat " data-toggle="modal" data-target="#lecture_news"
  328.                                                    href="">{{ type.libelle }}</a>
  329.                                                  {%endif%}#}
  330.                                             {% endfor %}
  332.                                             <h2 class="of-slide-title text-truncate">
  334.                                              {#{% if is_granted('IS_AUTHENTICATED_FULLY') %}#}
  335.                                                 <a href="{{ path('site_news_show',{'id': news.id}) }}"> {{ news.titre| slice(0,100) }} </a>
  336.                                                 {#{%else%}
  338.                                                  <a data-toggle="modal" data-target="#lecture_news"
  339.                                                    href="">{{ news.titre| slice(0,100) }}</a>
  340.                                                  {%endif%}#}
  341.                                             </h2>
  342.                                             <div class="of-slide-meta">
  343.                                                 <span class="of-slide-meta-date">{{ news.date? news.date|date("d/m/Y"):'' }}</span>
  344.                                             </div>
  345.                                         </div>
  346.                                     </div>
  347.                                 </div>
  348.                             {% endif %}
  349.                         {% endfor %}
  352.                     </div>
  353.                 </div>
  355.             </div>
  357.         </div>
  358.     </section>
  359.     <!-- Services section -->
  360.     <section id="what-we-do1" class="corpss">
  362.         <div class="block-primary div1">
  364.             <h2 class="section-title1 mb-2 h1 ml11">
  365.             <span class="text-wrapper">
  366.                 <span class="line line1"></span>
  367.                 <span class="letters">L'AFRIQUE ICI ET MAINTENANT </span>
  368.             </span>
  370.             </h2>
  371.             <p class="text-center text-muted1 h5">
  373.                 <span>Nous vous proposons les meilleurs Contenus, Services et Solutions pour maitriser vos activités et investissements sur les marchés Africains.</span>
  375.             </p>
  378.         </div>
  380.     </section>
  381.     <!-- /Services section -->
  382.     <!-- Services section -->
  383.     <section id="what-we-do" class="corpss">
  384.         <div class="block block-green">
  385.             <h3 class="block-title"><span>Nos Services</span></h3>
  386.             <div class="container-fluid">
  389.                 <div class="row mt-5 corpss">
  390.                     {% set i=1 %}
  391.                     {% for service in services %}
  393.                         <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
  394.                             <div class="card">
  395.                                 <div class="card-block block-{{ i }}">
  396.                                     <h3 class="card-title1">{{ service.libelle }}</h3>
  397.                                     <p>{{ service.description|striptags|slice(0,106)|raw }}
  399.                                     </p>
  400.                                     <a align="right" href="{{ path('servicefront_show', {'id': service.id}) }}"
  401.                                        title="Read more" class="read-more">Plus<i
  402.                                                 class="fa fa-angle-double-right ml-2"></i></a>
  403.                                 </div>
  404.                             </div>
  405.                         </div>
  406.                         {% set i=i+1 %}
  407.                     {% endfor %}
  408.                     <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
  409.                         <div>
  411.                             <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  413.                                 <div class="carousel-inner">
  415.                                     <div class="card-header">
  416.                                         <span style="font-weight:bold">Produits</span>
  417.                                     </div>
  418.                                     {% set i=1 %}
  419.                                     {% for produit in produit %}
  420.                                         <div class="carousel-item {% if i==1 %}active{% endif %}">
  421.                                             <a href="{{ path('produit_show', {'id': produit.id}) }}">
  422.                                                 <img src="{{ asset('uploads/produits/' ~ produit.image) }}"
  423.                                                      width="340px" height="180px" alt="..."
  424.                                                      style="background-color: rgba(0,0,0,.6);background-blend-mode: color;">
  425.                                                 <div class="carousel-caption1 d-none d-md-block">
  426.                                                     <h5 style="color:#fff;font-weight:bold">{{ produit.libelle }}</h5>
  427.                                                     {#<p>{{produit.description|striptags|slice(0, 50)|raw}}</p>#}
  428.                                                 </div>
  429.                                             </a>
  430.                                         </div>
  431.                                         {% set i=i+1 %}
  432.                                     {% endfor %}
  435.                                 </div>
  436.                                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
  437.                                    data-slide="prev">
  438.                                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  439.                                     <span class="sr-only">Previous</span>
  440.                                 </a>
  441.                                 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
  442.                                    data-slide="next">
  443.                                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  444.                                     <span class="sr-only">Next</span>
  445.                                 </a>
  446.                             </div>
  448.                         </div>
  449.                     </div>
  450.                 </div>
  451.             </div>
  452.         </div>
  453.     </section>
  454.     <!-- /Services section -->
  457.     <section class="row">
  458.         <div class="col-md-12 mb-4">
  461.             <div class="block block-gray">
  462.                 <h3 class="block-title"><span>Ils nous font confiance</span></h3>
  465.                 <div class="carousel-wrap">
  466.                     <div class="owl-carousel owl-theme " id="client-carousel">
  467.                         <div class="item card">
  468.                             <a href="#">
  469.                                 <img src="{{ asset('uploads/clients/logo-AMSA-fond-bleu-01.png') }}"
  470.                                      class="card-img-top" alt="AMSA" width="200" height="100">
  471.                             </a>
  472.                         </div>
  474.                         <div class="item card">
  475.                             <a href="#">
  476.                                 <img src="{{ asset('uploads/clients/_BOA.jpg') }}"
  477.                                      class="card-img-top" alt="BOA" width="200" height="100">
  478.                             </a>
  479.                         </div>
  481.                         <div class="item card">
  482.                             <a href="#">
  483.                                 <img src="{{ asset('uploads/clients/petroci-logo-1.jpg') }}"
  484.                                      class="card-img-top" alt="PETROCI" width="200" height="100">
  485.                             </a>
  486.                         </div>
  488.                         <div class="item card">
  489.                             <a href="#">
  490.                                 <img src="{{ asset('uploads/clients/sib-logo.jpg') }}"
  491.                                      class="card-img-top" alt="SIB" width="200" height="100">
  492.                             </a>
  493.                         </div>
  495.                         <div class="item card">
  496.                             <a href="#">
  497.                                 <img src="{{ asset('uploads/clients/arcep.jpg') }}"
  498.                                      class="card-img-top" alt="ARCEP" width="200" height="100">
  499.                             </a>
  500.                         </div>
  502.                         <div class="item card">
  503.                             <a href="#">
  504.                                 <img src="{{ asset('uploads/clients/nsia-blanc.jpg') }}"
  505.                                      class="card-img-top" alt="NSIA Banque & Assurrance" width="200" height="100">
  506.                             </a>
  507.                         </div>
  509.                         <div class="item card">
  510.                             <a href="#">
  511.                                 <img src="{{ asset('uploads/clients/bridge-bank-group.jpg') }}"
  512.                                      class="card-img-top" alt="Bridge Bank" width="200" height="100">
  513.                             </a>
  514.                         </div>
  516.                         <div class="item card">
  517.                             <a href="#">
  518.                                 <img src="{{ asset('uploads/clients/institut-universitaire-abidjan.jpg') }}"
  519.                                      class="card-img-top" alt="IUA" width="200" height="100">
  520.                             </a>
  521.                         </div>
  523.                         <div class="item card">
  524.                             <a href="#">
  525.                                 <img src="{{ asset('uploads/clients/centif.jpg') }}"
  526.                                      class="card-img-top" alt="CENTIF" width="200" height="100">
  527.                             </a>
  528.                         </div>
  530.                         <div class="item card">
  531.                             <a href="#">
  532.                                 <img src="{{ asset('uploads/clients/african-lease.jpg') }}"
  533.                                      class="card-img-top" alt="African Lease" width="200" height="100">
  534.                             </a>
  535.                         </div>
  537.                         <div class="item card">
  538.                             <a href="#">
  539.                                 <img src="{{ asset('uploads/clients/banque-atlantique-2.jpg') }}"
  540.                                      class="card-img-top" alt="Banque Atlantique" width="200" height="100">
  541.                             </a>
  542.                         </div>
  544.                         <div class="item card">
  545.                             <a href="#">
  546.                                 <img src="{{ asset('uploads/clients/logo_afg.webp') }}"
  547.                                      class="card-img-top" alt="AFG CI" width="200" height="100">
  548.                             </a>
  549.                         </div>
  551.                         <div class="item card">
  552.                             <a href="#">
  553.                                 <img src="{{ asset('uploads/clients/cica-re.jpg') }}"
  554.                                      class="card-img-top" alt="CICA RE" width="200" height="100">
  555.                             </a>
  556.                         </div>
  558.                         <div class="item card">
  559.                             <a href="#">
  560.                                 <img src="{{ asset('uploads/clients/logo-coris-bank.jpg') }}"
  561.                                      class="card-img-top" alt="Coris Bank" width="200" height="100">
  562.                             </a>
  563.                         </div>
  565.                         <div class="item card">
  566.                             <a href="#">
  567.                                 <img src="{{ asset('uploads/clients/ib-bank.jpg') }}"
  568.                                      class="card-img-top" alt="IB Bank" width="200" height="100">
  569.                             </a>
  570.                         </div>
  572.                         <div class="item card">
  573.                             <a href="#">
  574.                                 <img src="{{ asset('uploads/clients/boad.jpg') }}"
  575.                                      class="card-img-top" alt="BOAD" width="200" height="100">
  576.                             </a>
  577.                         </div>
  579.                         <div class="item card">
  580.                             <a href="#">
  581.                                 <img src="{{ asset('uploads/clients/soaga-logo.jpg') }}"
  582.                                      class="card-img-top" alt="SOAGA" width="200" height="100">
  583.                             </a>
  584.                         </div>
  586.                         <div class="item card">
  587.                             <a href="#">
  588.                                 <img src="{{ asset('uploads/clients/BGFI_logo.png') }}"
  589.                                      class="card-img-top" alt="BGFI Group" width="200" height="100">
  590.                             </a>
  591.                         </div>
  595.                         <div class="item card">
  596.                             <a href="#">
  597.                                 <img src="{{ asset('uploads/clients/bis.png') }}"
  598.                                      class="card-img-top" alt="Banque Islamique du Sénégal" width="200" height="100">
  599.                             </a>
  600.                         </div>
  602.                         <div class="item card">
  603.                             <a href="#">
  604.                                 <img src="{{ asset('uploads/clients/bia-niger1.jpg') }}"
  605.                                      class="card-img-top" alt="BIA Niger" width="200" height="100">
  606.                             </a>
  607.                         </div>
  609.                         <div class="item card">
  610.                             <a href="#">
  611.                                 <img src="{{ asset('uploads/clients/bim-sa.jpg') }}"
  612.                                      class="card-img-top" alt="BIM" width="200" height="100">
  613.                             </a>
  614.                         </div>
  616.                         <div class="item card">
  617.                             <a href="#">
  618.                                 <img src="{{ asset('uploads/clients/logo-bsic.jpg') }}"
  619.                                      class="card-img-top" alt="BSIC" width="200" height="100">
  620.                             </a>
  621.                         </div>
  623.                         <div class="item card">
  624.                             <a href="#">
  625.                                 <img src="{{ asset('uploads/clients/scb-c.jpg') }}"
  626.                                      class="card-img-top" alt="SCB Cameroun" width="200" height="100">
  627.                             </a>
  628.                         </div>
  630.                         <div class="item card">
  631.                             <a href="#">
  632.                                 <img src="{{ asset('uploads/clients/versus-bank.jpg') }}"
  633.                                      class="card-img-top" alt="Versus Bank" width="200" height="100">
  634.                             </a>
  635.                         </div>
  637.                         <div class="item card">
  638.                             <a href="#">
  639.                                 <img src="{{ asset('uploads/clients/VISTABANK.jpg') }}"
  640.                                      class="card-img-top" alt="Versus Bank" width="200" height="100">
  641.                             </a>
  642.                         </div>
  644.                         <div class="item card">
  645.                             <a href="#">
  646.                                 <img src="{{ asset('uploads/clients/huston-&-cie.png') }}"
  647.                                      class="card-img-top" alt="Versus Bank" width="200" height="100">
  648.                             </a>
  649.                         </div>
  651.                         <div class="item card">
  652.                             <a href="#">
  653.                                 <img src="{{ asset('uploads/clients/lbc-congo-logo.png') }}"
  654.                                      class="card-img-top" alt="LBC Congo" width="200" height="100">
  655.                             </a>
  656.                         </div>
  657.                         <div class="item card">
  658.                             <a href="#">
  659.                                 <img src="{{ asset('uploads/clients/mansa-bank-logo.png') }}"
  660.                                      class="card-img-top" alt="MANSA BANK" width="200" height="100">
  661.                             </a>
  662.                         </div>
  663.                         <div class="item card">
  664.                             <a href="#">
  665.                                 <img src="{{ asset('uploads/clients/logo_sunu.png') }}"
  666.                                      class="card-img-top" alt="SUNU Group" width="200" height="100">
  667.                             </a>
  668.                         </div>
  670.                         <div class="item card">
  671.                             <a href="#">
  672.                                 <img src="{{ asset('uploads/clients/Logo-BICICI.png') }}"
  673.                                      class="card-img-top" alt="BICICI" width="200" height="100">
  674.                             </a>
  675.                         </div>
  677.                     </div>
  678.                 </div>
  681.             </div>
  683.         </div>
  684.     </section>
  687.     <section class="row mt-4">
  688.         <div class="col-md-9">
  691.             <div class="block block-primary mb-5">
  692.                 <h3 class="block-title">
  693.                     <span>Recemment publiées</span>
  694.                     <div class="float-right">
  696.                             <a href="{{ path('site_news') }}" class="font-italic small font-weight-bold">voir plus >></a>
  699.                     </div>
  700.                 </h3>
  702.                 <div class="row">
  704.                     {% for news in newsimgfinance %}
  705.                         {% if news.image %}
  706.                             <div class="col-md-6 col-sm-12">
  708.                                 <div class="media">
  709.                                     <div class="media-left w-30">
  710.                                         <div class="of-img-hoverable">
  712.                                         {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  714.                                             <a href="{{ path('site_news_show',{'id': news.id}) }}">
  715.                                                 <img class="media-object w-100"
  716.                                                      src=" {{ asset('uploads/news/' ~ news.image) }}" alt="...">
  717.                                             </a>
  719.                                             {%else%}
  720.                                              <a href="{{ path('site_news_show',{'id': news.id}) }}" {#data-toggle="modal" data-target="#lecture_news"#}>
  721.                                                  <img class="media-object w-100"
  722.                                                      src=" {{ asset('uploads/news/' ~ news.image) }}" alt="...">
  723.                                             </a>
  724.                                             {%endif%}
  725.                                             {#<a class="a1" href="{{ path('site_news_show',{'id': news.id}) }}">
  726.                                                 <img class="media-object w-100"
  727.                                                      src=" {{ asset('uploads/news/' ~ news.image) }}" alt="...">
  728.                                             </a>#}
  729.                                         </div>
  730.                                     </div>
  731.                                     <div class="media-body">
  732.                                         <h6 class="media-heading">
  734.                                             <small class="font-weight-bold"
  735.                                                    style="color:#2ca4e8">{{ news.date? news.date|date("d/m/Y"):'' }} |
  736.                                                 <font style="color:#28a745">
  737.                                                     {% for type in news.type %}
  738.                                                         {{ type.libelle }}
  739.                                                     {% endfor %}
  740.                                                 </font>
  743.                                                 {% set i=0 %}
  744.                                                {% for commentaire  in commentaires %}
  745.                                                {% if commentaire.news.id == news.id and commentaire.status==1 %}
  746.                                                 {% set i=i+1 %}
  748.                                                {% endif %}
  749.                                                {% endfor %}
  750.                                                {% if i %}
  751.                                                <span class="badge bg-info" style="font-size:12px"title="Le nombre de commentaires sur l'article" >{{i}}  </span>
  752.                                                 {% endif %}
  753.                                                 </small><br>
  754.                                                  {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  755.                                             <a class="a1" href="{{ path('site_news_show',{'id': news.id}) }}">{{ news.titre|slice(0,100) }}</a>
  756.                                             {%else%}
  757.                                             <a class="a1" href="{{ path('site_news_show',{'id': news.id}) }}" data-toggle="modal" data-target="#lecture_news">{{ news.titre|slice(0,100) }}</a>
  758.                                             {% endif %}
  759.                                         </h6>
  761.                                     </div>
  762.                                 </div>
  763.                             </div>
  765.                         {% endif %}
  766.                         <hr>
  767.                     {% endfor %}
  768.                     {#
  772.                     <div class="col-md-6 col-sm-12">
  773.                         <div class="media">
  774.                             <div class="media-left w-20">
  775.                                 <div class="of-img-hoverable">
  776.                                     <a href="#">
  777.                                         <img class="media-object w-100" src="{{ asset('assets/site/img/img-15.jpg') }}">
  778.                                     </a>
  779.                                 </div>
  780.                             </div>
  782.                             <div class="media-body">
  783.                                 <h6 class="media-heading">
  785.                                     <small class="font-weight-bold"><i class="fa fa-calendar-alt"></i> 06/02/2021 | <font style="color:#28a745">Economie/Forex</font></small><br>
  786.                                     <a href="#!">Lorem ipsum dolor sit amet, ebitis dolorum eius eum facere </a>
  787.                                 </h6>
  789.                             </div>
  790.                         </div>
  791.                     </div>
  792.                     #}
  795.                 </div>
  798.             </div>
  800.             {#block Formation #}
  801.             <div class="block block-green mb-5">
  802.                 <h3 class="block-title">
  803.                     <span>Nos Formations</span>
  804.                     <div class="carousel-nav">
  805.                         <a href="#" class="btn btn-sm last-news-prev" id="last-news-prev"><i
  806.                                     class="fa fa-chevron-left"></i></a>
  807.                         <a href="#" class="btn btn-sm last-news-next" id="last-news-next"><i
  808.                                     class="fa fa-chevron-right"></i></a>
  809.                     </div>
  811.                 </h3>
  813.                 <div class="carousel-wrap">
  814.                     <div class="owl-carousel owl-theme" id="news-carousel">
  815.                         {% for programme in programmes %}
  816.                             <div class="item card mb-1 ">
  817.                                 <div class="of-img-hoverable">
  818.                                     <a href="{{ path('site_formation_show',{'id': programme.id}) }}"
  819.                                        title="{{ programme.formation.titre }}">
  820.                                         <img src="{{ programme.formation.image?asset("uploads/formations/#{programme.formation.getImage()}"):asset('uploads/formations/default.jpg') }}"
  821.                                              class="card-img-top" alt="">
  822.                                     </a>
  823.                                 </div>
  824.                                 <div class="card-body">
  825.                                     <p class="m-0">
  826.                                         <small class="badge badge-info">
  827.                                             <i class="fa fa-calendar-alt"></i> {{ programme.dateDebut?programme.dateDebut|date('d/m/Y'):'<i>Prochainement</i>'|raw }}
  828.                                         </small>
  829.                                         {% for cat in programme.formation.categorie %}
  830.                                             <small class="badge badge-success"> {{ cat.titre }} </small>
  831.                                         {% endfor %}
  832.                                     </p>
  833.                                     <h6 class="card-title text-truncate"><a
  834.                                                 href="{{ path('site_formation_show',{'id': programme.id}) }}"
  835.                                                 title="{{ programme.formation.titre }}">{{ programme.formation.titre }}</a>
  836.                                     </h6>
  837.                                     <p class="card-text"></p>
  838.                                 </div>
  839.                             </div>
  840.                         {% endfor %}
  841.                         {#
  843.                         <div class="item card mb-1">
  844.                             <div class="of-img-hoverable">
  845.                                 <img src="{{ asset('assets/site/img/img-10.jpg') }}" class="card-img-top" alt="...">
  846.                             </div>
  847.                             <div class="card-body">
  848.                                 <h6 class="card-title">Formation business by Orishas Finance</h6>
  849.                                 <p class="card-text"></p>
  850.                             </div>
  851.                         </div>
  852.                        #}
  853.                     </div>
  854.                 </div>
  855.                 <div class="mx-auto text-center mt-3">
  857.                         <a href="{{ path('site_formation') }}" class="btn btn-outline-primary">voir plus >></a>
  860.                 </div>
  862.             </div>
  863.             {#End:block Formation #}
  866.         </div>
  868.         <div class="col-md-3 mb-2">
  869.             <div class="block block-green" style="display:none">
  870.                 <h3 class="block-title"><span>Nos Services</span></h3>
  871.                 <div class="mb-2">
  872.                     <div class="list-group">
  874.                         <a href="#" class="list-group-item list-group-item-action services-link">Service 1</a>
  875.                         <a href="#" class="list-group-item list-group-item-action services-link">Service 2</a>
  876.                         <a href="#" class="list-group-item list-group-item-action services-link">Service 3</a>
  877.                         <a href="#" class="list-group-item list-group-item-action services-link">Service 4</a>
  878.                         <a href="#" class="list-group-item list-group-item-action services-link">Service 6</a>
  880.                     </div>
  881.                     <div class="mx-auto p-1">
  882.                         <a href="" class="btn btn-outline-primary btn-block centered">En voir plus</a>
  883.                     </div>
  884.                 </div>
  886.             </div>
  889.             <div class="block block-gray mb-5">
  890.                 <h3 class="block-title"><span>Publicité</span></h3>
  892.                 {#<div>
  894.                     {% for publicite in publicites %}
  895.                         {% if( (publicite.espace=="Pub") and (publicite.status=="1")) %}
  896.                             {% if publicite.type.libelle =="Image" %}
  898.                                 <p>
  899.                                     <img src="{{ asset('uploads/publicites/' ~ publicite.support) }}" width="250px"
  900.                                          height="200px" alt="...">
  901.                                 </p>
  902.                             {% elseif publicite.type.libelle =="Video" %}
  903.                                 <p>
  904.                                     <video controls src="{{ asset('uploads/publicites/' ~ publicite.support) }}"
  905.                                            width="220px" height="210px"></video>
  906.                                 </p>
  907.                             {% else %}
  908.                                 <p><a href="{{ asset('uploads/publicites/' ~ publicite.support) }}"
  909.                                       target="_blank">Voir</a></p>
  910.                             {% endif %}
  911.                         {% endif %}
  912.                     {% endfor %}
  915.                 </div>#}
  916.             </div>
  918.             <div class="block block-green">
  919.                 <h3 class="block-title"><span>ORISHAS TV</span>
  920.                     <div class="float-right">
  922.                             <a href="{{ path('site_videos') }}" class="font-italic small font-weight-bold">voir plus
  923.                                 >></a>
  927.                     </div>
  928.                 </h3>
  929.                 <div class="card">
  930.                     {% for video in videosa %}
  932.                         {% if video.type == '0' %}
  933.                             <a href="{{ path('site_videos_show',{id: video.id,cat: video.categorie.id}) }}" class="js-video-button-off" data-video-id='{{ video.youtubeId }}'
  934.                                data-channel="youtube">
  935.                                 <div class="of-video-img-1">
  936.                                     <i class="fa fa-play-circle fa-4x"></i>
  937.                                     <img src="{{ asset("uploads/videos/thumbnails/#{video.getThumbnail()}") }}"
  938.                                          class="card-img-top" alt="...">
  939.                                 </div>
  940.                                 <div class="card-body">
  941.                                     <h6 class="card-title">
  942.                                         {{ video.libelle }}
  943.                                     </h6>
  944.                                     <div class="card-text">
  945.                                     <div class="float-right">
  948.                                         <a href="{{ path('site_videos_show',{id: video.id,cat: video.categorie.id}) }}" class="js-video-button-off font-italic small font-weight-bold" data-video-id='{{ video.youtubeId }}'
  949.                                            data-channel="youtube">Voir la
  950.                                             vidéo >></a>
  951.                                     </div>
  952.                                     </div>
  953.                                 </div>
  954.                             </a>
  955.                             <hr>
  958.                         {% endif %}
  959.                     {% endfor %}
  961.                 </div>
  964.             </div>
  965.         </div>
  966.     </section>
  968.     <section class="row">
  969.         <div class="col-md-12 mb-4">
  970.             {#block Calendrier_eco #}
  972.             <div class="block block-primary">
  973.                 <h3 class="block-title"><span>Evénements Economiques</span>
  974.                     <div class="float-right">
  975.                         {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  976.                             <a href="{{ path('site_evenements') }}" class="font-italic small font-weight-bold">Voir
  977.                                 plus >></a>
  978.                                  {% else %}
  979.                            <a href="{{ path('site_evenements') }}" class="font-italic small font-weight-bold" data-toggle="modal" data-target="#lecture_evenene">Voir
  980.                                 plus >></a>
  981.                                 {% endif %}
  983.                     </div>
  984.                 </h3>
  986.                 <div class="row">
  987.                     <div class="col-md-4">
  988.                         {% if evenements %}
  989.                             Export
  990.                             {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  992.                                 <a href="{{ path('site_export_bulk',{'page':'home'}) }}" class="btn btn-sm btn-outline-danger"><i class="fa fa-file-pdf"></i> Pdf
  993.                                 </a>
  994.                                 <a href="{{ path('site_export_csv_bulk',{'format':'xlsx','page':'home'}) }}" class="btn btn-sm btn-outline-info">
  995.                                     <i class="fa fa-file-excel"></i> Excel
  996.                                 </a>
  997.                             {% else %}
  999.                                 <button class="btn btn-sm btn-outline-danger" data-toggle="modal"
  1000.                                         data-target="#exampleModal"><i class="fa fa-file-pdf"></i> Pdf
  1001.                                 </button>
  1002.                                 <button class="btn btn-sm btn-outline-info" data-toggle="modal" data-target="#exampleModal">
  1003.                                     <i class="fa fa-file-excel"></i> Excel
  1004.                                 </button>
  1005.                             {% endif %}
  1008.                         {% endif %}
  1009.                         <button type="button" id="exporttable" style="display:none"
  1010.                                 class="btn btn-lg btn-info clearfix">
  1011.                             <span class="fa fa-file-pdf-o"></span> PDF
  1012.                         </button>
  1013.                         <button id="exportButton" style="display:none" class="btn btn-lg btn-success clearfix"><span
  1014.                                     class="fa fa-file-pdf-o"></span> PDF
  1015.                         </button>
  1016.                     </div>
  1017.                     <div class="col-md-8" style="display:none">
  1018.                         <input class="form-control" id="myInput" name="myInput" placeholder="Recherche"/>
  1019.                     </div>
  1020.                 </div>
  1021.                 <div class="table-responsive">
  1022.                     <table class="table table-hover table-sm" id="htmltable">
  1023.                         <thead>
  1024.                         <tr>
  1025.                             <th scope="col" class="">Heure</th>
  1026.                             <th scope="col">Pays</th>
  1027.                             <th scope="col">Evénement</th>
  1028.                             <th scope="col">Volatilité</th>
  1029.                             <th scope="col">Actuel</th>
  1030.                             <th scope="col">Prévision</th>
  1031.                             <th scope="col">Précedent</th>
  1032.                         </tr>
  1033.                         </thead>
  1034.                         <tbody>
  1035.                         <tr>
  1036.                             <th colspan="7"
  1037.                                 style="background-color: lightgray; text-align: center; font-weight: bold;">{{ "now"|date('d/m/Y') }}</th>
  1038.                         </tr>
  1039.                         {% for evenement in evenements %}
  1040.                             <tr>
  1041.                                 <td>
  1042.                                     {% if evenement.importance!=0 %}
  1043.                                         {{ evenement.heure? evenement.heure|date("H:i"):'' }}
  1045.                                     {% else %}
  1046.                                         <span class="">Toute la journée</span>
  1047.                                     {% endif %}
  1048.                                 </td>
  1049.                                 <td><i class="flag-icon flag-icon-{{ evenement.pays.isoCode2|lower }}"
  1050.                                        title="{{ evenement.pays.nompays }}"></i> {{ evenement.pays.monnaieCode }}</td>
  1051.                                 <td>
  1052.                                     {{ evenement.nom }} {{ evenement.periode }}
  1054.                                     {% if evenement.importance!=0 %}
  1055.                                         {% if evenement.precedente is null %}
  1056.                                             <i class="fa fa-bullhorn" style="font-size:20px;color:#019934"></i>
  1058.                                         {% endif %}
  1059.                                     {% else %}
  1060.                                         <span class=""></span>
  1061.                                     {% endif %}
  1062.                                 </td>
  1063.                                 <td>
  1064.                                     {% if evenement.importance == 1 %}
  1065.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1066.                                         <i class="fa fa-star" style="color: var(--color-gray);"></i>
  1067.                                         <i class="fa fa-star" style="color: var(--color-gray);"></i>
  1068.                                     {% elseif evenement.importance == 2 %}
  1069.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1070.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1071.                                         <i class="fa fa-star" style="color: var(--color-gray);"></i>
  1072.                                     {% elseif evenement.importance == 3 %}
  1073.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1074.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1075.                                         <i class="fa fa-star" style="color: var(--color-primary);"></i>
  1076.                                     {% else %}
  1077.                                         {{ evenement.fullImportance }}
  1078.                                     {% endif %}
  1079.                                 </td>
  1080.                                  <td>{{ evenement.actuelle|compare_actuelle(evenement.prevision)|raw }}</td>
  1081.                                  <td>{{ evenement.prevision }}</td>
  1082.                                     <td>{{ evenement.precedente|compare_precedent(evenement.compaprecedent)|raw }} </td>
  1083.                                {# <td>
  1084.                                     {% if (evenement.actuelle|number_format) > (evenement.prevision|number_format) and  evenement.prevision!=null %}
  1085.                                         <span style="font-weight: bold;color:green">{{ evenement.actuelle }}</span>
  1086.                                     {% elseif (evenement.actuelle|number_format) < (evenement.prevision|number_format) %}
  1087.                                         <span style="font-weight: bold;color:red">{{ evenement.actuelle }}</span>
  1088.                                     {% else %}
  1089.                                         <span style="font-weight: bold">{{ evenement.actuelle }}</span>
  1090.                                     {% endif %}
  1092.                                 </td>
  1093.                                 <td><span class="">{{ evenement.prevision }}</span></td>
  1094.                                 <td>
  1095.                                     {% if evenement.precedente > evenement.compaprecedent %}
  1096.                                         <span>{{ evenement.precedente }}</span>
  1097.                                         <i class="fa fa-dot-circle"
  1098.                                            title="Révision de {{ evenement.compaprecedent }}"></i>
  1100.                                     {% elseif (evenement.precedente ) == (evenement.compaprecedent) %}
  1101.                                         <span class="" style="">{{ evenement.precedente }}</span>
  1102.                                     {% else %}
  1103.                                         <span>{{ evenement.precedente }}</span>
  1104.                                         <i class="fa fa-dot-circle"
  1105.                                            title="Révision de {{ evenement.compaprecedent }}"></i>
  1106.                                     {% endif %}
  1109.                                 </td>#}
  1110.                             </tr>
  1111.                         {% else %}
  1112.                             <tr>
  1113.                                 <td colspan="7" style="text-align:center;"> Aucun événement prévu a cette date</td>
  1114.                             </tr>
  1115.                         {% endfor %}
  1118.                         </tbody>
  1119.                     </table>
  1120.                 </div>
  1121.             </div>
  1122.             <!-- Modal -->
  1123.             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  1124.                  aria-hidden="true">
  1125.                 <div class="modal-dialog" role="document">
  1126.                     <div class="modal-content">
  1127.                         <div class="modal-header" style="text-align:center">
  1130.                             <h5 class="modal-title" id="exampleModalLabel">Accès membre  Orishas-Finance</h5>
  1131.                             <button type="button" class="close " data-dismiss="modal" aria-label="Close">
  1132.                                 <span aria-hidden="true">&times;</span>
  1133.                             </button>
  1134.                         </div>
  1135.                         <div class="modal-body">
  1136.                         <div class="row">
  1137.                         <div class="col-md-5">
  1138.                             <img src="{{ asset('assets/site/images/logoh.png') }}" alt="Orishas-finance" width="150px;"
  1139.                                  height="40px;">
  1140.                                 </div>
  1141.                                 <div class="col-md-7">
  1142.                             INFORMATIONS RÉSERVÉES AUX MEMBRES
  1143.                             </div>
  1144.                         </div>
  1146.                         </div>
  1147.                         <div class="modal-footer">
  1148.                         L'accès à cette fiche est réservé à nos membres:
  1149.                         <br>
  1150.                         <hr>
  1151.                         <a href="{{ path('app_login') }}" align="left" class="btn btn-primary">connectez-vous</a>
  1152.                          <a href="{{ path('app_register') }}" class="btn btn-secondary">Devenez membre gratuitement</a>
  1154.                         </div>
  1155.                     </div>
  1156.                 </div>
  1157.             </div>
  1159.             <!-- Modal Calendrier Economique -->
  1160.             <div class="modal fade" id="lecture_evenene" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  1161.                  aria-hidden="true">
  1162.                 <div class="modal-dialog" role="document">
  1163.                    <div class="modal-content">
  1164.                         <div class="modal-header" style="text-align:center">
  1167.                             <h5 class="modal-title" id="exampleModalLabel">Accès membre  Orishas-Finance</h5>
  1168.                             <button type="button" class="close " data-dismiss="modal" aria-label="Close">
  1169.                                 <span aria-hidden="true">&times;</span>
  1170.                             </button>
  1171.                         </div>
  1172.                         <div class="modal-body">
  1173.                         <div class="row">
  1174.                         <div class="col-md-5">
  1175.                             <img src="{{ asset('assets/site/images/logoh.png') }}" alt="Orishas-finance" width="150px;"
  1176.                                  height="40px;">
  1177.                                 </div>
  1178.                                 <div class="col-md-7">
  1179.                             INFORMATIONS RÉSERVÉES AUX MEMBRES
  1180.                             </div>
  1181.                         </div>
  1183.                         </div>
  1184.                         <div class="modal-footer">
  1185.                         L'accès à cette fiche est réservé à nos membres:
  1186.                         <br>
  1187.                         <hr>
  1188.                         <a href="{{ path('app_login') }}" align="left" class="btn btn-primary">connectez-vous</a>
  1189.                          <a href="{{ path('app_register') }}" class="btn btn-secondary">Devenez membre gratuitement</a>
  1191.                         </div>
  1192.                     </div>
  1193.                 </div>
  1194.             </div>
  1196.             <!-- Modal News Financières -->
  1197.             <div class="modal fade" id="lecture_news" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  1198.                  aria-hidden="true">
  1199.                 <div class="modal-dialog" role="document">
  1200.                     <div class="modal-content">
  1201.                         <div class="modal-header" style="text-align:center">
  1204.                             <h5 class="modal-title" id="exampleModalLabel">Accès membre  Orishas-Finance</h5>
  1205.                             <button type="button" class="close " data-dismiss="modal" aria-label="Close">
  1206.                                 <span aria-hidden="true">&times;</span>
  1207.                             </button>
  1208.                         </div>
  1209.                         <div class="modal-body">
  1210.                         <div class="row">
  1211.                         <div class="col-md-5">
  1212.                             <img src="{{ asset('assets/site/images/logoh.png') }}" alt="Orishas-finance" width="150px;"
  1213.                                  height="40px;">
  1214.                                 </div>
  1215.                                 <div class="col-md-7">
  1216.                             INFORMATIONS RÉSERVÉES AUX MEMBRES
  1217.                             </div>
  1218.                         </div>
  1220.                         </div>
  1221.                         <div class="modal-footer">
  1222.                         L'accès à cette fiche est réservé à nos membres:
  1223.                         <br>
  1224.                         <hr>
  1225.                         <a href="{{ path('app_login') }}" align="left" class="btn btn-primary">connectez-vous</a>
  1226.                          <a href="{{ path('app_register') }}" class="btn btn-secondary">Devenez membre gratuitement</a>
  1228.                         </div>
  1229.                     </div>
  1230.                 </div>
  1231.             </div>
  1232.             {#End:block Calendrier_eco #}
  1233.         </div>
  1234.     </section>
  1235.     <section class="row">
  1236.         <div class="col-md-12 mb-4">
  1239.             <div class="block block-gray">
  1240.                 <h3 class="block-title"><span>Nos partenaires</span></h3>
  1243.                 <div class="carousel-wrap">
  1244.                     <div class="owl-carousel owl-theme " id="patner-carousel">
  1247.                         {% for partenaire in partenaires %}
  1248.                             {% if (partenaire.status==true) %}
  1249.                                 <div class="item card">
  1250.                                     <a href="{{ path('show_partenaire', {'id': partenaire.id,'nom': partenaire.nom}) }}">
  1251.                                         <img src="{{ asset('uploads/partenaires/' ~ partenaire.logo) }}"
  1252.                                              class="card-img-top" alt="..." width="200" height="100">
  1253.                                     </a>
  1256.                                 </div>
  1257.                             {% endif %}
  1258.                         {% endfor %}
  1260.                     </div>
  1261.                 </div>
  1264.             </div>
  1266.         </div>
  1267.     </section>
  1270. {% endblock %}
  1272. {% block scripts %}
  1275.     {#<script>
  1276.         //First one
  1277.         function sendNotif(){
  1278.             Push.create("ORISHAS FINANCE", {
  1279.             body: "Vous avez 10 News en attentes de lecture'?",
  1280.             icon: 'https://www.orishas-finance.com/assets/site/images/icon_logo.jpg',
  1281.             link: 'actualites',
  1282.             timeout: 5000,
  1283.             onClick: function () {
  1284.                 window.location ="https://www.orishas-finance.com/actualites";
  1285.                 this.close();
  1286.             }
  1287.             });
  1288.             }
  1290.             $(document).ready(function() {
  1291.                 sendNotif();
  1292.              });
  1293.     </script>#}
  1296.     <script>
  1297.         $(function () {
  1298.             $("#exporttable").click(function (e) {
  1299.                 var table = $("#htmltable");
  1300.                 if (table && table.length) {
  1301.                     $(table).table2excel({
  1302.                         exclude: ".noExl",
  1303.                         name: "Excel Document Name",
  1304.                         filename: "BBBootstrap" + new Date().toISOString().replace(/[\-\:\.]/g, "") + ".xls",
  1305.                         fileext: ".xls",
  1306.                         exclude_img: true,
  1307.                         exclude_links: true,
  1308.                         exclude_inputs: true,
  1309.                         preserveColors: false
  1310.                     });
  1311.                 }
  1312.             });
  1314.         });
  1315.     </script>
  1316.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  1317.     {#<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>#}
  1319. <!--    <script>
  1320.         $(document).ready(function () {
  1321.             $("#myInput").on("keyup", function () {
  1322.                 var value = $(this).val().toLowerCase();
  1323.                 $("#myTable tr").filter(function () {
  1324.                     $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  1325.                 });
  1326.             });
  1327.         });
  1328.     </script>-->
  1330.     {#<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
  1331.     <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>#}
  1332.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  1333.     <script src="{{ asset('assets/common/modal-video-player/js/jquery-modal-video.js') }}"></script>
  1336.     <!-- you need to include the shieldui css and js assets in order for the components to work -->
  1337.     <link rel="stylesheet" type="text/css"
  1338.           href="http://www.shieldui.com/shared/components/latest/css/light/all.min.css"/>
  1339.     <script type="text/javascript"
  1340.             src="http://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>
  1341.     <script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/jszip.min.js"></script>
  1343.     <script type="text/javascript">
  1344.         jQuery(function ($) {
  1345.             $("#exportButton").click(function () {
  1346.                 // parse the HTML table element having an id=exportTable
  1347.                 var dataSource = shield.DataSource.create({
  1348.                     data: "#myTable",
  1349.                     schema: {
  1350.                         type: "table",
  1351.                         fields: {
  1352.                             Heure: {type: String},
  1353.                             Pays: {type: String},
  1354.                             Evénement: {type: String},
  1355.                             Volatilité: {type: String},
  1356.                             Actuel: {type: String},
  1357.                             Prévision: {type: String},
  1358.                             Précedente: {type: String}
  1359.                         }
  1360.                     }
  1361.                 });
  1363.                 // when parsing is done, export the data to PDF
  1364.                 dataSource.read().then(function (data) {
  1365.                     var pdf = new shield.exp.PDFDocument({
  1366.                         author: "PrepBootstrap",
  1367.                         created: new Date()
  1368.                     });
  1370.                     pdf.addPage("a4", "portrait");
  1372.                     pdf.table(
  1373.                         50,
  1374.                         50,
  1375.                         data,
  1376.                         [
  1377.                             {field: "Heure", title: "Heure", width: 20},
  1378.                             {field: "Pays", title: "Pays", width: 20},
  1379.                             {field: "Evénement", title: "Evenment", width: 200},
  1380.                             {field: "Volatilité", title: "Volatilité"},
  1381.                             {field: "Actuel", title: "Actuel"},
  1382.                             {field: "Prévision", title: "Prevision"},
  1383.                             {field: "Précedente", title: "Précedent"}
  1384.                         ],
  1385.                         {
  1386.                             margins: {
  1387.                                 top: 50,
  1388.                                 left: 50
  1389.                             }
  1390.                         }
  1391.                     );
  1393.                     pdf.saveAs({
  1394.                         fileName: "PrepBootstrapPDF"
  1395.                     });
  1396.                 });
  1397.             });
  1398.         });
  1399.     </script>
  1402.     <script>
  1403.         // Wrap every letter in a span
  1404.         var textWrapper = document.querySelector('.ml11 .letters');
  1405.         textWrapper.innerHTML = textWrapper.textContent.replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>");
  1407.         anime.timeline({loop: true})
  1408.             .add({
  1409.                 targets: '.ml11 .line',
  1410.                 scaleY: [0, 1],
  1411.                 opacity: [0.5, 1],
  1412.                 easing: "easeOutExpo",
  1413.                 duration: 700
  1414.             })
  1415.             .add({
  1416.                 targets: '.ml11 .line',
  1417.                 translateX: [0, document.querySelector('.ml11 .letters').getBoundingClientRect().width + 10],
  1418.                 easing: "easeOutExpo",
  1419.                 duration: 700,
  1420.                 delay: 100
  1421.             }).add({
  1422.             targets: '.ml11 .letter',
  1423.             opacity: [0, 1],
  1424.             easing: "easeOutExpo",
  1425.             duration: 600,
  1426.             offset: '-=775',
  1427.             delay: (el, i) => 34 * (i + 1)
  1428.         }).add({
  1429.             targets: '.ml11',
  1430.             opacity: 0,
  1431.             duration: 5000,
  1432.             easing: "easeOutExpo",
  1433.             delay: 5000
  1434.         });
  1435.     </script>
  1436.     <script>
  1437.         // Hero slider JS
  1438.         $(document).ready(function () {
  1441.             $('.main-slide').owlCarousel({
  1442.                 margin: 10,
  1443.                 loop: true,
  1444.                 autoplay: true,
  1445.                 autoplayHoverPause: false,
  1446.                 nav: false,
  1447.                 dots: false,
  1448.                 navText: ["<div class='nav-btn prev-slide'></div>", "<div class='nav-btn next-slide'></div>"],
  1449.                 responsive: {
  1450.                     0: {
  1451.                         items: 1
  1452.                     },
  1453.                     600: {
  1454.                         items: 2
  1455.                     },
  1456.                     1000: {
  1457.                         items: 3
  1458.                     }
  1459.                 }
  1460.             });
  1462.             var lastestNews = $('#news-carousel'), patnerCarousel = $('#patner-carousel, #client-carousel');
  1464.             lastestNews.owlCarousel({
  1465.                 margin: 10,
  1466.                 dots: false,
  1467.                 loop: true,
  1468.                 autoplay: false,
  1469.                 /*nav: false,
  1470.                 navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],*/
  1471.                 responsive: {
  1472.                     0: {
  1473.                         items: 2
  1474.                     },
  1475.                     600: {
  1476.                         items: 3
  1477.                     },
  1478.                     1000: {
  1479.                         items: 4
  1480.                     }
  1481.                 }
  1482.             });
  1485.             $('.last-news-prev').click(function (e) {
  1486.                 e.preventDefault();
  1487.                 //alert('lorem');
  1488.                 lastestNews.trigger('prev.owl.carousel');
  1489.             });
  1490.             $('.last-news-next').click(function (e) {
  1491.                 e.preventDefault();
  1492.                 lastestNews.trigger('next.owl.carousel');
  1493.             });
  1496.             patnerCarousel.owlCarousel({
  1497.                 margin: 10,
  1498.                 dots: false,
  1499.                 loop: true,
  1500.                 autoplay: true,
  1501.                 /*nav: false,
  1502.                 navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],*/
  1503.                 responsive: {
  1504.                     0: {
  1505.                         items: 2
  1506.                     },
  1507.                     600: {
  1508.                         items: 4
  1509.                     },
  1510.                     1000: {
  1511.                         items: 5
  1512.                     }
  1513.                 }
  1514.             });
  1516.             // video modal
  1517.             $(".js-video-button").modalVideo({
  1518.                 channel: 'youtube',
  1519.                 youtube: {
  1520.                     autoplay: 1,
  1521.                     cc_load_policy: 1,
  1522.                     color: null,
  1523.                     controls: 1,
  1524.                     disablekb: 0,
  1525.                     enablejsapi: 0,
  1526.                     fs: 1,
  1527.                     iv_load_policy: 1,
  1528.                     list: null,
  1529.                     listType: null,
  1530.                     loop: 0,
  1531.                     rel: 0,
  1532.                     showinfo: 1,
  1533.                     start: 0,
  1534.                     wmode: 'transparent',
  1535.                     theme: 'dark'
  1536.                 },
  1537.                 ratio: '16:9',
  1538.                 vimeo: {
  1539.                     api: false,
  1540.                     autopause: true,
  1541.                     autoplay: true,
  1542.                     byline: true,
  1543.                     callback: null,
  1544.                     color: null,
  1545.                     height: null,
  1546.                     loop: false,
  1547.                     maxheight: null,
  1548.                     maxwidth: null,
  1549.                     muted: false,
  1550.                     player_id: null,
  1551.                     portrait: true,
  1552.                     title: true,
  1553.                     width: null,
  1554.                     xhtml: false
  1555.                 },
  1556.             });
  1558.         })
  1559.     </script>
  1560.     {#<script src="{{ asset('assets/site/tooltip/tooltip.js')}}"></script>#}
  1561.   {#  <script src="{{ asset('assets/site/js/jquery.glossarize.js')}}"></script>
  1563.     <script>
  1565.         $(function(){
  1567.           $('.corps').glossarizer({
  1569.             sourceURL: "{{ asset('assets/site/css/glossary.json')}}",
  1570.             callback: function(){
  1571.               new tooltip();
  1572.             }
  1573.           });
  1576.         });
  1578.         </script>#}
  1579.         {# Début Glossaire js #}
  1581.     <script src="{{ asset('assets/site/js/jquery.glossarize.js')}}"></script>
  1583.     <script>
  1585.         $(function(){
  1587.           $('.corpss').glossarizer({
  1589.             sourceURL: "{{ asset('assets/site/css/glossary.json')}}",
  1590.             callback: function(){
  1591.               new tooltip();
  1592.             }
  1593.           });
  1596.         });
  1598.         </script>
  1601.     {# Fin glossaire js #}
  1602.         <script>
  1604.             // $( "abbr" ).wrap( "<a  href='https://orishas-finance.com/glossaire'> Glossaire </a>" );
  1605.             //$( ".glossarizer_replaced" ).wrap( "a" ).attr('href', 'https://orishas-finance.com/glossaire');
  1606.            // $( ".glossarizer_replaced" ).wrap( "<a  href='https://orishas-finance.com/glossaire'> Glossaire </a>" );
  1607.         </script>
  1608.         <script type="text/javascript">
  1609.            // $(".glossarizer_replaced").wrapAll('<a href="https://orishas-finance.com/glossaire">ORISHAS GLOSSAIRE</a>');
  1610.         </script>
  1611. {% endblock %}