{% trans_default_domain 'FOSUserBundle' %}
{% block styles %}
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/login.css")}}">
{% endblock %}



{% block fos_user_content %}

<style>
    body {
        font-family: "Poppins", sans-serif;
        background-image:url("{{ asset("assets/images/fasttrack_aeroport_casablanca.jpg") }}");
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover;
        /* height: 100vh; */

    }


</style>
<div id="overlay"></div>

<div class="wrapper fadeInDown">
    <div id="formContent">
        <!-- Tabs Titles -->
        <div class="fadeIn first">
            <img src="{{ asset("assets/images/logo fast.png")}}" id="icon" alt="FastTrack Maroc logo" />
        </div>

        <input type="text" id="Name" class="fadeIn second" name="name" required="required"  value="{{ user.getNom() }} {{ user.getPrenom() }}" disabled="true">
        <input type="text" id="Email" class="fadeIn second" name="email" required="required" value="{{ user.email }}" disabled="true">
        <input type="text" id="Phone" class="fadeIn second" name="phone" required="required" value="{{ user.getTelephone() }}" disabled="true">

        <a href="{{ path("fos_user_profile_edit") }}">
            <input type="submit" class="fadeIn fourth" name="_submit" value="Change your Profile infos"></a>

    </div>
</div>

{% endblock %}