{% extends '@Payment/base.html.twig' %}

{% block title %}Modules de payment{% endblock %}

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

{% block dashbody %}
    <div class="container">
        <div class="row">
            <div class="col s12">
                <h3 class="center">Modules de payment : {% if paymentMode is defined %}{{ paymentMode.name }}{% endif %}</h3>
            </div>
        </div>
        <div class="row">
            <div class="input-field col s12 m8 offset-m2">
                <a href="{{ path('app_list_payments_modes') }}" class="waves-effect waves-light btn btn-background"><i class="material-icons left">chevron_left</i>{{ 'default.buttons.list_payment_mode'|trans }}</a>
                {% if paymentMode is defined %}
                    <a href="{{ path('app_new_payment_group', {'publicKey' : paymentMode.publicKey} ) }}" class="waves-effect waves-light btn btn-background right"><i class="material-icons right">chevron_right</i>{{ 'payment_mode.button.add_to_group'|trans }}</a>
                {% endif %}

            </div>
        </div>
        <div class="row">
            {#Message success#}
            {% for message in app.session.flashBag.get('success') %}
                <div class="card-panel teal lighten-5 flow-text col s12 m6 offset-m3 center-align message">
                    {{ message }}
                </div>
            {% endfor %}

            {#message errors#}
            {% for message in app.session.flashBag.get('errors') %}
                <div class="card-panel red lighten-2 flow-text col s12 m6 offset-m3 center-align message">
                    {{ message }}
                </div>
            {% endfor %}
        </div>
        <div class="row">
            <form class="col s12" method="post" action="{{ path(route,parameters) }}">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('app_create_payment_mode') }}">
                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <select id="payment_mode" name="paymentType" required>
                            <option disabled selected>Choisir</option>
                            <optgroup label="Paiement en ligne">
                                {#<option value="atos SIPS" {% if paymentMode is defined and paymentMode.name == 'Atos SIPS' %}selected{% endif %}>Atos SIPS</option>#}
                                {#<option value="centralpay" {% if paymentMode is defined and paymentMode.name == 'CentralPay' %}selected{% endif %}>CentralPay</option>#}
                                {#<option value="klik&pay" {% if paymentMode is defined and paymentMode.name == 'Klik&Pay' %}selected{% endif %}>Klik&Pay</option>#}
                                <option value="paybox" {% if paymentMode is defined and paymentMode.paymentType == 'paybox' %}selected{% endif %}>Paybox</option>
                                <option value="3xssfrais" {% if paymentMode is defined and paymentMode.paymentType == '3xssfrais' %}selected{% endif %}>Paybox 3 fois</option>
                                {#<option value="paynet" {% if paymentMode is defined and paymentMode.name == 'PayNet' %}selected{% endif %}>PayNet</option>#}
                                <option value="paypal" {% if paymentMode is defined and paymentMode.paymentType == 'paypal' %}selected{% endif %}>PayPal</option>
                                <option value="payline3x" {% if paymentMode is defined and paymentMode.paymentType == 'payline3x' %}selected{% endif %}>Payline 3x</option>
                                <option value="payzen" {% if paymentMode is defined and paymentMode.paymentType == 'payzen' %}selected{% endif %}>PayZen</option>
                                {#<option value="stripe" {% if paymentMode is defined and paymentMode.paymentType == 'Stripe' %}selected{% endif %}>Stripe</option>#}
                                <option value="systempay" {% if paymentMode is defined and paymentMode.paymentType == 'systempay' %}selected{% endif %}>SystemPay</option>
                                <option value="redsys" {% if paymentMode is defined and paymentMode.paymentType == 'redsys' %}selected{% endif %}>RedSys</option>
                            </optgroup>
                            <optgroup label="Paiement manuel">
                                <option value="cheque" {% if paymentMode is defined and paymentMode.paymentType == 'cheque' %}selected{% endif %}>Chèque</option>
                                <option value="virement_bancaire" {% if paymentMode is defined and paymentMode.paymentType == 'virement_bancaire' %}selected{% endif %}>Virement Bancaire</option>
                                <option value="cheque_ANCV" {% if paymentMode is defined and paymentMode.paymentType == 'cheque_ANCV' %}selected{% endif %}>Cheque ANCV</option>
                                <option value="LCR" {% if paymentMode is defined and paymentMode.paymentType == 'LCR' %}selected{% endif %}>LCR</option>
                                <option value="contre_remboursement" {% if paymentMode is defined and paymentMode.paymentType == 'contre_remboursement' %}selected{% endif %}>Contre remboursement</option>
                            </optgroup>
                        </select>
                        <label for="payment_mode">Choisissez le mode de Paiement <span class="req">*</span></label>
                    </div>

                    <div class="input-field col s12 m4">
                        <select id="context" name="context" required>
                            <option disabled selected>Choisir</option>
                            <option value="TEST" {% if paymentMode is defined and paymentMode.context == 'TEST' %}selected{% endif %}>TEST</option>
                            <option value="PRODUCTION" {% if paymentMode is defined and paymentMode.context == 'PRODUCTION' %}selected{% endif %}>PRODUCTION</option>
                        </select>
                        <label for="context">Context <span class="req">*</span></label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="payment_name" name ="name" type="text" required {% if paymentMode is defined %}value="{{ paymentMode.name }}"{% endif %}>
                        <label for="payment_name">Nom <span class="req">*</span></label>
                    </div>
                    <div class="input-field col s12 m4">
                        <input id="externalId" name ="externalId" type="text" required
                               {% if paymentMode is defined %}
                                    {% if paymentMode.externalId %}
                                        value="{{ paymentMode.externalId }}"
                                    {% else %}
                                        value="0"
                                    {% endif %}
                               {% else %}
                                    value="0"
                                {% endif %}>
                        <label for="externalId">ID Externe <span class="req">*</span></label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="paypalCustom" name ="paypalCustom" type="text" {% if paymentMode is defined %}value="{{ paymentMode.paypalCustom }}"{% endif %}>
                        <label for="paypalCustom">Nom de l'application (uniquement pour PayPal)</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="currency" name ="currency" type="text" {% if paymentMode is defined %}value="{{ paymentMode.currency }}"{% endif %}>
                        <label for="currency">Devise</label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="shopKeyTest" name ="shopKeyTest" type="text" {% if paymentMode is defined %}value="{{ paymentMode.shopKeyTest }}"{% endif %}>
                        <label for="shopKeyTest">Clé boutique test</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="shopKeyProd" name ="shopKeyProd" type="text" {% if paymentMode is defined %}value="{{ paymentMode.shopKeyProd }}"{% endif %}>
                        <label for="shopKeyProd">Clé boutique prod</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="rangTest" name ="rangTest" type="text"
                                {% if paymentMode is defined %}
                            {% if paymentMode.rangTest %}
                                value="{{ paymentMode.rangTest }}"
                            {% else %}
                                value="0"
                            {% endif %}
                        {% else %}
                            value="0"
                                {% endif %}>
                        <label for="rangTest">Rang Test</label>
                    </div>

                    <div class="input-field col s12 m4">
{#                        <input id="rangProd" name ="rangProd" type="text" {% if paymentMode is defined %}value="{{ paymentMode.rangProd }}"{% endif %}>#}
                        <input id="rangProd" name ="rangProd" type="text"
                                {% if paymentMode is defined %}
                            {% if paymentMode.rangProd %}
                                value="{{ paymentMode.rangProd }}"
                            {% else %}
                                value="0"
                            {% endif %}
                        {% else %}
                            value="0"
                                {% endif %}>
                        <label for="rangProd">Rang Prod</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="terminal" name ="terminal" type="text" {% if paymentMode is defined %}value="{{ paymentMode.terminal }}"{% endif %}>
                        <label for="terminal">Terminal (RedSys) ou Clé PPPS (PayBox)</label>
                    </div>
                    <div class="input-field col s12 m4">
                        <input id="companyName" name ="companyName" type="text" {% if paymentMode is defined %}value="{{ paymentMode.companyName }}"{% endif %}>
                        <label for="companyName">Nom de la companie (pour 3xs frais)</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="identifierTest" name ="identifierTest" type="text" {% if paymentMode is defined %}value="{{ paymentMode.identifierTest }}"{% endif %}>
                        <label for="identifierTest">Identifiant Test</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="identifierProd" name ="identifierProd" type="text" {% if paymentMode is defined %}value="{{ paymentMode.identifierProd }}"{% endif %}>
                        <label for="identifierProd">Identifiant Prod</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="certificateTest" name ="certificateTest" type="text" {% if paymentMode is defined %}value="{{ paymentMode.certificateTest }}"{% endif %}>
                        <label for="certificateTest">Certificat Test</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="certificateProd" name ="certificateProd" type="text" {% if paymentMode is defined %}value="{{ paymentMode.certificateProd }}"{% endif %}>
                        <label for="certificateProd">Certificat Prod</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="urlPaymentTest" name ="urlPaymentTest" type="text" {% if paymentMode is defined %}value="{{ paymentMode.urlPaymentTest }}"{% endif %}>
                        <label for="urlPaymentTest">URL Paiement Test</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="urlPaymentProd" name ="urlPaymentProd" type="text" {% if paymentMode is defined %}value="{{ paymentMode.urlPaymentProd }}"{% endif %}>
                        <label for="urlPaymentProd">URL Paiement Prod</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m4 offset-m2">
                        <input id="urlReturnSuccess" name ="urlReturnSuccess" type="text" {% if paymentMode is defined %}value="{{ paymentMode.urlReturnSuccess }}"{% endif %}>
                        <label for="urlReturnSuccess">URL Retour Success</label>
                    </div>

                    <div class="input-field col s12 m4">
                        <input id="urlReturnError" name ="urlReturnError" type="text" {% if paymentMode is defined %}value="{{ paymentMode.urlReturnError }}"{% endif %}>
                        <label for="urlReturnError">URL Retour Erreur</label>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m8 offset-m2">
                        <span>Informations Complémentaires</span>
                        <textarea id="editor" name="description" class="materialize-textarea editor">{% if paymentMode is defined %}{{ paymentMode.description }}{% endif %}</textarea>

                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12 m8 offset-m2">
                        <button type="submit" class="waves-effect waves-ligh btn btn-background right">Validée <i class="material-icons right">send</i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>

{% endblock %}

{% block scripts %}
    {{ parent() }}
    <script type="text/javascript">
        $('#payment_mode').on('change', function () {
            let default_name = $('#payment_mode').val();
            $('#payment_name').val(default_name);
            M.updateTextFields();
        })
    </script>
{% endblock %}