{% extends 'base.html.twig' %}
{% import "contract/form/macros/_contractAttachementsMacro.html.twig" as formMacros %}
{% import "contract/form/macros/_extraOptionMacro.html.twig" as formExtraMacros %}

{% block title %}{{ 'contract.request.proposal'|trans }}{% endblock %}

{% block body %}
    {#    <h1>{{ 'contract.request.proposal'|trans }} ✅</h1>#}
    {#    <div class="well">#}
    {#        <div class="form-group col-md-6">#}
    {#            <h2>{{ 'contract.request.proposal_patron'|trans }} </h2>#}
    {#            <div class="example-wrapper">#}
    {#                {{ dump(form_proposal) }}#}
    {#                {{ form_start(form_proposal) }}#}
    {#                {{ form_label(form_proposal.contractAttachements) }}#}
    {#                <ul id="contract-attachement-prposal-fields-list"#}
    {#                    data-prototype="{{ form_widget(form_proposal.children.contractAttachements.vars.prototype)|e }}"#}
    {#                    data-widget-tags="{{ '<li></li>'|e }}"#}
    {#                    data-widget-counter="1"#}
    {#                >#}
    {#                    {% for key,contractAttachementForm in form_proposal.contractAttachements %}#}
    {#                        {{ form_widget(contractAttachementForm) }}#}

    {#                    {% endfor %}#}

    {#                </ul>#}
    {#                <button type="button"#}
    {#                        class="add-another-proposal_collection-widget"#}
    {#                        data-list-selector="#contract-attachement-prposal-fields-list"><span class="fa fa-file"#}
    {#                                                                                             aria-hidden="true"></span> {{ 'action.label.joint_file'|trans }}#}
    {#                </button>#}
    {#                <div class="row"><br></div>#}
    {#            </div>#}
    {#        </div>#}
    {#        <div class="form-group col-md-6">#}
    {#            <h2>{{ 'contract.request.proposal_seller'|trans }} </h2>#}
    {#            <div class="example-wrapper">#}
    {#                {{ form_label(form_proposal.contractAttachementsVendor) }}#}
    {#                <ul id="contract-attachement-prposal-seller-fields-list"#}
    {#                    data-prototype="{{ form_widget(form_proposal.children.contractAttachementsVendor.vars.prototype)|e }}"#}
    {#                    data-widget-tags="{{ '<li></li>'|e }}"#}
    {#                    data-widget-counter="10"#}
    {#                >#}
    {#                    {% for key,contractAttachementVendorForm in form_proposal.contractAttachementsVendor %}#}
    {#                        {{ form_widget(contractAttachementVendorForm) }}#}

    {#                    {% endfor %}#}

    {#                </ul>#}
    {#                <button type="button"#}
    {#                        class="add-another-proposal_collection-seller-widget"#}
    {#                        data-list-selector="#contract-attachement-prposal-seller-fields-list"><span class="fa fa-file"#}
    {#                                                                                                    aria-hidden="true"></span> {{ 'action.label.joint_file'|trans }}#}
    {#                </button>#}
    {#                <div class="row"><br></div>#}
    {#            </div>#}
    {#        </div>#}
    {#        <div class="row"></div>#}
    {#        <button type="submit" class="btn btn-primary pull-right">#}
    {#            <i class="fa fa-sign-in" aria-hidden="true"></i> {{ 'action.save'|trans }}#}
    {#        </button>#}
    {#        <div class="row"></div>#}
    {#        <div class="row"><br></div>#}
    {#    </div>#}
    {#    <div class="hisdden">#}
    {#        {{ form_end(form_proposal) }}#}
    {#    </div>#}
    {{ form_start(form_proposal, {attr: {novalidate: 'novalidate', class: 'do_proposa_form', id: 'do-proposal'}}) }}
    {#    {{ form_errors(form_proposal) }}#}
    {% set form_errors = proposalLinesErrors(form_proposal.vars.errors) %}
    {% if form_proposal.vars.errors.count > 0 and 'proposal_attachements' in form_errors|keys %}
        <div class="alert alert-danger" role="alert">
            {% for error in form_errors.proposal_attachements %}
                {% if error is iterable %}
                    {% for err in error %}
                        <span class="fa fa-exclamation-circle"></span> {{ err }}<br/>
                    {% endfor %}
                {% else %}
                    <span class="fa fa-exclamation-circle"></span> {{ error }}<br/>
                {% endif %}

            {% endfor %}
        </div>
    {% endif %}
    <div class="panel panel-success">
        <div class="panel-heading">
            <h2>{{ 'contract.request.proposal_seller'|trans }} </h2>
        </div>
        <div class="panel-body">
            {#                <div class="example-wrapper">#}
            {#                    {{ form_label(form_proposal.contractAttachementsSeller) }}#}
            {#                    <ul id="contract-attachement-prposal-seller-fields-list"#}
            {#                        data-prototype="{{ form_widget(form_proposal.children.contractAttachementsSeller.vars.prototype)|e }}"#}
            {#                        data-widget-tags="{{ '<li></li>'|e }}"#}
            {#                        data-widget-counter="10"#}
            {#                    >#}
            {#                        {% for key,contractAttachementSellerForm in form_proposal.contractAttachementsSeller %}#}
            {#                            {{ form_widget(contractAttachementSellerForm) }}#}

            {#                        {% endfor %}#}

            {#                    </ul>#}
            {#                    <button type="button"#}
            {#                            class="add-another-proposal_collection-seller-widget"#}
            {#                            data-list-selector="#contract-attachement-prposal-seller-fields-list"><span#}
            {#                                class="fa fa-file"#}
            {#                                aria-hidden="true"></span> {{ 'action.label.joint_file'|trans }}#}
            {#                    </button>#}
            {#                    <div class="row"><br></div>#}
            {#                </div>#}
            <div class="form-row">
                <h4>{{ form_label(form_proposal.contractAttachementsSeller) }}</h4>
                <div class="form-group">
                    <div class="contract-attachement-fields-list"
                         data-prototype="{{ formExtraMacros.printAttachementRow(form_proposal.contractAttachementsSeller.vars.prototype)|e('html_attr') }}"
                         data-index="{{ form_proposal.contractAttachementsSeller|length }}"
                    >
                        {% for attachement in form_proposal.contractAttachementsSeller %}
                            {{ formExtraMacros.printAttachementRow(attachement) }}
                        {% endfor %}
                        <div class="col-lg-12">
                            <a href="#" class="js-attachement-add">
                                <span class="fa fa-plus-circle"></span>
                                {{ 'action.label.joint_file'|trans }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-warning">
        <div class="panel-heading">
            <h2>{{ 'contract.request.proposal_patron'|trans }} </h2>
        </div>
        <div class="panel-body">
            <div class="form-row">
                <div class="form-group">
                    <p>
                        {{ 'contract.request.proposal_text1'|trans }} : <b>{{ contract.extraOption|length }}</b>
                        <br/>
                        {{ 'contract.request.proposal_text2'|trans }}
                    </p>
                    {{ form_label(form_proposal.contractAttachements) }}
                    <div class="contract-attachement-prposal-fields-list list-group list-group-flush"
                            {#                        data-prototype="{{ form_widget(form_proposal.children.contractAttachements.vars.prototype)|e }}"#}
                         data-prototype="{{ formMacros.printProposalPatronFieldRow(form_proposal.children.contractAttachements.vars.prototype)|e('html_attr') }}"
                         data-index="{{ form_proposal.contractAttachements|length }}"
                    >
                        {% set attachementsErrors = form_errors.contractAttachements ?? null %}
                        {% for key,contractAttachementForm in form_proposal.contractAttachements %}
                            {#                            {{ form_widget(contractAttachementForm) }}#}
                            {{ formMacros.printProposalPatronFieldRow(contractAttachementForm,loop.index,attachementsErrors) }}
                        {% endfor %}
                        {#                        <button type="button"#}
                        {#                                class="js-extra-option-add">#}
                        {#                            <span class="fa fa-file" aria-hidden="true"></span> {{ 'action.label.joint_file'|trans }}#}
                        {#                        </button>#}
                        <div class="col-lg-12">
                            <h4>
                                <a href="#" class="js-extra-option-add">
                                    <span class="fa fa-plus-circle"></span>
                                    {{ 'action.label.joint_file'|trans }}
                                </a>
                            </h4>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h2>{{ 'contract.proposal.due_date'|trans }} </h2>
        </div>
        <div class="panel-body">
            <div class="form-group col-md-12">
                {{ form_row(form_proposal.dueDate) }}
            </div>
        </div>
    </div>

    <div class="pull-right">
        <button type="submit" class="btn btn-primary pull-right">
            <i class="fa fa-sign-in" aria-hidden="true"></i> {{ 'action.save'|trans }}
        </button>
    </div>
    {#    {{ form_widget(form_proposal) }}#}
    {{ form_end(form_proposal) }}
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).on('submit', 'form.do_proposa_form', function () {
            $('input, select').prop('disabled', false);
        });
    </script>
{% endblock %}