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

{% block container %}
    <br/>
    <div class="container-fluid padded">
        <div class="row-fluid">



            <div class="span2 pull-left">
                <!-- find me in partials/action_nav_normal -->
                <!--big normal buttons-->
                <h1 class="titretdb">Accueil {{ app.user.customer.enterprise.boutique.nom }}</h1>
                <br/>
                <br/>
                <br/><div class="action-nav-normal">
                    <div class="row-fluid">
                        <div class="span12 action-nav-button">
                            <a  href="#" onclick="openMessagerie(); return false;"title="New Project"> <i class="icon-envelope-alt"></i>
                                <span>Messages</span>
                            </a>
                            {% if unread > 0 %}<span class="label label-red">{{ unread }}</span>{% endif %}

                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12 action-nav-button">
                            <a href="{{ path('you_commercant_commande_list') }}" title="Files"> <i class="icon-shopping-cart"></i>
                                <span>Commandes</span>
                            </a>
                            {% if commandeNB > 0 %}
                            <span class="label label-red">{{ commandeNB }}</span>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12 action-nav-button">
                            <a href="{{ path('you_commercant_devis') }}" title="Friends"> <i class="icon-folder-open"></i>
                                <span>Demandes de Devis</span>
                            </a>
                            {% if unreadDevis > 0 %}
                            <span class="label label-red">{{ unreadDevis }}</span>
                            {% endif %}
                        </div>
                    </div>
                </div>


                <div class="row-fluid">
                    <div class="box span12">
                        <div class="box-header">
                            <span class="title">Astuce</span>
                        </div>
                        <div class="box-content padded">
                            <div class="row-fluid">
                                <p>{{ astuce.content|raw }}</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>


            {% if boutique.level >= 30 %}
                {% include 'YOUCommercantBundle:Default:summum.html.twig' %}
            {% elseif boutique.level >= 20 %}
                {% include 'YOUCommercantBundle:Default:premium.html.twig' %}
            {% elseif boutique.level >= 10 %}
                {% include 'YOUCommercantBundle:Default:basic.html.twig' %}
            {% endif %}
        </div>

    </div>
{% endblock %}



{% block append_javascript %}
    <script>

    $('#btnAddTache').click(function(e){
        e.preventDefault();
        nino_OverlayShow(
                '<div id="formulaireAjoutTache">'+$("#formulaireAjoutDeTache").html()+'</div>',
                [
                    {text:'Ajouter la tâche',class:'btn-default',action:'addEvent();popup.cancel()'},
                    {text:'Annuler',class:'btn-default',action:'popup.cancel()'}
                ],
                true,
                351
        );
    });

    var blockAddEvent = false;
    function addEvent(){
        if(!blockAddEvent){
            blockAddEvent = true;
            var event = {
                description: $('textarea[name="description"]').val(),
                title: $('input[name="titre"]').val(),
                date: $('input[name="date"]').val(),
                time: $('input[name="heure"]').val(),
                couleur:$('select[name="couleur"]').val()
            };
            if(event.title.length == 0){
                return alert("Vous devez mettre un titre");
            }
            if(event.date.length == 0){
                return alert("Vous devez mettre une date");
            }
            $.post('{{ path('you_commercant_calendar_add') }}',event,function(data){
                console.log(data);
                data.date = data.date.date;
                $('#calendar').fullCalendar( 'addEventSource', {events:[data]} );
                $('textarea[name="description"],input[name="titre"],input[name="date"],input[name="heure"],select[name="couleur"]').val('');
                blockAddEvent = false;
            },'json');
        }

    }

    var tt = document.createElement('div'),
            leftOffset = -(~~$('html').css('padding-left').replace('px', '') + ~~$('body').css('margin-left').replace('px', '')),
            topOffset = -32;
    tt.className = 'ex-tooltip';
    document.body.appendChild(tt);

    {% set maxVisitesPerDay = 0 %}
    var data = {
        "xScale": "ordinal",
        "yScale": "linear",
        "main": [
            {
                "className": ".pizza",
                "data": [
                    {% for key,item in visites %}
                    {
                        {% if key == 0 %}
                        "x": "Aujourd'hui",
                        {% else %}
                        "x": "{{ item.date|date('d/m') }}",
                        {% endif %}
                        "y": {{ item.count }}
                        {% if item.count > maxVisitesPerDay %}{% set maxVisitesPerDay = item.count %}{% endif %}
                    },
                    {% endfor %}
                ]
            }
        ]
    };
    {% if maxVisitesPerDay > 5 %}{% set maxVisitesPerDay = 5 %}{% endif %}
    {% if maxVisitesPerDay == 0 %}{% set maxVisitesPerDay = 1 %}{% endif %}

    var optsVisites = {

        "mouseover": function (d, i) {
            var pos = $(this).offset();
            $(tt).text(d.x+ ' : '+ d.y+' visite(s)')
                    .css({top: topOffset + pos.top, left: pos.left + leftOffset})
                    .show();
        },
        "mouseout": function (x) {
            $(tt).hide();
        },
        yMin :0,

        tickHintY:{{ maxVisitesPerDay }},
        paddingLeft:30
    };
    var opts = {

        "mouseover": function (d, i) {
            var pos = $(this).offset();
            $(tt).text(d.x+ ' : '+ d.y+' revenus')
                    .css({top: topOffset + pos.top, left: pos.left + leftOffset})
                    .show();
        },
        "mouseout": function (x) {
            $(tt).hide();
        },
        yMin :0,

        tickHintY:5,
        paddingLeft:30
    };
    var dataRevenu = {
        "xScale": "ordinal",
        "yScale": "linear",
        "main": [
            {
                "className": ".pizza",
                "data": [
                    {
                        "x": "17/11",
                        "y": 0
                    },
                    {
                        "x": "18/11",
                        "y": 0
                    },
                    {
                        "x": "19/11",
                        "y": 0
                    },
                    {
                        "x": "20/11",
                        "y": 0
                    },
                    {
                        "x": "Aujourd'hui",
                        "y": 0
                    }
                ]
            }
        ]
    };

    {% set maxCmdDevisPerDay = 0 %}
    var dataCommandes = {
        "xScale": "ordinal",
        "yScale": "linear",
        "main": [
            {
                "className": ".pizza",
                "data": [
                    {% for key,item in cmdDevis %}
                    {
                        {% if key == 0 %}
                        "x": "Aujourd'hui",
                        {% else %}
                        "x": "{{ item.date|date('d/m') }}",
                        {% endif %}
                        "y": {{ item.count }}
                        {% if item.count > maxCmdDevisPerDay %}{% set maxCmdDevisPerDay = item.count %}{% endif %}
                    },
                    {% endfor %}
                ]
            }
        ]
    };
    {% if maxCmdDevisPerDay > 5 %}{% set maxCmdDevisPerDay = 5 %}{% endif %}
    {% if maxCmdDevisPerDay == 0 %}{% set maxCmdDevisPerDay = 1 %}{% endif %}

    var optsCmdDevis = {

        "mouseover": function (d, i) {
            var pos = $(this).offset();
            $(tt).text(d.x+ ' : '+ d.y+' commandes & devis')
                    .css({top: topOffset + pos.top, left: pos.left + leftOffset})
                    .show();
        },
        "mouseout": function (x) {
            $(tt).hide();
        },
        yMin :0,

        tickHintY:{{ maxCmdDevisPerDay }},
        paddingLeft:30
    };



    var myChart = new xChart('line-dotted', data, '#visites',optsVisites);
    var myChart = new xChart('line-dotted', dataRevenu, '#revenus',opts);
    var myChart = new xChart('line-dotted', dataCommandes, '#cmddevis',optsCmdDevis);




    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        var dragged = false;
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            eventClick: function(calEvent, jsEvent, view) {
                if(calEvent.description){
                    alert(calEvent.title+' : '+calEvent.description);
                }
            },
            editable: true,
            eventDragStart: function( event, jsEvent, ui, view ) {
                dragged = [ ui.helper[0], event ];
            },
            droppable: false,
            eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
                revertFunc();
            },
            eventResize: function(event,dayDelta,minuteDelta,revertFunc) {
                revertFunc();
            },
            events: [
                {% for item in calendar %}
                {
                    title: '{{ item.titre }}',
                    start: new Date('{{ item.date|date('Y') }} {{ item.date|date('m') }} {{ item.date|date('d') }} {{ item.date|date('h') }}:{{ item.date|date('i') }}:00'),
                    allDay: false,
                    editable:true,
                    description: '{{ item.description }}',
                    backgroundColor: '{{ item.couleur }}',
                    id:{{ item.id }}
                },
                {% endfor %}

                {% for item in rdv %}
                {
                    title: '{{ item.titre }} avec {{ item.nom|upper }} {{ item.prenom|capitalize }}',
                    start: new Date('{{ item.date.date }}'),
                    allDay: false,
                    editable:false,
                    url:'{{ path('you_commercant_commande_afficher',{id:item.id}) }}',
                    backgroundColor: '#0000ff',
                },
                {% endfor %}
            ]
        });

        $('#calendar').children('.fc-content').children().append('<div id="calendarTrash" class="well" style="float: right; padding: 5px 10px 4px 10px;margin:10px;"><span class="icon icon-trash"></span></div>');

        //listens for drop event
        $("#calendarTrash").droppable({
            tolerance: 'pointer',
            drop: function(event, ui) {

                if ( dragged && ui.helper && ui.helper[0] === dragged[0] ) {
                    var event = dragged[1];
                    var answer = confirm('Supprimer "'+event.title+'" ?');
                    if (answer)
                    {
                        $.post('{{ path('you_commercant_calendar_remove') }}',{id:event.id});
                        $('#calendar').fullCalendar( 'removeEvents' , event.id  );
                    }
                }
            }
        });

    });

    </script>
{% endblock %}