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

{% block pagewrapper %}
{{ form_start(form) }}
    {% if not inframe %}
        <h1 class="page-title">
        {% if mode=="update" %}
        Modification Icône
        {% elseif mode=="submit" %}
        Création Icône
        {% endif %}
        </h1>
    {%endif%}

    <p>
        {{ form_widget(form.submit) }}
        <a class="btn btn-secondary" href={{ path('app_portal_'~access~'_icon',{'inframe':inframe}) }}>Annuler</a>
        {% if mode=="update" %}
        <a href={{ path('app_portal_'~access~'_icon_delete',{'id':icon.id,'inframe':inframe}) }}
            class="btn btn-danger float-end"
            data-method="delete" data-csrf="_token:{{ 'csrf' }}"
            data-confirm="Êtes-vous sûr de vouloir supprimer cet icône ?">
            Supprimer
        </a>
        {% endif %}
    </p>

    {% 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 class="card">
        <div class="card-header">
            <i class="fa fa-pencil-alt fa-fw"></i> Informations
        </div>

        <div class="card-body">
            <div style="width:90px; margin:10px auto;">
            <img id="icon_label_img" src="{{ asset((icon.label?icon.label:"")) }}" style="width:90px;height:auto;margin:auto;display:block;margin-bottom:5px;background-color: #{{color["main"]}}">
            {{ form_widget(form.label) }}
            <a class="btn btn-info" style="width:90px" data-bs-toggle="modal" data-bs-target="#mymodal" onClick="ModalLoad('mymodal','Téléchargez votre icône','{{ path('app_portal_'~access~'_icon_icon') }}');" title='Ajouter un Logo'>Modifier</a>
            </div>

            <div style="width:200px; margin: 10px auto;text-align:center;">
                Privilégiez des images carrées de minimum 90px par 90px et avec un fond transparent
            </div>

            {{ form_row(form.tags) }}

        </div>
    </div>
{{ form_end(form) }}
{% endblock %}

{% block localjavascript %}
{% endblock %}
