{# templates/superadmin/configuration/superadmin_tarification_cinq_dix.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Tarification 5-10 jours - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}


    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                    <form class="form-horizontal" name="tarification_cinq_dix_form" id="tarification_cinq_dix_form" method="post" action="{{ path('superadmin_tarification_cinq_dix') }}">
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-4 spa-col-label fg-m-bottom">
                                <label for="tarificationCinqDix" class="form-control-label spa-label">Tarification 5-10 jours</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" 
                                       class="form-control" 
                                       name="form[tarificationCinqDix]" 
                                       id="tarificationCinqDix" 
                                       value="{{ configuration.tarificationCinqDix }}" 
                                       onkeyup="pointsToEuro($(this).val());">
                            </div>
                            <div class="col-12 col-md-6 fg-m-bottom" style="padding-top:6px;">
                                <span id="euro_tarification_cinq_dix">points {% if configuration.tarificationCinqDix > 0 %}( soit {{ (configuration.tarificationCinqDix * 1.2) }} &euro; ){% endif %}</span>
                            </div>
                            <div class="offset-md-4 col-md-8 fm-error" id="error-tarification-cinq-dix"></div>
                        </div>

                        <div class="row form-group">
                            <div class="col col-md-4"></div>
                            <div class="col-12 col-md-3" style="margin-bottom:12px;">
                                <input type="hidden" id="edit_tarification_cinq_dix" name="edit_tarification_cinq_dix" value="edit_tarification_cinq_dix">
                                <button type="button" id="edit_tarification_cinq_dix_btn" class="btn btn-info btn-sm btn-block">
                                    <i class="zmdi zmdi-refresh"></i>&nbsp; Mettre à jour
                                </button>
                            </div>
                            <div class="col-12 col-md-2"></div>
                        </div>
                    </form>

                </div>
            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
		/* $(document).on('keypress', 'form#tarification_cinq_dix_form input#tarificationCinqDix', function(e) {
			if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
				return false;
			}
		}); */

        $(document).on('click', '#edit_tarification_cinq_dix_btn', function(){
            var ckeck = 0;
            
            if ($('form#tarification_cinq_dix_form #tarificationCinqDix').val().length = 0) {	
                ckeck += 1;
                $('#error-tarification-cinq-dix').html('Veuillez insérer la tarification 5-10 jours');
                $('form#tarification_cinq_dix_form #tarificationCinqDix').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-tarification-cinq-dix').html('');
                });            
            }
        
            if (ckeck == 0) {
                $('form#tarification_cinq_dix_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>


    function pointsToEuro(val){
        if (val.length > 0) {
            if (Number(val) > 0) {
                var val_euro = (Number(val) * 1.2).toFixed(2);
                $('span#euro_tarification_cinq_dix').html('points ( soit ' + val_euro + ' &euro; )');
            } else if (Number(val) == 0) {
                $('span#euro_tarification_cinq_dix').html('points');
            }
        }
    }
    </script>
{% endblock %}