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

{% block title %}{% if app.request.get('id') %}{{'Edit store'|trans}}{% else %}{{'New store'|trans}}{% endif %}{% endblock %}
{% block page_title %}{% if app.request.get('id') %}{{'Edit store'|trans}}{% else %}{{'New store'|trans}}{% endif %}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item"><a href="{{ path('magasins') }}">{{'Magasins'|trans}}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{% if app.request.get('id') %}{{'Edit store'|trans}}{% else %}{{'New store'|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.name) }}
                    {{ form_label(form.name) }}            
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.address) }}
                    {{ form_label(form.address) }}            
                </div>
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-floating mb-3">
                            {{ form_widget(form.cp) }}
                            {{ form_label(form.cp) }}            
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="form-floating mb-3">
                            {{ form_widget(form.city) }}
                            {{ form_label(form.city) }}            
                        </div>
                    </div>
                </div>
                <div class="form-floating mb-3">
                    {{ form_widget(form.country) }}
                    {{ form_label(form.country) }}            
                </div>
                {{ form_label(form.description) }} 
                {{ form_widget(form.description) }}

                <div class="FixedBottom">   
                    <div class="col-md-offset-right-2 col-sm-offset-right-3 d-flex float-end px-5">     
                        <a href="{{ path('magasins') }}" 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 %}