templates/company/send.html.twig line 1

Open in your IDE?
  1. {% extends 'partials/base.html.twig' %}
  3. {% block title %}Renvoi d'offres par email{% endblock %}
  6. {% block body %}
  8.     <div class="container h-100 d-flex" id="login-page">
  9.         <div class="row align-items-center g-lg-5">
  10.             <div class="col-lg-7 text-center text-lg-start">
  11.                 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 266.5 288.7" style="enable-background:new 0 0 266.5 288.7;" xml:space="preserve">
  12.             <style type="text/css">
  13.                 .st0{fill:#e9eef9;}
  14.             </style>
  15.                     <path class="st0" d="M180.5,280.7c-37,0-67.1-30.1-67.1-67.1V78.5h32.7v135.1c0,18.9,15.4,34.4,34.4,34.4V280.7z"/>
  16.                     <path class="st0" d="M86,209.8H53.2v-79.3c0-18.9-15.4-34.4-34.4-34.4V63.4c37,0,67.1,30.1,67.1,67.1V209.8z"/>
  17.                     <path class="st0" d="M213.2,210.4h-32.7V75.1c0-37,30.1-67.1,67.1-67.1v32.7c-18.9,0-34.4,15.4-34.4,34.4V210.4z"/>
  18.                     <path class="st0" d="M85.1,35.6c0,9-7.3,16.4-16.4,16.4s-16.4-7.3-16.4-16.4c0-9,7.3-16.4,16.4-16.4S85.1,26.6,85.1,35.6"/>
  19.                     <path class="st0" d="M258.8,119.4c0,9-7.3,16.4-16.4,16.4c-9,0-16.4-7.3-16.4-16.4c0-9,7.3-16.4,16.4-16.4
  20.                 C251.5,103.1,258.8,110.4,258.8,119.4"/>
  21.                     <path class="st0" d="M135.3,139.5L135.3,139.5l-0.1-32.7H168C168,124.8,153.4,139.5,135.3,139.5"/>
  22.             </svg>
  23.                 <h1 class="display-4 fw-bold lh-1 mb-3">
  24.                     <strong>MAX</strong>
  25.                     Espace entreprise
  26.                 </h1>
  27.                 <p>Cet espace est dédié aux entreprises. D’ici, vous pouvez déposer une offre d’alternance ou saisir un engagement totalement dématérialisé.</p>
  28.                 {% for message in app.flashes('warning') %}
  29.                     <div class="alert " style="border: 1px solid red; color: #ffffff;background-color: red  "  role="alert">
  30.                         {{ message }}
  31.                     </div>
  32.                 {% endfor %}
  33.                 {% for message in app.flashes('success') %}
  34.                     <div class="alert " style="border: 1px solid var(--bs-green); background-color: var(--bs-green); color: #ffffff" >
  35.                         {{ message }}
  36.                     </div>
  37.                 {% endfor %}
  38.             </div>
  39.             <div class="col-md-10 mx-auto col-lg-5">
  40.                 <div class="p-4 p-md-5 rounded-3 bg-light">
  43.                     <div class="d-flex flex-column justify-content-center">
  48.                         <div class="row">
  49.                         <div class="col-12">
  50.                             {{ form_start(form) }}
  51.                             <fieldset>
  52.                                 <div class="form-group">
  53.                                     {{ form_label(form.company_email) }}
  54.                                     {{ form_widget(form.company_email, {'attr': {'class': 'form-control'}}) }}
  55.                                 </div>
  56.                             </fieldset>
  58.                             <div class="mt-5 mb-3">
  59.                                 <button class="btn btn-info" type="submit">Valider ma demande de récupération d'offres</button>
  61. {#                                {{ form_widget(form.save, {'attr': {'class': 'btn btn-primary', 'label' : 'Valider ma demande de récuperation d\'offres'}}) }}#}
  62. {#                                }}) }}#}
  63.                                 <a href="{{ path('company') }}" class="btn btn-default"><i class="fas fa-chevron-left"></i> Retour</a>
  64.                             </div>
  65.                             {{ form_end(form) }}
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72.     </div>
  73. {#    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />#}
  74. {#    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>#}
  75. {#    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>#}
  76. {#    <style>#}
  77. {#        @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');#}
  79. {#        #test-container label:before {#}
  80. {#            content: unset;#}
  81. {#        }#}
  82. {#        .panel-heading {#}
  83. {#            padding: 0;#}
  84. {#            border:0;#}
  85. {#        }#}
  86. {#        .panel-title>a, .panel-title>a:active{#}
  87. {#            display:block;#}
  88. {#            padding-bottom: 15px;#}
  89. {#            color:#555;#}
  90. {#            font-size:16px;#}
  91. {#            font-weight:bold;#}
  92. {#            text-decoration:none;#}
  93. {#            border-bottom: 1px solid #555;#}
  94. {#            margin-top: 15px;#}
  95. {#        }#}
  96. {#        .panel-heading  a:before {#}
  97. {#            font-family: 'FontAwesome';#}
  98. {#            content: "\f078"; /* fa-chevron-down */#}
  99. {#            float: right;#}
  100. {#            transition: all 0.5s;#}
  101. {#        }#}
  102. {#        .panel-heading.active a:before {#}
  103. {#            -webkit-transform: rotate(180deg);#}
  104. {#            -moz-transform: rotate(180deg);#}
  105. {#            transform: rotate(180deg);#}
  106. {#        }#}
  107. {#    </style>#}
  108. {#    <div class="col-12 card">#}
  109. {#        <h1>Envoi par email de ma(mes) offre(s)</h1>#}
  110. {#        {% for message in app.flashes('success') %}#}
  111. {#            <div class="alert alert-success">#}
  112. {#                {{ message }}#}
  113. {#            </div>#}
  114. {#        {% endfor %}#}
  115. {#        {% for message in app.flashes('warning') %}#}
  116. {#            <div class="alert alert-danger">#}
  117. {#                {{ message }}#}
  118. {#            </div>#}
  119. {#        {% endfor %}#}
  120. {#        <div class="row">#}
  121. {#            <div class="col-12">#}
  122. {#                {{ form_start(form) }}#}
  123. {#                <fieldset>#}
  124. {#                    <div class="form-group">#}
  125. {#                        {{ form_label(form.company_email) }}#}
  126. {#                        {{ form_widget(form.company_email, {'attr': {'class': 'form-control'}}) }}#}
  127. {#                    </div>#}
  128. {#                </fieldset>#}
  130. {#                <div class="mt-5 mb-3">#}
  131. {#                    {{ form_widget(form.save, {'attr': {'class': 'btn btn-primary'}}) }}#}
  132. {#                    <a href="{{ path('company') }}" class="btn btn-default"><i class="fas fa-chevron-left"></i> Retour</a>#}
  133. {#                </div>#}
  134. {#                {{ form_end(form) }}#}
  135. {#            </div>#}
  136. {#        </div>#}
  137. {#    </div>#}
  139. {#    <script>#}
  140. {#        $('.panel-collapse').on('show.bs.collapse', function () {#}
  141. {#            $(this).siblings('.panel-heading').addClass('active');#}
  142. {#        });#}
  144. {#        $('.panel-collapse').on('hide.bs.collapse', function () {#}
  145. {#            $(this).siblings('.panel-heading').removeClass('active');#}
  146. {#        });#}
  147. {#    </script>#}
  148. {% endblock %}