<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="{{asset("img/apple-icon.png")}}" />
    <link rel="icon" type="image/png" href="{{asset("img/favicon.png")}}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Admin Panel</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />


    <!-- Bootstrap core CSS     -->
    <link href="{{asset("css/bootstrap.min.css")}}" rel="stylesheet" />
    <!--  Material Dashboard CSS    -->
    <link href="{{asset("css/material-dashboard.css")}}" rel="stylesheet" />
    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link href="{{asset("css/demo.css")}}" rel="stylesheet" />
    <!--     Fonts and icons     -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" />
</head>
<body style="background-color: #000000 !important;">

    <div class="wrapper wrapper-full-page">
        <div class="full-page login-page" filter-color="black" >
            <!--   you can change the color of the filter page using: data-color="blue | purple | green | orange | red | rose " -->
            <div class="content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3">
                            <form method="post" action="{{ path("admin_check") }}">
                                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
                                <div class="card card-login ">
                                    <br>
                                    <center><img src="{{asset("img/admin.png")}}" style="    height: 106px;    width: auto;"></center>
                                    <br>
                                    
                                    {% if error %}
                                        <div class="card-content" style="padding-right:10px">
                                            <div class="alert alert-danger">
                                                <span>
                                                   <b>Erreur ! </b>  incorrect username or password</span>
                                            </div>
                                        </div>
                                    {% endif %}   
                                    <div class="card-content">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="material-icons">email</i>
                                            </span>
                                            <div class="form-group label-floating">
                                                 <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}"  required="required" />
                                            </div>
                                        </div>
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="material-icons">lock_outline</i>
                                            </span>
                                            <div class="form-group label-floating">
                                                <input type="password" class="form-control" id="password"  name="_password" required="required" />
                                            </div>
                                        </div>
                                        <div class="input-group" style="padding:16px">
                                            <label>
                                                <input type="checkbox" id="remember_me" name="_remember_me" value="on"> {{ 'security.login.remember_me'|trans({}, 'FOSUserBundle') }}
                                            </label>
                                        </div>

                                    </div>
                                    <div class="footer text-center">
                                        <button type="submit" class="btn btn-fill btn-rose">{{ 'security.login.submit'|trans({}, 'FOSUserBundle') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="{{asset("js/bootstrap.min.js")}}" type="text/javascript"></script>
<script src="{{asset("js/material.min.js")}}" type="text/javascript"></script>
<!-- Material Dashboard javascript methods -->
<script src="{{asset("js/material-dashboard.js")}}"></script>
</html>



