{% extends 'YOUAdminBundle::layout.html.twig' %}

{% block body %}
    {% import 'YOUAdminBundle:Boutique:macro.html.twig' as macros %}
    <div class="main-content">
        <div class="container-fluid padded">

            <div class="row-fluid">

                {% for img in imgBoutique %}
                    <a target="_blank" href="{{ path('you_admin_validation_photos_croper',{type:'boutique',id:img.id}) }}" class=" imageToValidate">
                        <img src="http://{{ picthost }}/{{ img.webPath }}" alt="" />
                        {% if img.logo == 1 %}
                            <h5>Logo Boutique </h5>
                        {% else %}
                            <h5>Image présentation</h5>
                        {% endif %}
                    </a>
                {% endfor %}

                {% for img in imgProduct %}
                    <div id="product-{{ img.id }}">
                    <a target="_blank" href="{{ path('you_admin_validation_photos_croper',{type:'product',id:img.id}) }}" class=" imageToValidate">
                        <img src="http://{{ picthost }}/{{ img.webPath }}" alt="" />
                        <h5>Image produit</h5>
                        <h6>Titre :{{ img.titre }}</h6>
                        <h6>Description : {{ img.description }}</h6>
                        <h6>Taille : {{ img.fileSize }}</h6>
                        <h6>Hauteur: {{ img.height }}px</h6>
                        <h6>Largeur: {{ img.width }}px</h6>
                        <h6>Date de creation: {{ img.product.date | date('m/d/Y') }}</h6>
                        <h6>Prix {% if img.product.type == 'material' %}{{ img.product.material.prix }}{% else %}{{ img.product.service.tarif }}{% endif %}&euro;</h6>
                    </a>
                    <a href="#" class="refuse btn-success" data-id="{{ img.id }}" >Refuser Le produit</a>
                    <div style="display:none" id="div-{{ img.id }}">
                        Motif<input id="input-{{ img.id }}" value=""/>
                        <a href="#" class="btn-success confirm"  data-id="{{ img.id }}">Confirmer</a>
                    </div>
                    </div>
                {% endfor %}

            </div>


        </div>
    </div>
    <script type="text/javascript">
        $('.refuse').click(function(){
            var id = $(this).attr('data-id');
            $('#div-'+id).show();
            return false;
        })
        $('.confirm').click(function(){
            var id = $(this).attr('data-id');

            if($('#input-'+id).attr('value') == '')
            {
                alert('Saisir un motif');
            }else{


                $.ajax({
                    url : '{{ path('you_admin_validation_produit_refuser') }}',
                    type:  'POST',
                    data : {text: $('#input-'+id).attr('value'),id : id },
                    dataType: 'json',
                    complete: function(data)
                    {
                        var json = $.parseJSON(data.responseText);
                        if (json.success == true);
                       {
                            $('#product-'+id).hide();
                        }
                    }
                });
            }

        });

    </script>
{% endblock %}