templates/login.html.twig line 1

1. {% extends "base.html.twig" %}
3. {% block header %}{% endblock %}
5. {% block body %}
6. <div id="out-container" class="auth container">
7.     <div id="form-container">
8.         <form method="POST" id="form" >
9.             <div class="card" >
10.                 <div class="card-content">
11.                     <span class="card-title">MANEBI - INVOICE MANAGER</span>
12.                       <div class="col s6">
13.                               <div class="form-row">
14.                                   <div class="col s12">
15.                                       <div class="md-form">
16.                                           <input type="email" id="email" class="form-control label-focus" name="email" placeholder="Email">
17.                                       </div>
18.                                   </div>
19.                               </div>
20.                               
21.                               <div class="form-row">
22.                                   <div class="col s12">
23.                                       <div class="md-form">
24.                                           <input type="password" id="password" class="form-control label-focus" name="password" placeholder="Password">
25.                                       </div>
26.                                   </div>
27.                               </div>
28.                       </div>
29.                 </div>
30.                 <div class="card-action">
31.                     <div class="col s12" style="text-align:right">
32.                         <button class="btn waves-effect waves-light" > <i class="material-icons right">send</i>LOGIN</button>
33.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
34.                     </div>
35.                 </div>
36.             </div>
37.          </form>
38.     </div>
39. </div>
40. {% endblock %}
42. {% block javascripts %}
43.     <script>
44.         $(function(){
46.             $("body").on("focus", ".label-focus", function () {
47.                 $(this).parent().find("label").addClass("active")
48.             });
49.             $("body").on("focusout", ".label-focus", function () {
50.                 if ($(this).val() == "")
51.                     $(this).parent().find("label").removeClass("active")
52.             });
53.         })
54.     </script>
55. {% endblock %}
57. {% block stylesheets %}
58. <style>
59. main {
60.     background-color: #FFF;
61.     /* min-height: 800px; */
62. }
63. </style>
64. {% endblock %}