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

{% block body %}
{{ form_start(form) }}
    <h1 class="page-header">
    {% if mode=="submit" %}
    Création pin
    {% else %}
    Modification pin
    {% endif %}
    </h1>

    {{ form_widget(form.submit) }} 
    
    <a class="btn btn-secondary" href={{ path('app_pin') }}>Annuler</a>

    {% if mode=="update" %}
    <a href={{ path('app_pin_delete',{'id':pin.id}) }}
        class="btn btn-danger float-right"
        data-method="delete" data-csrf="_token:{{ 'csrf' }}"
        data-confirm="Êtes-vous sûr de vouloir supprimer cet enregistrement ?">
          Supprimer
    </a>
    {% endif %}    
    
    <br><br>

    {% if app.session.flashbag.has('error') %}
        <div class='alert alert-danger' style='margin: 5px 0px'>
            <strong>Erreur</strong><br>
            {% for flashMessage in app.session.flashbag.get('error') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    {% if app.session.flashbag.has('notice') %}
        <div class='alert alert-info' style='margin: 5px 0px'>
            <strong>Information</strong><br>
            {% for flashMessage in app.session.flashbag.get('notice') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    <div style="width:90px; margin:auto;">
        {% set image= "noimage.png" %}
        {% if pin.image %}
            {% set image= pin.image %}
        {% endif %}
        <img id="pin_image_img" src="\{{appAlias}}\uploads\pin\{{ image }}" style="width:90px;">
        {{ form_widget(form.image) }}
        <bouton class="btn btn-info" style="margin:auto;margin-top:10px; margin-bottom:15px;"  onClick="ModalLoad('mymodallarge','Pin','{{ path('app_crop01', {"type": "pin", "reportinput": "#pin_image" }) }}');" title='Ajouter une Image'>Modifier</bouton>
    </div>

    <div class="card">
        <div class="card-header">
            <i class="fa fa-pencil-alt fa-fw"></i> Informations
        </div>

        <div class="card-body">
            {{ form_row(form.name) }}
            {{ form_row(form.subname) }}
            {{ form_row(form.description) }}
        </div>
    </div>
{{ form_end(form) }}
{% endblock %}