templates/default/retourStripe.html.twig line 1

Open in your IDE?
  1. <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
  2. <style>
  3. @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
  4. * {
  5.     margin: 0;
  6.     padding: 0;
  7.     box-sizing: border-box;
  8.     font-family: 'Montserrat', sans-serif;
  9. }
  10. body {
  11.     display: flex;
  12.     justify-content: center;
  13.     align-items: center;
  14.     min-height: 100vh;
  15.     background-color: #0C4160;
  16.     padding: 30px 10px;
  17. }
  18. .card {
  19.     max-width: 500px;
  20.     margin: auto;
  21.     color: black;
  22.     border-radius: 20 px;
  23. }
  24. p {
  25.     margin: 0px;
  26. }
  27. .container .h8 {
  28.     font-size: 30px;
  29.     font-weight: 800;
  30.     text-align: center;
  31. }
  32. .btn.btn-primary {
  33.     width: 100%;
  34.     height: 70px;
  35.     display: flex;
  36.     align-items: center;
  37.     justify-content: space-between;
  38.     padding: 0 15px;
  39.     background-image: linear-gradient(to right, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%);
  40.     border: none;
  41.     transition: 0.5s;
  42.     background-size: 200% auto;
  43. }
  44. .btn.btn.btn-primary:hover {
  45.     background-position: right center;
  46.     color: #fff;
  47.     text-decoration: none;
  48. }
  49. .btn.btn-primary:hover .fas.fa-arrow-right {
  50.     transform: translate(15px);
  51.     transition: transform 0.2s ease-in;
  52. }
  53. .form-control {
  54.     color: white;
  55.     background-color: #223C60;
  56.     border: 2px solid transparent;
  57.     height: 60px;
  58.     padding-left: 20px;
  59.     vertical-align: middle;
  60. }
  61. .form-control:focus {
  62.     color: white;
  63.     background-color: #0C4160;
  64.     border: 2px solid #2d4dda;
  65.     box-shadow: none;
  66. }
  67. .text {
  68.     font-size: 14px;
  69.     font-weight: 600;
  70. }
  71. ::placeholder {
  72.     font-size: 14px;
  73.     font-weight: 600;
  74. }
  75. </style>
  76.     <div class="container p-0">
  77.         <div class="card px-4">
  78.         <a href="{{path('app_default')}}"> <img src="{{asset('images/Logo HD.jpg')}}" width="100" style="max-width:150px" alt="logo lion club laclaireau" title="logo lion club laclaireau">
  79. </a>
  80.             {% if etat == 'success' %}<p class="h8 py-3" style="color:green">Paiement validé</p>{% else %}<p class="h8 py-3"  style="color:red">Paiement refusé</p>{% endif %}
  81. {% if etat == 'success' %}
  82.             <div class="alert alert-success" role="alert">Merci pour votre achat. <br><br><a href="{{path('app_default')}}"><button class="btn btn-warning">Retourner sur le site</button></a> </div>
  83. {% else %}
  84.            <div class="alert alert-danger" role="alert">Paiement refusé par la banque.<br><br><a href="{{path('panier')}}"><button class="btn btn-warning">Retourner à la page de paiement</button></a></div>
  85. {% endif %}
  86.             <div class="row gx-3" id="formPaiement">
  87.               
  88.                  
  89.     
  90.                
  91.             </div>
  92.         </div>
  93.     </div>
  94.