{% extends "YOUCommercantBundle::layout.html.twig" %}

{% block container %}

<div id="page-credit">
    {% for flashMessage in app.session.flashbag.get('error') %}
        <div class="flash-message alert alert-error ">
            {{ flashMessage }}
        </div>
    {% endfor %}

    {% for flashMessage in app.session.flashbag.get('success') %}
        <div class="flash-message alert alert-success ">
            {{ flashMessage }}
        </div>
    {% endfor %}
    <div class="row-fluid">




        <div class="span4">
            <div class="box">
                <div class="box-content">
                        <table class="table table-normal credits">
                            <thead>
                            <tr>
                                <td style="width:33%;">
                                    Solde en attente

                                    <b>{{ attente|toeuro }}</b>

                                </td>
                                <td style="width:34%;">
                                    Solde disponible

                                    <b>{{ credit|toeuro }}</b>

                                </td>
                                <td style="width:33%;">
                                    Solde total

                                    <b>{{ total|toeuro }}</b>

                                </td>
                            </tr>
                            </thead>

                        </table>

                </div>
            </div>
            <div class="box">
                <div class="box-header">
                    <span class="title">Demander un reversement</span>
                </div>
                <div class="box-content contenu noborder paiementRadio">
                    <div class="space">
                        <div>
                            <input id="paiementBancaire" checked="checked" type="radio" value="bancaire" name="paiementType">
                            <label for="paiementBancaire">
                                <b>Par virement bancaire</b>
                                Votre reversement sera transféré sur le compte bancaire spécifié dans votre profil (voir RIB ci-dessous).
                            </label>
                        </div>
                        <div>
                            <input id="paiementCheque" type="radio" value="cheque" name="paiementType">
                            <label for="paiementCheque">
                                <b>Par chèque</b>
                                Votre recevrez un chèque à l'adresse postale spécifiée dans votre profil (voir ci-dessous).
                            </label>
                        </div>
                        <div>
                            <input id="paiementManda" type="radio" value="manda" name="paiementType">
                            <label for="paiementManda">
                                <b>Par mandat cash</b>
                                Vous recevrez un courrier contenant votre mandat à l'adresse postale spécifiée dans votre profil (voir ci-dessous).
                            </label>
                        </div>
                    </div>

                    <div class="box-footer padded">
          <span class="pull-right">
            <a href="#" class="btn btn-blue" onclick="askRetrait();return false;">Demander un reversement</a>
          </span>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="box-header">
                    <span class="title">Informations de reversement</span>
                </div>
                <div class="box-content contenu">
                    <div class="space">
                        <div>
                            <b>Coordonnées bancaires</b>
                            <div id="contenuRib">
                                {% include 'YOUCommercantBundle:Credit:rib.html.twig' %}
                            </div>
                            <a class="pull-right" id="clickRIB" href="">Modifier les coordonnées bancaires <i class="icon-caret-right"></i></a>
                        </div>
                        <div>
                            <b>Adresse postale pour les chèques et mandats</b>
                            <div id="contenuAddr">
                                {% include 'YOUCommercantBundle:Credit:adresse.html.twig' %}
                            </div>
                            <a class="pull-right" id="clickAddr" href="">Modifier l'adresse postale <i class="icon-caret-right"></i></a>
                        </div>
                    </div>

                </div>
            </div>

        </div>


        <div class="box span8" style="overflow:auto;max-height: 767px;">
            <div class="box-header">
                <span class="title">Historique</span>
            </div>
            <div class="box-content">
                <table class="table table-normal">
                    <thead>
                    <tr>
                        <td></td>
                        <td>N° opération</td>
                        <td>Date</td>
                        <td>Montant</td>
                        <td>Indication</td>
                        <td>Etat</td>
                    </tr>
                    </thead>

                    <tbody>

                    {% for item in list|reverse %}
                    <tr class="status-pending">
                        <td>
                            {% if item.valeur > 0 %}
                                <i class="icon-chevron-up" style="color:green;"></i>
                            {% else %}
                                <i class="icon-chevron-down" style="color:red;"></i>
                            {% endif %}
                        </td>
                        <td>{{ item.id }}</td>
                        <td>{{ item.date|date('d/m/Y H:i') }}</td>
                        <td>{{ item.valeur|toeuro }}</td>
                        <td>{{ item.raison }}</td>
                        <td>{% if (item.valeur < 0 and item.etat < 9) %}<span style="color:green;">en cours</span>{% else %}<span style="color:darkred;">Terminé</span>{% endif %}</td>
                    </tr>
                    {% endfor %}


                    </tbody>
                </table>
            </div>
        </div>


        <div id="formRIBCONTENT" style="display: none">
            <form action="{{ path('you_commercant_credit_set_rib') }}"  data-response="contenuRib" id="formRib" method="post" {{ form_enctype(form) }}>
                {{ form_rest(form) }}
            </form>
        </div>
        <div id="formAddrCONTENT" style="display: none">
            <form action="{{ path('you_commercant_credit_set_addr') }}"  data-response="contenuAddr" id="formAddr" method="post" {{ form_enctype(formAddr) }}>
                {{ form_rest(formAddr) }}
            </form>
        </div>

    </div>





</div>


{% endblock %}
{% block append_javascript %}
<script>

    var urlretrait = '{{ path('you_commercant_credit_retirer',{methode:'__m__'}) }}';

    function askRetrait(){
        var val = $('.paiementRadio input[type="radio"]:checked').val();
        document.location.href = urlretrait.replace(/__m__/gi,val);
    }

    var compteurIdForm = 0;

    function addClickFormPopup(e,form,submit){
            e.preventDefault();
        /*
        compteurIdForm++;
            if(compteurIdForm > 1){
                $('#currentFormSave1').html($("#"+form).html());
            }
            */
            nino_OverlayShow(
                    '<div id="currentFormSave'+compteurIdForm+'">'+$("#"+form).html()+'</div>',
                    [
                        {text:'Sauvegarder',class:'btn-default',action:'sendForm(\''+ submit +'\');popup.cancel()'},
                        {text:'Annuler',class:'btn-default',action:'popup.cancel()'}
                    ],
                    true,
                    351
            );
            /*
            $('#currentFormSave1 form').submit(function(e){
                e.preventDefault();
                var self = this;
                $.post($(this).attr('action'),$(this).serialize(),function(data){
                    $('#'+$(self).attr('data-response')).html(data);
                });
            });
            */

    }
    $('#clickRIB').click(function(e){addClickFormPopup(e,'formRIBCONTENT','formRib');});
    $('#clickAddr').click(function(e){addClickFormPopup(e,'formAddrCONTENT','formAddr');});

    function sendForm(formId)
    {
        $('#'+formId).submit();
    }


 </script>
{% endblock %}