Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/trash/vhost_www.rec-app.app_1716798588/htdocs/templates/Pages/Phones/
/srv/data/trash/vhost_www.rec-app.app_1716798588/htdocs/templates/Pages/Phones/edit.html.twig
 {% extends "layout.html.twig" %}

{% block title %}Edit Phone Model{% endblock %}

{% block description %}Description de la page de modèle de téléphone{% endblock %}

{% block content %}
    <h1>Modification du téléphone {{ phone_model.name }}</h1>
    <a href="{{ path('admin_phone_model_index') }}" class="btn btn-primary my-2">Retour à la liste</a>
    <hr>
    {{ form_start(form) }}
        <div class="mb-3">
            {{ form_label(form.phoneBrand) }}
            {{ form_widget(form.phoneBrand, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.phoneBrand) }}
        </div>
        <div class="mb-3">
            {{ form_label(form.name) }}
            {{ form_widget(form.name, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.name) }}
        </div>
        <div class="mb-3">
            {{ form_label(form.description) }}
            {{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.description) }}
        </div>
        <div class="mb-3">
            {{ form_label(form.imageFile) }}
            {{ form_widget(form.imageFile) }}
            {{ form_errors(form.imageFile) }}
        </div>
        <div class="mb-3">
            <label>Options du modèle</label>
            <div data-prototype="{{ form_widget(form.phoneModelOptions.vars.prototype)|e('html_attr') }}" class="form-control">
                {% for option in form.phoneModelOptions %}
                    <div class="form-group row">
                        <div class="col">
                            {{ form_widget(option.phoneOption, {'attr': {'class': 'form-control'}}) }}
                        </div>
                        <div class="col">
                            {{ form_widget(option.value, {'attr': {'class': 'form-control'}}) }}
                        </div>
                        <div class="col">
                            {{ form_widget(option._delete, {'attr': {'class': 'form-check-input'}}) }}
                            {{ form_label(option._delete, 'Supprimer', {'label_attr': {'class': 'form-check-label'}}) }}
                        </div>
                    </div>
                {% endfor %}
            </div>
            <a href="#" class="btn btn-success add_item_link" data-collection-holder-class="div[data-prototype]">+ Ajouter une option</a>
        </div>
        <button class="btn btn-success">{{ button_label|default('Modifier') }}</button>
    {{ form_end(form) }}
{% endblock %}

{% block javascripts %}
    <script>
        $(document).ready(function() {
            var collectionHolder = $('div[data-prototype]');
            var addButton = $('<a href="#" class="btn btn-success add_item_link">+ Ajouter une option</a>');
            var newLinkLi = $('<div class="mb-3"></div>').append(addButton);

            collectionHolder.append(newLinkLi);

            collectionHolder.data('index', collectionHolder.find(':input').length);

            addButton.on('click', function(e) {
                e.preventDefault();
                addForm(collectionHolder, newLinkLi);
            });

            function addForm(collectionHolder, newLinkLi) {
                var prototype = collectionHolder.data('prototype');
                var index = collectionHolder.data('index');

                var newForm = prototype.replace(/__name__/g, index);
                collectionHolder.data('index', index + 1);

                var newFormLi = $('<div class="form-group row"></div>').append(newForm);
                newFormLi.append('<div class="col"><a href="#" class="btn btn-danger remove_item_link">Supprimer</a></div>');

                newLinkLi.before(newFormLi);

                newFormLi.find('.remove_item_link').on('click', function(e) {
                    e.preventDefault();
                    newFormLi.remove();
                });
            }
        });
    </script>
{% endblock %}