<header>
    <nav>
        <div class="container">
            <div class="btns_nav">
                <a href="{{nav/logout_url}}" class="btn_liquid">
                    <svg class="liquid-button"data-width="120" data-height="40" data-color1="#5da470"data-color2="#5da470" data-color3="#a5be38">
                    </svg>
                    <span>Cerrar</span>
                </a>
            </div>
        </div>
    </nav>
</header>

<section class="body_cheers">
    <a href="#" class="logo_cheers">

    </a>
    {{!--completar perfil--}}
        <div class="complete_profile">
            <h1>BIENVENIDO/A {{participant/participant.name}},COMPLETAR TU PERFIL</h1>
            <p>
                ¡Chale!, que empiece este reventón, tu primer reto será personalizar tu perfil con esa información que te hace único, entonces llena esta barra de progreso, respondiendo.
            </p>
            <div class="wp_progress">
                <div class="progress">
                  <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {{{signup/filled_percentage}}}%">
                  </div>
                </div>
                <div class="missing">{{{signup/filled_fields_count}}}/36</div>
            </div>
            <div class="missing_field">
                {{#if signup/missing_field_form}}
                    {{{signup/missing_field_form}}}
                {{else}}

                    <h1 class="text_missing">Tu información Básica está actualizada</h1>
                {{/if }}
            </div>
        </div>
        {{!--completar perfil--}}
    </section>


<footer>

</footer>
<div class="bg_gooey">
    <div class="bricks"></div>
    <div class="gooey"></div>
    <div class="gooey2"></div>
    <div class="gooey3"></div>
    <div class="gooey4"></div>
    <div class="gooey5"></div>
    <div class="gooey6"></div>
    <div class="gooey7"></div>
    <div class="gooey8"></div>
</div>
{{#if signup/missing_field_form}}

{{else}}
  <!-- Modal -->
<div class="modal fade" id="Modalcomplete_profile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
          <img src="https://superlikers-themes.s3.amazonaws.com/academiamodelo/desk/ok_modal.png" alt="...">
          <p>Empezaste con el pie derecho completando el registro. Ahora, ¿Qué tal un poco de acción?</p>
          <a href="/video_entreamiento">CoNTINuAr</a>
      </div>
    </div>
  </div>
</div>
{{/if }}