<div class="text-center">
    <img src="assets/img/home/perfil3.png" class="img-responsive-custom"/>
</div>

<span class="input input--nao">
    <input class="input__field input__field--nao data-profile" type="text" id="age" rel="age" name="age" required="" value="{{ profile.age }}"/>
    <label class="input__label input__label--nao" for="age">
        <span class="input__label-content input__label-content--nao">Edad</span>
    </label>
    <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
    </svg>
</span>

<span class="input input--nao">
    <input class="input__field input__field--nao data-profile" type="text" id="height" rel="height"  name="height" required="" value="{{ profile.height }}"/>
    <label class="input__label input__label--nao" for="height">
        <span class="input__label-content input__label-content--nao">Altura (cm)</span>
    </label>
    <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
    </svg>
</span>

<span class="input input--nao">
    <input class="input__field input__field--nao data-profile" type="text" id="weight" rel="weight"  name="weight" required="" value="{{ profile.weight }}"/>
    <label class="input__label input__label--nao" for="weight">
        <span class="input__label-content input__label-content--nao">Peso</span>
    </label>
    <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
    </svg>
</span>

<select class="cs-select cs-skin-underline mt20 data-profile" rel="gender">

    <option value="" {% if (profile.gender=='') %} selected {% endif %} disabled  >Género...</option>
    <option value="H"{% if(profile.gender=='H') %} selected {% endif %} >Hombre</option>
    <option value="M"{% if(profile.gender=='M') %} selected {% endif %} >Mujer</option>

</select>

<select class="cs-select cs-skin-underline mt20 data-profile" rel="physical" >

    <option value="" {% if (profile.physical=='') %} selected {% endif %} disabled  >Actividad fisica...</option>
    <option value="1"{% if(profile.physical=='1') %} selected {% endif %} >Sedentario</option>
    <option value="2"{% if(profile.physical=='2') %} selected {% endif %} >Ligero</option>
    <option value="3"{% if(profile.physical=='3') %} selected {% endif %} >Moderado</option>
    <option value="4"{% if(profile.physical=='4') %} selected {% endif %} >Intenso</option>
    <option value="5"{% if(profile.physical=='5') %} selected {% endif %} >Muy Intenso</option>

</select>
<select class="cs-select cs-skin-underline mt20 data-profile" rel="preference">
    <option value="" {% if profile.preference == "" %} selected {% endif %}disabled>Preferencia de dieta...</option>
    <option value="1"{% if profile.preference == "1" %} selected {% endif %}>Normal</option>
    <option value="2"{% if profile.preference == "2" %} selected {% endif %}>Vegetariana</option>
    <option value="3"{% if profile.preference == "3" %} selected {% endif %}>Vegana</option>
</select>