var/cache/dev/twig/4a/4a242bb2f8f0a45393a757cbd55bace58ce0743d1816bfc99db5749fe4915a06.php line 451

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* paiment/virement.html.twig */
  16. class __TwigTemplate_b7da93387366f9017fc92b238532098cc3216420274bd143df8097e888c73fc6 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros = $this->macros;
  36.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "paiment/virement.html.twig"));
  39.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "paiment/virement.html.twig"));
  42.         // line 1
  43.         echo "
  44. <!DOCTYPE html>
  45. <html>
  47. ";
  48.         // line 5
  49.         $this->loadTemplate("includes/head.html.twig", "paiment/virement.html.twig", 5)->display($context);
  50.         // line 6
  51.         echo "<body>
  52. <!-- Page Loader
  53. ========================================================= -->
  54. <div class=\"loader-container\" id=\"page-loader\"> 
  55.   <div class=\"loading-wrapper loading-wrapper-hide\">
  56.   \t<div class=\"loader-animation\" id=\"loader-animation\">
  57.   \t\t<svg class=\"svg-loader\" width=100 height=100>
  58. \t\t  <circle cx=50 cy=50 r=25 />
  59. \t\t</svg>
  60.   \t</div>    
  61.     <!-- Edit With Your Name -->
  62.     <div class=\"loader-name\" id=\"loader-name\">
  63.       <img src=\"img/loader-logo.png\" alt=\"\">
  64.     </div>
  65.     <!-- /Edit With Your Name -->
  66.     <!-- Edit With Your Job -->
  67.     <p class=\"loader-job\" id=\"loader-job\">June 4-8 2016 @ New York City</p>
  68.     <!-- /Edit With Your Job -->
  69.   </div>   
  70. </div>
  71. <!-- /End of Page loader
  72. ========================================================= -->
  74. <!-- Header
  75. ================================================== -->
  77. ";
  78.         // line 32
  79.         $this->loadTemplate("includes/header.html.twig", "paiment/virement.html.twig", 32)->display($context);
  80.         // line 33
  81.         echo "
  82. <!-- /Header
  83. ================================================== -->
  86. <div class=\"page-wrapper\" style=\"min-height:600px;\">
  87. \t
  88. \t<div id=\"body-content\" style=\"background-color:white\">
  90. \t\t<style>
  91. .anisawadni table td {
  92.     vertical-align: top;
  93. }
  95. .anisawadni .body-wrap {
  96.     background-color: #f6f6f6;
  97.     width: 100%;
  98. }
  100. .anisawadni .container {
  101.     display: block !important;
  102.     max-width: 600px !important;
  103.     margin: 0 auto !important;
  104.     /* makes it centered */
  105.     clear: both !important;
  106. }
  108. .anisawadni .content {
  109.     max-width: 600px;
  110.     margin: 0 auto;
  111.     display: block;
  112.     padding: 20px;
  113. }
  115. /* -------------------------------------
  116.     HEADER, FOOTER, MAIN
  117. ------------------------------------- */
  118. .anisawadni .main {
  119.     background: #fff;
  120.     border: 1px solid #e9e9e9;
  121.     border-radius: 3px;
  122. }
  124. .anisawadni .content-wrap {
  125.     padding: 20px;
  126. }
  128. .anisawadni .content-block {
  129.     padding: 0 0 20px;
  130. }
  132. .anisawadni .header {
  133.     width: 100%;
  134.     margin-bottom: 20px;
  135. }
  137. .anisawadni .footer {
  138.     width: 100%;
  139.     clear: both;
  140.     color: #999;
  141.     padding: 20px;
  142. }
  143. .anisawadni  .footer a {
  144.     color: #999;
  145. }
  146. .anisawadni .footer p, .footer a, .footer unsubscribe, .footer td {
  147.     font-size: 12px;
  148. }
  150. /* -------------------------------------
  151.     TYPOGRAPHY
  152. ------------------------------------- */
  153. .anisawadni h1, h2, h3 {
  154.     font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;
  155.     color: #000;
  156.     margin: 40px 0 0;
  157.     line-height: 1.2;
  158.     font-weight: 400;
  159. }
  161. .anisawadni h1 {
  162.     font-size: 32px;
  163.     font-weight: 500;
  164. }
  166. .anisawadni h2 {
  167.     font-size: 24px;
  168. }
  170. .anisawadni h3 {
  171.     font-size: 18px;
  172. }
  174. .anisawadni h4 {
  175.     font-size: 14px;
  176.     font-weight: 600;
  177. }
  179. .anisawadni p, ul, ol {
  180.     margin-bottom: 10px;
  181.     font-weight: normal;
  182. }
  183. .anisawadni p li, ul li, ol li {
  184.     margin-left: 5px;
  185.     list-style-position: inside;
  186. }
  188. /* -------------------------------------
  189.     LINKS & BUTTONS
  190. ------------------------------------- */
  191. .anisawadni a {
  192.     color: #1ab394;
  193.     text-decoration: underline;
  194. }
  196. .anisawadni .btn-primary {
  197.     text-decoration: none;
  198.     color: #FFF;
  199.     background-color: #1ab394;
  200.     border: solid #1ab394;
  201.     border-width: 5px 10px;
  202.     line-height: 2;
  203.     font-weight: bold;
  204.     text-align: center;
  205.     cursor: pointer;
  206.     display: inline-block;
  207.     border-radius: 5px;
  208.     text-transform: capitalize;
  209. }
  211. /* -------------------------------------
  212.     OTHER STYLES THAT MIGHT BE USEFUL
  213. ------------------------------------- */
  214. .anisawadni .last {
  215.     margin-bottom: 0;
  216. }
  218. .anisawadni .first {
  219.     margin-top: 0;
  220. }
  222. .anisawadni .aligncenter {
  223.     text-align: center;
  224. }
  226. .anisawadni .alignright {
  227.     text-align: right;
  228. }
  230. .anisawadni .alignleft {
  231.     text-align: left;
  232. }
  234. .anisawadni .clear {
  235.     clear: both;
  236. }
  238. /* -------------------------------------
  239.     ALERTS
  240.     Change the class depending on warning email, good email or bad email
  241. ------------------------------------- */
  242. .anisawadni .alert {
  243.     font-size: 16px;
  244.     color: #fff;
  245.     font-weight: 500;
  246.     padding: 20px;
  247.     text-align: center;
  248.     border-radius: 3px 3px 0 0;
  249. }
  250. .anisawadni .alert a {
  251.     color: #fff;
  252.     text-decoration: none;
  253.     font-weight: 500;
  254.     font-size: 16px;
  255. }
  256. .anisawadni .alert.alert-warning {
  257.     background: #f8ac59;
  258. }
  259. .anisawadni .alert.alert-bad {
  260.     background: #ed5565;
  261. }
  262. .anisawadni .alert.alert-good {
  263.     background: #1ab394;
  264. }
  266. /* -------------------------------------
  267.     INVOICE
  268.     Styles for the billing table
  269. ------------------------------------- */
  270. .anisawadni .invoice {
  271.     margin: 40px auto;
  272.     text-align: left;
  273.     width: 80%;
  274. }
  275. .anisawadni .invoice td {
  276.     padding: 5px 0;
  277. }
  278. .anisawadni .invoice .invoice-items {
  279.     width: 100%;
  280. }
  281. .anisawadni .invoice .invoice-items td {
  282.     border-top: #eee 1px solid;
  283. }
  284. .anisawadni .invoice .invoice-items .total td {
  285.     border-top: 2px solid #333;
  286.     border-bottom: 2px solid #333;
  287.     font-weight: 700;
  288. }
  290. /* -------------------------------------
  291.     RESPONSIVE AND MOBILE FRIENDLY STYLES
  292. ------------------------------------- */
  293. @media only screen and (max-width: 640px) {
  294.    .anisawadni  h1, h2, h3, h4 {
  295.         font-weight: 600 !important;
  296.         margin: 20px 0 5px !important;
  297.     }
  299.    .anisawadni  h1 {
  300.         font-size: 22px !important;
  301.     }
  303.     .anisawadni h2 {
  304.         font-size: 18px !important;
  305.     }
  307.     .anisawadni h3 {
  308.         font-size: 16px !important;
  309.     }
  311.     .anisawadni .container {
  312.         width: 100% !important;
  313.     }
  315.     .anisawadni .content, .content-wrap {
  316.         padding: 10px !important;
  317.     }
  319.     .anisawadni .invoice {
  320.         width: 100% !important;
  321.     }
  322. }
  323. </style>
  324. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js\"></script>
  326. \t\t<div class=\"section-about\" id=\"section-about\" style=\"background-color:white\">
  327. \t\t\t<div class=\"container-fluid\">
  328. \t\t\t\t<div class=\"row\" style=\"margin-top:10%;background-color:white\">
  329.                    
  330.                    <div class=\"container\">
  331.                    <h2>Virement bancaire </h2>
  332.                    <hr>
  333.                         <div class=\"col-lg-12 anisawadni\">
  334.                    <table class=\"main download-r\" id=\"download-r\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
  335.                     <tbody><tr>
  336.                         <td class=\"content-wrap aligncenter\">
  337.                             <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
  338.                                 <tbody><tr>
  339.                                     <td class=\"content-block\">
  340.                                         <h2>ASTP</h2>
  341.                                     </td>
  342.                                 </tr>
  343.                                 <tr>
  344.                                     <td class=\"content-block\">
  345.                                         <table class=\"invoice\">
  346.                                             <tbody>
  347.                                             
  348.                                             <tr>
  349.                                                 <td>
  350.                                                     <table class=\"invoice-items\" cellpadding=\"0\" cellspacing=\"0\">
  351.                                                         <tbody><tr>
  352.                                                             <td>Nom et prénom </td>
  353.                                                             <td class=\"alignright\">";
  354.         // line 305
  355.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 305, $this->source); })()), "session", [], "any", false, false, false, 305), "get", [0 => "nom"], "method", false, false, false, 305), "html", null, true);
  356.         echo " ";
  357.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 305, $this->source); })()), "session", [], "any", false, false, false, 305), "get", [0 => "prenom"], "method", false, false, false, 305), "html", null, true);
  358.         echo "</td>
  359.                                                         </tr>
  360.                                                         <tr>
  361.                                                             <td>Email</td>
  362.                                                             <td class=\"alignright\">";
  363.         // line 309
  364.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 309, $this->source); })()), "session", [], "any", false, false, false, 309), "get", [0 => "emailSend"], "method", false, false, false, 309), "html", null, true);
  365.         echo "</td>
  366.                                                         </tr>
  367.                                                          <tr>
  368.                                                             <td>Téléphone</td>
  369.                                                             <td class=\"alignright\">";
  370.         // line 313
  371.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 313, $this->source); })()), "session", [], "any", false, false, false, 313), "get", [0 => "phone"], "method", false, false, false, 313), "html", null, true);
  372.         echo "</td>
  373.                                                         </tr>
  374. \t\t\t\t\t\t\t\t\t\t\t\t\t\t   <tr>
  375.                                                             <td>Type</td>
  376.                                                             <td class=\"alignright\">";
  377.         // line 317
  378.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 317, $this->source); })()), "session", [], "any", false, false, false, 317), "get", [0 => "type"], "method", false, false, false, 317), "html", null, true);
  379.         echo "</td>
  380.                                                         </tr>
  381. \t\t\t\t\t\t\t\t\t\t\t\t\t\t   <tr>
  382.                                                             <td>Fonction</td>
  383.                                                             <td class=\"alignright\">";
  384.         // line 321
  385.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 321, $this->source); })()), "session", [], "any", false, false, false, 321), "get", [0 => "fonction"], "method", false, false, false, 321), "html", null, true);
  386.         echo "</td>
  387.                                                         </tr>
  388. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
  389.                                                         <tr class=\"total\">
  390.                                                             <td class=\"alignright\" width=\"80%\">Total</td>
  391.                                                             <td class=\"alignright \"><span class=\"montant\">";
  392.         // line 326
  393.         echo twig_escape_filter($this->env, (isset($context["prix"]) || array_key_exists("prix", $context) ? $context["prix"] : (function () { throw new RuntimeError('Variable "prix" does not exist.', 326, $this->source); })()), "html", null, true);
  394.         echo "</span> TND</td>
  395.                                                         </tr>
  396.                                                     </tbody></table>
  397.                                                 </td>
  398.                                             </tr>
  399.                                         </tbody></table>
  400.                                     </td>
  401.                                 </tr>
  402.                                   <tr>
  403.                         <td colspan=\"4\">
  404.                     ";
  405.         // line 336
  406.         if (array_key_exists("ret", $context)) {
  407.             // line 337
  408.             echo "    ";
  409.             if ( !twig_test_empty((isset($context["ret"]) || array_key_exists("ret", $context) ? $context["ret"] : (function () { throw new RuntimeError('Variable "ret" does not exist.', 337, $this->source); })()))) {
  410.                 // line 338
  411.                 echo "        <div class=\"alert alert-danger\" style=\"    text-align: left;
  412.     color: black;\"> ";
  413.                 // line 339
  414.                 echo twig_escape_filter($this->env, (isset($context["ret"]) || array_key_exists("ret", $context) ? $context["ret"] : (function () { throw new RuntimeError('Variable "ret" does not exist.', 339, $this->source); })()), "html", null, true);
  415.                 echo "</div>
  416.     ";
  417.             }
  418.         }
  419.         // line 342
  420.         echo "
  423.                 ";
  424.         // line 345
  425.         if (array_key_exists("success", $context)) {
  426.             // line 346
  427.             echo "   ";
  428.             if ( !twig_test_empty((isset($context["success"]) || array_key_exists("success", $context) ? $context["success"] : (function () { throw new RuntimeError('Variable "success" does not exist.', 346, $this->source); })()))) {
  429.                 // line 347
  430.                 echo "                <div class=\"alert alert-success\" style=\"text-align: left;
  431.                      color: black;\"> ";
  432.                 // line 348
  433.                 echo twig_escape_filter($this->env, (isset($context["success"]) || array_key_exists("success", $context) ? $context["success"] : (function () { throw new RuntimeError('Variable "success" does not exist.', 348, $this->source); })()), "html", null, true);
  434.                 echo "</div>
  435.                  ";
  436.             }
  437.             // line 350
  438.             echo "                ";
  439.         }
  440.         // line 351
  441.         echo "
  442.                 ";
  443.         // line 352
  444.         if (( !array_key_exists("success", $context) || twig_test_empty((isset($context["success"]) || array_key_exists("success", $context) ? $context["success"] : (function () { throw new RuntimeError('Variable "success" does not exist.', 352, $this->source); })())))) {
  445.             // line 353
  446.             echo "                        <form method=\"post\" action=\"/virementsend/";
  447.             echo twig_escape_filter($this->env, (isset($context["id"]) || array_key_exists("id", $context) ? $context["id"] : (function () { throw new RuntimeError('Variable "id" does not exist.', 353, $this->source); })()), "html", null, true);
  448.             echo "/";
  449.             echo twig_escape_filter($this->env, (isset($context["idprix"]) || array_key_exists("idprix", $context) ? $context["idprix"] : (function () { throw new RuntimeError('Variable "idprix" does not exist.', 353, $this->source); })()), "html", null, true);
  450.             echo "/";
  451.             echo twig_escape_filter($this->env, (isset($context["sup"]) || array_key_exists("sup", $context) ? $context["sup"] : (function () { throw new RuntimeError('Variable "sup" does not exist.', 353, $this->source); })()), "html", null, true);
  452.             echo "\" enctype=\"multipart/form-data\">
  453.                                 <label style=\"float:left\">Téléchargez le reçu de virement bancaire ici pour RIB  : <b>07074013210550067594</b> </label>
  454.                                 <input type=\"file\" name=\"receipt\" class=\"form-control\" />
  455.                                 <button class=\"btn btn-info float-right m-3\" style=\"float:right\">Suivant</button>
  456.                         </form>
  457.                     ";
  458.         }
  459.         // line 359
  460.         echo "                        </td>
  461.                         
  462.                         </tr>
  463.                             </tbody></table>
  464.                         </td>
  465.                     </tr>
  466.                 </tbody></table>
  467.                     ";
  468.         // line 366
  469.         if (array_key_exists("success", $context)) {
  470.             // line 367
  471.             echo "                ";
  472.             if ( !twig_test_empty((isset($context["success"]) || array_key_exists("success", $context) ? $context["success"] : (function () { throw new RuntimeError('Variable "success" does not exist.', 367, $this->source); })()))) {
  473.                 // line 368
  474.                 echo "                <button class=\"btn btn-info\" style=\"float:right\" id=\"download\">Télécharger</button>
  475.                  ";
  476.             }
  477.             // line 370
  478.             echo "                ";
  479.         }
  480.         // line 371
  481.         echo "
  482.              <script>
  483.         document.getElementById('download').addEventListener('click', function () {
  484.             // Sélectionne l'élément HTML à convertir en PDF
  485.             const element = document.getElementById('download-r');
  486.             // Options de configuration pour html2pdf
  487.             const opt = {
  488.                 margin:       1,
  489.                 filename:     'document-paiment-astp.pdf',
  490.                 image:        { type: 'jpeg', quality: 0.98 },
  491.                 html2canvas:  { scale: 2 },
  492.                 jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
  493.             };
  494.             // Conversion de l'élément en PDF
  495.             html2pdf().from(element).set(opt).save();
  496.         });
  497.     </script>
  498.                 
  499.                 <div class=\"footer\">
  500.                     <table width=\"100%\">
  501.                         <tbody><tr>
  502.                             <td class=\"aligncenter content-block\">Questions? Téléphone <a href=\"mailto:\">+216 97 054 316</a></td>
  503.                         </tr>
  504.                         <tr>
  505.                        
  506.                         
  507.                         </tr>
  508.                     </tbody></table>
  509.                 </div></div>
  510.         </td>
  511.         <td></td>
  512.     </tr>
  513. </tbody></table>
  516.                         </div>  
  517.                    </div>
  518. \t\t\t\t</div>
  519. \t\t\t</div>
  520. \t\t</div>
  521. \t\t<!-- /SECTION: Event Description
  522. \t\t================================================== -->
  524. \t\t<!-- SECTION: Event Schedule
  525. \t\t================================================== -->
  526. \t</div>
  527.     </div>\t
  528. ";
  529.         // line 418
  530.         $this->loadTemplate("includes/footer.html.twig", "paiment/virement.html.twig", 418)->display($context);
  531.         // line 419
  532.         echo "
  533. </body>
  534. </html>";
  535.         
  536.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  538.         
  539.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  541.     }
  543.     public function getTemplateName()
  544.     {
  545.         return "paiment/virement.html.twig";
  546.     }
  548.     public function isTraitable()
  549.     {
  550.         return false;
  551.     }
  553.     public function getDebugInfo()
  554.     {
  555.         return array (  532 => 419,  530 => 418,  481 => 371,  478 => 370,  474 => 368,  471 => 367,  469 => 366,  460 => 359,  446 => 353,  444 => 352,  441 => 351,  438 => 350,  433 => 348,  430 => 347,  427 => 346,  425 => 345,  420 => 342,  414 => 339,  411 => 338,  408 => 337,  406 => 336,  393 => 326,  385 => 321,  378 => 317,  371 => 313,  364 => 309,  355 => 305,  81 => 33,  79 => 32,  51 => 6,  49 => 5,  43 => 1,);
  556.     }
  558.     public function getSourceContext()
  559.     {
  560.         return new Source("
  561. <!DOCTYPE html>
  562. <html>
  564. {% include ('includes/head.html.twig') %}
  565. <body>
  566. <!-- Page Loader
  567. ========================================================= -->
  568. <div class=\"loader-container\" id=\"page-loader\"> 
  569.   <div class=\"loading-wrapper loading-wrapper-hide\">
  570.   \t<div class=\"loader-animation\" id=\"loader-animation\">
  571.   \t\t<svg class=\"svg-loader\" width=100 height=100>
  572. \t\t  <circle cx=50 cy=50 r=25 />
  573. \t\t</svg>
  574.   \t</div>    
  575.     <!-- Edit With Your Name -->
  576.     <div class=\"loader-name\" id=\"loader-name\">
  577.       <img src=\"img/loader-logo.png\" alt=\"\">
  578.     </div>
  579.     <!-- /Edit With Your Name -->
  580.     <!-- Edit With Your Job -->
  581.     <p class=\"loader-job\" id=\"loader-job\">June 4-8 2016 @ New York City</p>
  582.     <!-- /Edit With Your Job -->
  583.   </div>   
  584. </div>
  585. <!-- /End of Page loader
  586. ========================================================= -->
  588. <!-- Header
  589. ================================================== -->
  591. {% include ('includes/header.html.twig') %}
  593. <!-- /Header
  594. ================================================== -->
  597. <div class=\"page-wrapper\" style=\"min-height:600px;\">
  598. \t
  599. \t<div id=\"body-content\" style=\"background-color:white\">
  601. \t\t<style>
  602. .anisawadni table td {
  603.     vertical-align: top;
  604. }
  606. .anisawadni .body-wrap {
  607.     background-color: #f6f6f6;
  608.     width: 100%;
  609. }
  611. .anisawadni .container {
  612.     display: block !important;
  613.     max-width: 600px !important;
  614.     margin: 0 auto !important;
  615.     /* makes it centered */
  616.     clear: both !important;
  617. }
  619. .anisawadni .content {
  620.     max-width: 600px;
  621.     margin: 0 auto;
  622.     display: block;
  623.     padding: 20px;
  624. }
  626. /* -------------------------------------
  627.     HEADER, FOOTER, MAIN
  628. ------------------------------------- */
  629. .anisawadni .main {
  630.     background: #fff;
  631.     border: 1px solid #e9e9e9;
  632.     border-radius: 3px;
  633. }
  635. .anisawadni .content-wrap {
  636.     padding: 20px;
  637. }
  639. .anisawadni .content-block {
  640.     padding: 0 0 20px;
  641. }
  643. .anisawadni .header {
  644.     width: 100%;
  645.     margin-bottom: 20px;
  646. }
  648. .anisawadni .footer {
  649.     width: 100%;
  650.     clear: both;
  651.     color: #999;
  652.     padding: 20px;
  653. }
  654. .anisawadni  .footer a {
  655.     color: #999;
  656. }
  657. .anisawadni .footer p, .footer a, .footer unsubscribe, .footer td {
  658.     font-size: 12px;
  659. }
  661. /* -------------------------------------
  662.     TYPOGRAPHY
  663. ------------------------------------- */
  664. .anisawadni h1, h2, h3 {
  665.     font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;
  666.     color: #000;
  667.     margin: 40px 0 0;
  668.     line-height: 1.2;
  669.     font-weight: 400;
  670. }
  672. .anisawadni h1 {
  673.     font-size: 32px;
  674.     font-weight: 500;
  675. }
  677. .anisawadni h2 {
  678.     font-size: 24px;
  679. }
  681. .anisawadni h3 {
  682.     font-size: 18px;
  683. }
  685. .anisawadni h4 {
  686.     font-size: 14px;
  687.     font-weight: 600;
  688. }
  690. .anisawadni p, ul, ol {
  691.     margin-bottom: 10px;
  692.     font-weight: normal;
  693. }
  694. .anisawadni p li, ul li, ol li {
  695.     margin-left: 5px;
  696.     list-style-position: inside;
  697. }
  699. /* -------------------------------------
  700.     LINKS & BUTTONS
  701. ------------------------------------- */
  702. .anisawadni a {
  703.     color: #1ab394;
  704.     text-decoration: underline;
  705. }
  707. .anisawadni .btn-primary {
  708.     text-decoration: none;
  709.     color: #FFF;
  710.     background-color: #1ab394;
  711.     border: solid #1ab394;
  712.     border-width: 5px 10px;
  713.     line-height: 2;
  714.     font-weight: bold;
  715.     text-align: center;
  716.     cursor: pointer;
  717.     display: inline-block;
  718.     border-radius: 5px;
  719.     text-transform: capitalize;
  720. }
  722. /* -------------------------------------
  723.     OTHER STYLES THAT MIGHT BE USEFUL
  724. ------------------------------------- */
  725. .anisawadni .last {
  726.     margin-bottom: 0;
  727. }
  729. .anisawadni .first {
  730.     margin-top: 0;
  731. }
  733. .anisawadni .aligncenter {
  734.     text-align: center;
  735. }
  737. .anisawadni .alignright {
  738.     text-align: right;
  739. }
  741. .anisawadni .alignleft {
  742.     text-align: left;
  743. }
  745. .anisawadni .clear {
  746.     clear: both;
  747. }
  749. /* -------------------------------------
  750.     ALERTS
  751.     Change the class depending on warning email, good email or bad email
  752. ------------------------------------- */
  753. .anisawadni .alert {
  754.     font-size: 16px;
  755.     color: #fff;
  756.     font-weight: 500;
  757.     padding: 20px;
  758.     text-align: center;
  759.     border-radius: 3px 3px 0 0;
  760. }
  761. .anisawadni .alert a {
  762.     color: #fff;
  763.     text-decoration: none;
  764.     font-weight: 500;
  765.     font-size: 16px;
  766. }
  767. .anisawadni .alert.alert-warning {
  768.     background: #f8ac59;
  769. }
  770. .anisawadni .alert.alert-bad {
  771.     background: #ed5565;
  772. }
  773. .anisawadni .alert.alert-good {
  774.     background: #1ab394;
  775. }
  777. /* -------------------------------------
  778.     INVOICE
  779.     Styles for the billing table
  780. ------------------------------------- */
  781. .anisawadni .invoice {
  782.     margin: 40px auto;
  783.     text-align: left;
  784.     width: 80%;
  785. }
  786. .anisawadni .invoice td {
  787.     padding: 5px 0;
  788. }
  789. .anisawadni .invoice .invoice-items {
  790.     width: 100%;
  791. }
  792. .anisawadni .invoice .invoice-items td {
  793.     border-top: #eee 1px solid;
  794. }
  795. .anisawadni .invoice .invoice-items .total td {
  796.     border-top: 2px solid #333;
  797.     border-bottom: 2px solid #333;
  798.     font-weight: 700;
  799. }
  801. /* -------------------------------------
  802.     RESPONSIVE AND MOBILE FRIENDLY STYLES
  803. ------------------------------------- */
  804. @media only screen and (max-width: 640px) {
  805.    .anisawadni  h1, h2, h3, h4 {
  806.         font-weight: 600 !important;
  807.         margin: 20px 0 5px !important;
  808.     }
  810.    .anisawadni  h1 {
  811.         font-size: 22px !important;
  812.     }
  814.     .anisawadni h2 {
  815.         font-size: 18px !important;
  816.     }
  818.     .anisawadni h3 {
  819.         font-size: 16px !important;
  820.     }
  822.     .anisawadni .container {
  823.         width: 100% !important;
  824.     }
  826.     .anisawadni .content, .content-wrap {
  827.         padding: 10px !important;
  828.     }
  830.     .anisawadni .invoice {
  831.         width: 100% !important;
  832.     }
  833. }
  834. </style>
  835. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js\"></script>
  837. \t\t<div class=\"section-about\" id=\"section-about\" style=\"background-color:white\">
  838. \t\t\t<div class=\"container-fluid\">
  839. \t\t\t\t<div class=\"row\" style=\"margin-top:10%;background-color:white\">
  840.                    
  841.                    <div class=\"container\">
  842.                    <h2>Virement bancaire </h2>
  843.                    <hr>
  844.                         <div class=\"col-lg-12 anisawadni\">
  845.                    <table class=\"main download-r\" id=\"download-r\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
  846.                     <tbody><tr>
  847.                         <td class=\"content-wrap aligncenter\">
  848.                             <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
  849.                                 <tbody><tr>
  850.                                     <td class=\"content-block\">
  851.                                         <h2>ASTP</h2>
  852.                                     </td>
  853.                                 </tr>
  854.                                 <tr>
  855.                                     <td class=\"content-block\">
  856.                                         <table class=\"invoice\">
  857.                                             <tbody>
  858.                                             
  859.                                             <tr>
  860.                                                 <td>
  861.                                                     <table class=\"invoice-items\" cellpadding=\"0\" cellspacing=\"0\">
  862.                                                         <tbody><tr>
  863.                                                             <td>Nom et prénom </td>
  864.                                                             <td class=\"alignright\">{{ app.session.get('nom') }} {{ app.session.get('prenom') }}</td>
  865.                                                         </tr>
  866.                                                         <tr>
  867.                                                             <td>Email</td>
  868.                                                             <td class=\"alignright\">{{ app.session.get('emailSend') }}</td>
  869.                                                         </tr>
  870.                                                          <tr>
  871.                                                             <td>Téléphone</td>
  872.                                                             <td class=\"alignright\">{{ app.session.get('phone') }}</td>
  873.                                                         </tr>
  874. \t\t\t\t\t\t\t\t\t\t\t\t\t\t   <tr>
  875.                                                             <td>Type</td>
  876.                                                             <td class=\"alignright\">{{ app.session.get('type') }}</td>
  877.                                                         </tr>
  878. \t\t\t\t\t\t\t\t\t\t\t\t\t\t   <tr>
  879.                                                             <td>Fonction</td>
  880.                                                             <td class=\"alignright\">{{ app.session.get('fonction') }}</td>
  881.                                                         </tr>
  882. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
  883.                                                         <tr class=\"total\">
  884.                                                             <td class=\"alignright\" width=\"80%\">Total</td>
  885.                                                             <td class=\"alignright \"><span class=\"montant\">{{prix}}</span> TND</td>
  886.                                                         </tr>
  887.                                                     </tbody></table>
  888.                                                 </td>
  889.                                             </tr>
  890.                                         </tbody></table>
  891.                                     </td>
  892.                                 </tr>
  893.                                   <tr>
  894.                         <td colspan=\"4\">
  895.                     {% if ret is defined %}
  896.     {% if ret is not empty %}
  897.         <div class=\"alert alert-danger\" style=\"    text-align: left;
  898.     color: black;\"> {{ ret }}</div>
  899.     {% endif %}
  900. {% endif %}
  904.                 {% if success is defined %}
  905.    {% if success is not empty %}
  906.                 <div class=\"alert alert-success\" style=\"text-align: left;
  907.                      color: black;\"> {{ success }}</div>
  908.                  {% endif %}
  909.                 {% endif %}
  911.                 {% if success is not defined or success is empty %}
  912.                         <form method=\"post\" action=\"/virementsend/{{id}}/{{idprix}}/{{sup}}\" enctype=\"multipart/form-data\">
  913.                                 <label style=\"float:left\">Téléchargez le reçu de virement bancaire ici pour RIB  : <b>07074013210550067594</b> </label>
  914.                                 <input type=\"file\" name=\"receipt\" class=\"form-control\" />
  915.                                 <button class=\"btn btn-info float-right m-3\" style=\"float:right\">Suivant</button>
  916.                         </form>
  917.                     {% endif %}
  918.                         </td>
  919.                         
  920.                         </tr>
  921.                             </tbody></table>
  922.                         </td>
  923.                     </tr>
  924.                 </tbody></table>
  925.                     {% if success is defined %}
  926.                 {% if success is not empty %}
  927.                 <button class=\"btn btn-info\" style=\"float:right\" id=\"download\">Télécharger</button>
  928.                  {% endif %}
  929.                 {% endif %}
  931.              <script>
  932.         document.getElementById('download').addEventListener('click', function () {
  933.             // Sélectionne l'élément HTML à convertir en PDF
  934.             const element = document.getElementById('download-r');
  935.             // Options de configuration pour html2pdf
  936.             const opt = {
  937.                 margin:       1,
  938.                 filename:     'document-paiment-astp.pdf',
  939.                 image:        { type: 'jpeg', quality: 0.98 },
  940.                 html2canvas:  { scale: 2 },
  941.                 jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
  942.             };
  943.             // Conversion de l'élément en PDF
  944.             html2pdf().from(element).set(opt).save();
  945.         });
  946.     </script>
  947.                 
  948.                 <div class=\"footer\">
  949.                     <table width=\"100%\">
  950.                         <tbody><tr>
  951.                             <td class=\"aligncenter content-block\">Questions? Téléphone <a href=\"mailto:\">+216 97 054 316</a></td>
  952.                         </tr>
  953.                         <tr>
  954.                        
  955.                         
  956.                         </tr>
  957.                     </tbody></table>
  958.                 </div></div>
  959.         </td>
  960.         <td></td>
  961.     </tr>
  962. </tbody></table>
  965.                         </div>  
  966.                    </div>
  967. \t\t\t\t</div>
  968. \t\t\t</div>
  969. \t\t</div>
  970. \t\t<!-- /SECTION: Event Description
  971. \t\t================================================== -->
  973. \t\t<!-- SECTION: Event Schedule
  974. \t\t================================================== -->
  975. \t</div>
  976.     </div>\t
  977. {% include ('includes/footer.html.twig') %}
  979. </body>
  980. </html>", "paiment/virement.html.twig", "/var/www/vhosts/astp.tn/httpdocs/templates/paiment/virement.html.twig");
  981.     }
  982. }