{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/user.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
	{{ parent() }}
	<div class="container marketing lista">
		<div class="fondo col-xs-12">
			<div class="col-xs-12 changepassword-title">
				<div class="col-xs-12 user-profile-name">Bienvenido/a<br/><b>{{user.userName}}</b>!</div>
				<div class="col-xs-12 changepassword-info">Cambia tu contraseña y empieza a jugar:</div>
			</div>
			<div class="col-xs-12 trivial-edit-form">
			{{ form_start(form,{ 'attr' :{'novalidate':'novalidate','role':'form', 'onsubmit':'return validateProfileForm();', 'class' : 'col-xs-12'} }) }}
                <fieldset>
                <div class="form-group col-sm-6 col-xs-12 user-profile-form-box">
                        {{ form_label(form.password, "Nueva contraseña",  {'label_attr': {'class': 'col-xs-12 user-profile-label change-password-label'}}) }}
                    <div class="col-xs-12">
                        {{ form_widget(form.password, { 'attr' : {'class': 'form-control', 'placeholder' : 'Contraseña' ,'oninput':'enablePassword();'} }) }}
                        <span class="text-danger text-left">{{ form_errors(form.password) }}</span>
                    </div>
                </div>

                <div class="form-group col-sm-6 col-xs-12 user-profile-form-box">
                        <label class="col-xs-12 user-profile-label change-password-label" for="repeat_password">Repetir contraseña</label>
                    <div class="col-xs-12">
                        <input class="form-control" id="repeat_password" type="password" name="repeat_password" placeholder="Repetir contraseña" disabled>
                        <span id="repeat_password_error" class="text-danger text-left"></span>
                    </div>
                </div>

			</fieldset>
		</div>
		<div class="col-xs-12 trivial-edit-buttons">
            {{ form_widget(form.save,{ 'label' : 'Cambiar contraseña', 'attr': { 'class': 'btn trivial-edit-update' }}) }}
           </div>
       	{{ form_end(form) }}
	</div>
	</div>

{% endblock %}
{% block javascripts %}
  {{ parent() }}
  <script type="text/javascript" src="{{asset('js/profileForm.js')}}"></script>
{% endblock %}