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

{% block container %}

    <style>




    </style>

    <div class="form-presentation-boutique">


        {% import 'YOUCommercantBundle::macros.html.twig' as macros %}

<br/>
        {{ macros.ariane({
        'Tableau de bord':{'url':path('you_commercant_secured_homepage')},
        'Fiches infos':{'url':path('you_commercant_boutique_fiches')},
        'Fiche':{},
        }) }}


        <form action="" class="longForm form-v2" id="formulaireAjout" novalidate method="post" {{ form_enctype(form) }}>

            <div class="row-fluid">
                <div class="span8">
                    <h1 class="titretdb">Publier une actualité</h1>
                    <br/><br/>
                    <fieldset>
                        <div class="label_form span3">
                            {{ form_label(form.titre) }}
                        </div>
                        <div class="content_form span9">
                            <p class="information span6">
                                Donnez un titre à votre article ou actualité
                            </p>
                            <div class="error">
                                {{ form_errors(form.titre) }}
                            </div>
                            {{ form_widget(form.titre) }}
                        </div>
                    </fieldset>

                    <fieldset>
                        <div class="label_form span3">
                            {{ form_label(form.description) }}
                        </div>
                        <div class="content_form span9">
                            <p class="information span6">
                                Présentez une facette de votre entreprise ou son actualité : histoire de la société, présentation du commerce, de la boutique, savoir-faire, employés ou membres de l’équipe, événements et autres informations diverses...
                            </p>
                            <div class="error">
                                {{ form_errors(form.description) }}
                            </div>
                            {{ form_widget(form.description) }}
                        </div>
                    </fieldset>


                    <fieldset>
                        <div class="label_form span3"></div>
                        <div class="content_form span9">
                            <div class="error">
                                {{ form_errors(form.image) }}
                            </div>
                            <p>
                                <b>Illustrez votre article avec la photo de votre choix</b> (facultatif)
                            </p>
                            <p>
                                Un article illustré d'une photo donnera une meilleure image à votre page web. Si vous ne savez pas quelle photo utiliser, pensez à réutiliser votre logo ou la photo de votre commerce, par exemple.
                            </p>
                            <div class="clearfix" id="photoContainer">
                                <a href="#" class="photosBox">Ajouter</a>
                            </div>
                        </div>
                    </fieldset>

                    <br/><div class="span3"></div><input type="submit" class="btn btn-green" value="Sauvegarder la fiche info">



                    <div id="hiddenForm">

                        {{ form_rest(form) }}

                    </div>
                </div>

            </div>
        </form>


    </div>


{% endblock %}

{% block append_javascript %}

    {{ parent() }}

    
    {{ tinymce_init() }}
    <script>

        $('p.information').hide();
        $('p.permanence').show();

        $('input,textarea').bind('focus',function(){
            $(this).parent().find('p.information').fadeIn(100);
        }).bind('blur',function(){
                    $(this).parent().find('p.information').fadeOut(100);
                });

        var urlPhotos = "{{ path('you_commercant_boutique_fiche_get_picture',{id:'__ID__'}) }}";


        listIMGid = 0;

    function setUploadEnd(id,path){


    loadPicturePict(id);
    reloadArrayPict(id);

    }
    $('#photoContainer .photosBox').click(function(e){
    e.preventDefault();
    nino_OverlayShow(
    '{{ path('you_commercant_boutique_fiche_upload') }}?fiche=true',
    [

    {text:'Annuler',class:'btn-default',action:'popup.cancel()'}

    ]
    );
    });

    function reloadArrayPict(id){
    var htmlSelect = '';

    if(id){
        htmlSelect += '<option value="'+id+'">'+id+'</option>';
        $('.photosBox').hide();
    }else{
        $('.photosBox').show();
    }

    $('.boutiqueImageSelect').html(htmlSelect).val(listIMGid);


    }

    function loadPicturePict(id){

    $.ajax({url:urlPhotos.replace(/__ID__/g,id),success:function(data){

        $('#photoContainer').prepend('<div class="photoBox"><a href="#" photoId="'+id+'">Supprimer [<i class="icon icon-trash"></i>]</a><img src="'+data+'" /></div>');

        $('.photoBox a[photoId="'+id+'"]').click(function(e){
            $(this).parent().remove();
            e.preventDefault();
            reloadArrayPict();
        });
        reloadArrayPict(id);
    }});

    }



    $(document).ready(function(){

        if($('.boutiqueImageSelect').val()){
        loadPicturePict($('.boutiqueImageSelect').val());
        }

    });
    </script>
{% endblock %}