templates/default/retourStripe.html.twig line 1

Open in your IDE?
  7. <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
  9. <style>
  10. @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
  12. * {
  13.     margin: 0;
  14.     padding: 0;
  15.     box-sizing: border-box;
  16.     font-family: 'Montserrat', sans-serif;
  17. }
  19. body {
  20.     display: flex;
  21.     justify-content: center;
  22.     align-items: center;
  23.     min-height: 100vh;
  24.     background-color: #0C4160;
  26.     padding: 30px 10px;
  27. }
  29. .card {
  30.     max-width: 500px;
  31.     margin: auto;
  32.     color: black;
  33.     border-radius: 20 px;
  34. }
  36. p {
  37.     margin: 0px;
  38. }
  40. .container .h8 {
  41.     font-size: 30px;
  42.     font-weight: 800;
  43.     text-align: center;
  44. }
  46. .btn.btn-primary {
  47.     width: 100%;
  48.     height: 70px;
  49.     display: flex;
  50.     align-items: center;
  51.     justify-content: space-between;
  52.     padding: 0 15px;
  53.     background-image: linear-gradient(to right, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%);
  54.     border: none;
  55.     transition: 0.5s;
  56.     background-size: 200% auto;
  58. }
  61. .btn.btn.btn-primary:hover {
  62.     background-position: right center;
  63.     color: #fff;
  64.     text-decoration: none;
  65. }
  69. .btn.btn-primary:hover .fas.fa-arrow-right {
  70.     transform: translate(15px);
  71.     transition: transform 0.2s ease-in;
  72. }
  74. .form-control {
  75.     color: white;
  76.     background-color: #223C60;
  77.     border: 2px solid transparent;
  78.     height: 60px;
  79.     padding-left: 20px;
  80.     vertical-align: middle;
  81. }
  83. .form-control:focus {
  84.     color: white;
  85.     background-color: #0C4160;
  86.     border: 2px solid #2d4dda;
  87.     box-shadow: none;
  88. }
  90. .text {
  91.     font-size: 14px;
  92.     font-weight: 600;
  93. }
  95. ::placeholder {
  96.     font-size: 14px;
  97.     font-weight: 600;
  98. }
  99. </style>
  101.     <div class="container p-0">
  102.         <div class="card px-4">
  103.         <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">
  104. </a>
  109.             {% 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 %}
  110. {% if etat == 'success' %}
  111.             <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>
  112. {% else %}
  113.            <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>
  114. {% endif %}
  115.             <div class="row gx-3" id="formPaiement">
  116.               
  119.                  
  121.     
  122.                
  123.             </div>
  124.         </div>
  125.     </div>
  127.