{% extends "porto-corporate-layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('demande-documents-style') }}
{% endblock %}


{% block pageheader %}
    {{ parent() }}
{% endblock %}

{% block container_class %} container py-2 {% endblock %}

{% block pagecontent %}

    <div class="row justify-content-center">

        <div class="col-lg-12">

            <div class="row">
                <div class="col-md-12">
                    {% for flashMessage in app.session.flashbag.get('error') %}
                        <div class="alert alert-danger alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ flashMessage|raw }}
                        </div>
                    {% endfor %}
                    {% for flashMessage in app.session.flashbag.get('notice') %}
                        <div class="alert alert-success alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ flashMessage|raw }}
                        </div>
                    {% endfor %}
                </div>
            </div>

            {{ form_start(form, {'attr': {'role': 'form', 'id': 'demandeDocumentsForm', 'enctype': 'multipart/form-data', 'onSubmit': 'formSubmit(this)'}}) }}

            {{ form_errors(form) }}

                <div class="card">
                    <div class="card-header py-1 color-client" data-card-body-id="card-body-demande-documents">
                        <h4>
                            {{'Nouvelle demande de document(s)'|trans}}
                        </h4>
                    </div>
                    <div class="card-body card-body-integration" id="card-body-demande-documents">

                        <div class="row">
                            <div class="col-md-12">

                                <div class="form-group row">
                                    <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.type) }}</label>
                                    <div class="col-lg-4">{{ form_widget(form.type) }}</div>
                                    <span class="help-block"></span>
                                    {{ form_errors(form.type) }}
                                </div>

                                <div class="form-group row">
                                    <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.titre) }}</label>
                                    <div class="col-lg-6">{{ form_widget(form.titre) }}</div>
                                    <span class="help-block"></span>
                                    {{ form_errors(form.titre) }}
                                </div>

                                <div class="row pp-ou-pm mb-3" data-pp-ou-pm="pp" style="display: none">
                                    <div class="col-md-12">
                                        <div class="form-group row mb-0">
                                            <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.client) }}</label>
                                            <div class="col-lg-5">{{ form_widget(form.client) }}</div>
                                            <span class="help-block"></span>
                                            {{ form_errors(form.client) }}
                                        </div>
                                        <div class="row">
                                            <div class="col-md-10 offset-md-2 fst-italic">
                                                {{'Seules les personnes physiques rattachées à un client O2S sont proposées dans le menu déroulant'|trans}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row pp-ou-pm mb-3" data-pp-ou-pm="pm" style="display: none">
                                    <div class="col-md-12">
                                        <div class="form-group row mb-0">
                                            <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.personneMorale) }}</label>
                                            <div class="col-lg-5">{{ form_widget(form.personneMorale) }}</div>
                                            <span class="help-block"></span>
                                            {{ form_errors(form.personneMorale) }}
                                        </div>
                                        <div class="row">
                                            <div class="col-md-10 offset-md-2 fst-italic text-2 lh-18 pt-2">
                                                {{'Les personnes morales proposées dans le menu déroulant sont celles'|trans}} :<br />
                                                - {{'rattachées à un contact O2S'|trans}}<br />
                                                - {{'rattachées à au moins un client enregistré dans l\'application, tous les clients rattachés devant également être associés à un contact O2S'|trans}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row" >
                                    <div class="col-md-12">
                                        <label class="font-weight-bold text-dark col-form-label form-control-label text-2 me-2">{{ form_label(form.youSignAuthentication) }}</label>
                                        {{ form_widget(form.youSignAuthentication) }}
                                    </div>
                                </div>

                                <div class="form-group row" >
                                    <div class="col-md-12">
                                        <label class="font-weight-bold text-dark col-form-label form-control-label text-2 me-2">{{ form_label(form.pasDEnvoiMail) }}</label>
                                        {{ form_widget(form.pasDEnvoiMail) }}
                                        <span class="fst-italic text-2 ms-3">{{'Si vous cochez cette case, aucun mail ne sera envoyé au(x) client(s) lors de la validation'|trans}}</span>
                                    </div>
                                </div>

                                {#
                                <div id="authentication-mode-wrapper">
                                </div>
                                #}

                            </div>
                        </div>

                    </div>
                </div>

                <div id="scenarios-wrapper">
                </div>

                <div class="row">
                    <div class="col-md-12">
                    <div class="form-action">
                            {{ form_widget(form.valider) }}
                            {{ form_widget(form.validerEtNouvelleDemande) }}
                            <a
                                class="btn btn-client-primary-inverse"
                                onClick="return annulerButtonClick();"
                                href="{{path('attitudepatrimoine_documents_liste')}}"
                            >{{'Annuler'|trans}}</a>
                    </div>
                    </div>
                    <div class="col-md-2">
                    </div>
                </div>

            {{ form_end(form) }}

        </div>
    </div>

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>

        var documentsAcceptesString = '{{documentsAcceptesString|raw}}';
        var documentsExtensionsString = '{{documentsExtensionsString|raw}}';
        var documentsTailleMaxi = {{documentsTailleMaxi}};

        $(document).ready(function() {
            $("#demande_documents_type").val("");
        });

    </script>

    {{ encore_entry_script_tags('demande-documents-script') }}
    {{ encore_entry_script_tags('file-upload-script') }}


{% endblock %}