{% if region is defined %}
{% else %}
    {% set region = '' %}
{% endif %}
{% extends "::layout"~region~".html.twig" %}

{% block container %}
    <div class="row">
        <div class="col-md-12">
            <div id="panierProgressBar">
                <a href="{{ path('you_panier_list') }}" class="panier ok">Mon panier <span></span></a>
                <a href="#" onclick="return false;" class="paiement nok">Paiement <span></span></a>
                {% if adresse == 0 %}
                    <a href="#" onclick="return false;" class="recap nok">Récapitulatif <span></span></a>
                {% else %}
                    <a href="{{ path('you_panier_commander_recap') }}" class="recap nok">Récapitulatif <span></span></a>
                {% endif %}
                <a href="#" onclick="return false;" class="adresse {% if adresse == 0 %}n{% endif %}ok">Mon adresse <span></span></a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div id="pagePanierAdresse">
                <div class="container-adresse clearfix">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="adresseLivraison">
                                <h3>Adresse de livraison</h3>
                                {% if livraison > 0 %}
                                    <div id="livraisonID">{% if livraisonAdresse %}{{ livraisonAdresse|raw }}{% endif %}</div>
                                    <a class="livraisonNotOk" href="#" onclick="openAdresseLivraison();
                                            return false;">Choisir une adresse  <i class="icon icon-chevron-right icon-white"></i></a>
                                    {% else %}
                                    <div id="livraisonID"><p>Vous n’avez pas d’articles à faire livrer sur cette commande.</p></div>
                                {% endif %}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="adresseFacturation">
                                <h3>Adresse de facturation</h3>
                                <div id="facturationID">{% if facturationAdresse %}{{ facturationAdresse|raw }}{% endif %}</div>
                                <a class="facturationNotOk" href="#" onclick="openAdresseFacturation();
                                        return false;">Choisir une adresse  <i class="icon icon-chevron-right icon-white"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        {% if adresse == 1 %}
                            <a id="linkCommande" class="ready" href="{{ path('you_panier_commander_recap') }}" >Continuer <i class="icon icon-chevron-right icon-white"></i></a>
                            {% else %}
                            <a id="linkCommande" class="notready" href="{{ path('you_panier_commander_recap') }}" onclick="alert('Vous devez indiquer les adresses');
                                    return false;">Continuer</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block append_javascript %}

    {{ parent() }}

    <script>
        var deliveryAddress = false;
        var billingAddress = false;

        var urlSetAdresse = "{{ path('you_panier_commander_set_address',{type:'__type__',value:'__val__'}) }}";
        function setLivraisonAdresse() {
            nino_Popup.close();
            id = nino_Popup.getValue().id;
            $('#livraisonID').load(urlSetAdresse.replace(/__type__/g, "livraison").replace(/__val__/g, id), function () {
                verifyContinu();
            });

            if ($('#useForFacturation').is(':checked')) {
                $('#facturationID').load(urlSetAdresse.replace(/__type__/g, "facturation").replace(/__val__/g, id), function () {
                    verifyContinu();
                });
                billingAddress = true;
            }
            deliveryAddress = true;
        }

        function verifyContinu() {
            //if(deliveryAddress == true && billingAddress == true){
            if ($('#livraisonID').html() != '' && $('#facturationID').html() != '') {
                $('#linkCommande.notready').addClass('ready').removeClass('notready').attr('onclick', '').html('Continuer <i class="icon icon-chevron-right icon-white"></i>');
            }
        }
        function setFacturationAdresse() {
            nino_Popup.close();
            id = nino_Popup.getValue().id;
            //$('#facturationID').html('&nbsp;');
            $('#facturationID').load(urlSetAdresse.replace(/__type__/g, "facturation").replace(/__val__/g, id), function () {
                verifyContinu();
            });
            billingAddress = true;
        }
        function openAdresseLivraison() {
            nino_OverlayShow(
                    '{{ path('you_popup_adresse') }}',
                    [
                        {checkbox: 'utiliser comme adresse de facturation', class: '', action: '', id: 'useForFacturation'},
                        {text: 'Utiliser cette adresse', class: 'btn-default', action: 'setLivraisonAdresse()'},
                        {text: 'Annuler', class: 'btn-default', action: 'popup.cancel()'},
                    ]
                    );
        }
        function openAdresseFacturation() {
            nino_OverlayShow(
                    '{{ path('you_popup_adresse') }}',
                    [
                        {text: 'Utiliser cette adresse', class: 'btn-default', action: 'setFacturationAdresse()'},
                        {text: 'Annuler', class: 'btn-default', action: 'popup.cancel()'},
                    ]
                    );
        }

    </script>

{% endblock %}