{% extends 'base.html.twig' %}

{% block title %}{% if app.request.get('id') %}{{'Edit client'|trans}}{% else %}{{'New client'|trans}}{% endif %}{% endblock %}
{% block page_title %}{% if app.request.get('id') %}{{'Edit client'|trans}}{% else %}{{'New client'|trans}}{% endif %}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item"><a href="{{ path('clients') }}">{{'Clients'|trans}}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{% if app.request.get('id') %}{{'Edit client'|trans}}{% else %}{{'New client'|trans}}{% endif %}</li>
{% endblock %}

{% block body %}
    <div class="card bg-white border-0 rounded-3 mb-4">
        <div class="card-body p-4">
            {{ form_start(form) }}
                <div class="form-floating mb-3">
                    {{ form_widget(form.email) }}
                    {{ form_label(form.email) }}            
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.firstname) }}
                    {{ form_label(form.firstname) }}            
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.lastname) }}
                    {{ form_label(form.lastname) }}            
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.birthday) }}
                    {{ form_label(form.birthday) }}            
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.fidelity) }}
                    {{ form_label(form.fidelity) }}            
                </div>

                <div class="FixedBottom">   
                    <div class="col-md-offset-right-2 col-sm-offset-right-3 d-flex float-end px-5">            
                        <a href="{{ path('clients') }}" class="btn btn-outline-secondary mt-2"><i class="bi bi-arrow-bar-left"></i>&nbsp;&nbsp;{{'Return'|trans}}</a> 
                        <div class="d-flex" style="gap:.9375rem;">
                            {{ form_row(form.save) }}   
                        </div>
                    </div>
                </div>
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}