{% extends "layout/page.html.twig" %}

{% block page_modals %}
    {{ parent() }}
    <div id="c4s-offer-modal" class="modal modal-lg fade c4s-offer-modal" tabindex="-1" aria-labelledby="c4s-offer-modal-title" aria-hidden="true">
        <div class="modal-dialog text-left">
            <div class="modal-content">
                <form name="c4s_offer_modal_form" id="c4s_offer_modal_form" action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                    <div class="modal-header">
                        <h4 id="c4s-offer-modal-title" class="modal-title" id="c4s-offer-modal-title">{{ translate({ ident: "C4S_OFFER_MODAL_TITLE" }) }}</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body" id="c4s-offer-modal-body">
                        <p>
                            {% ifcontent ident "c4s_offer_modal_description" set oContent %}
                                {{ oContent.oxcontents__oxcontent.value|raw }}
                            {% endifcontent %}
                        </p>
                        {{ oViewConf.getHiddenSid()|raw }}
                        <div>
                           <label for="c4s-offer-text" class="d-block mb-2 text-primary">
                               {{ translate({ ident: "C4S_OFFER_MODAL_COMMENTS" }) }}
                           </label>
                           <textarea id="c4s-offer-text"
                                     class="c4s-offer-text"
                                     name="c4s_offer_text"
                                     cols="50"
                                     rows="5"
                                     style="resize: none"
                           ></textarea>
                        </div>
                    </div>
                    <div class="modal-footer" id="c4s-offer-modal-footer">
                        <button type="button" class="btn btn-primary" id="c4s-offer-send-offer-btn">{{ translate({ ident: "C4S_OFFER_MODAL_SEND" }) }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{ script({ include: oViewConf.getVersionedModuleUrl("c4s_offer_ald", "out/src/js/c4s_offer_ald_ajax.js"), priority: 15, dynamic: __oxid_include_dynamic }) }}
{% endblock %}