{% extends 'layout/template.twig' %}

{% block content %}
    <!-- barra superior titulo de pagina-->
    <div class="div-title bg-color-perfil">
        <div class="container">
            <div class="row">
                <div class="col-xs-10 col-sm-11">
                    {{ title }}
                </div>
                <div class="col-xs-2 col-sm-1 text-right" data-toggle="tooltip-info" data-placement="bottom" title="¿Como funciona?">
                    <i class="fa fa-info-circle" data-toggle="modal" data-target="#modalInfo"></i>
                </div>
            </div>
        </div>
    </div>

    <!--contenido-->
    <div class="container pb80">
        <input type="hidden" id="profile_id" value="{{ profile.id }}">
        <div class="row">
            <div class="col-md-4">
                <div class="solid-box bg-color-perfil pb50">
                    {% include 'datos_generales.twig' %}
                </div>
            </div>
            <div class="col-md-8">
                <div class="border-box border-perfil">
                    <div class="title-box-border-box bg-color-perfil">
                        ¿Padeces, estás o tienes...
                    </div>

                    <div class="container-box-border-box">
                        {% include 'switches.twig' %}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-md-offset-6">
                        <button class="btn btn-custom btn-perfil mt40" id="save-profile"><i class="fa fa-save"></i> Guardar Perfil
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--modal guardado okey o fail-->
    {% include 'modals/modal_saved.twig' %}

{% endblock %}




