$(document).ready(function() {
    var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;

    var sessionIndex = client.initIndex('Session');
      var date_now = $.now() / 1000;
      var show_date, start_date, end_date;
      sessionIndex.search({
        filters: 'start_date_timestamp <= '+date_now+' AND end_date_timestamp >= '+date_now
      }).then(function(res) {
          if (res.hits.length == 0) {
              return false;
          }
         const formatter = new Intl.DateTimeFormat(lang, { month: 'long' });
         session = res.hits.pop();
         var show_start_date = new Date(session.show_start_date);
         var show_end_date = new Date(session.show_end_date);
         show_date = ('0' + show_start_date.getDate()).slice(-2)+' - '+('0' + show_end_date.getDate()).slice(-2)+' '+formatter.format(show_end_date)+' '+show_end_date.getFullYear();
         start_date = session.show_start_date;
         end_date = session.show_end_date;
    });

    if (localStorage.getItem('favorites') != null) {
        $.each(JSON.parse(localStorage.getItem('favorites')), function(key, items) {
            if (key == 'Exposant') {
                $('#exhibitor_count').text(parseInt(Object.keys(items).length));
                $.each(items, function(id, item) {
                    var html = '<li data-hall="'+item.attributes.hall+'" data-brand="'+item.attributes.brand.name.trim()+'" data-country="'+item.attributes.exhibitor['country_'+lang]+'">'+
                                    '<div class="illuFav">'+(item.attributes.image != null ? '<img src="'+cdnUrl+'/190x135'+item.attributes.image+'" alt="">' : '')+'</div>'+
                                        '<div class="descFav">'+
                                            '<div class="typeProd '+item.attributes.sectorClass+'">'+item.attributes.sector+(item.attributes.is_new ? '<span class="new">New</span></div>' : '</div>')+
                                            '<div class="favori">'+
                                            '<div class="input-container">'+
                                            '<input type="checkbox" name="favorie'+id+'" id="favorie'+id+'" checked readonly  data-type="Exposant" data-id="'+id+'" />'+
                                            '<label for="favorie'+id+'"><span></span></label>'+
                                        '</div>'+
                                        '</div>'+
                                        '<h3><a href="'+ item.attributes.brand.ficheUrl+'">'+item.attributes.brand.name+'</a></h3>'+
                                        '<p class="pays">'+item.attributes.exhibitor['country_'+lang]+'</p>'+
                                        '<p class="stand">Hall '+item.attributes.hall+' - Stand '+item.attributes.stands+'</p>'+
                                    '</div>'+
                                '</li>';
                    $('#exposants .listeFavoris').append(html);
                });
            } else if (key == 'Conférence') {
                $('#conf_count').text(parseInt($('#conf_count').text()) + parseInt(Object.keys(items).length));
                $.each(items, function(id, item) {
                    var speakers = new Array;
                    $.each(item.attributes.speakers, function(k, speaker) {
                        speakers.push(speaker.full_name+' - '+'<span class="gris">'+speaker['job_'+lang]+'</span>');
                    });
                    var html = '<li data-date="'+item.attributes.date+'" data-conference-space="'+item.attributes.conference_space+'">'+
                                '<div class="illuFav"><img src="'+item.attributes.speaker_image_url+'" alt=""></div>'+
                                    '<div class="descFav">'+
                                        '<div class="favori">'+
                                            '<div class="input-container">'+
                                                '<input type="checkbox" name="favorie'+id+'" id="favorie'+id+'" checked readonly data-type="Conférence" data-id="'+id+'"/>'+
                                                '<label for="favorie'+id+'"><span></span></label>'+
                                            '</div>'+
                                        '</div>'+
                                        '<div class="events">'+
                                        '<h3><a href="'+ item.attributes.ficheUrl+'">'+item.attributes['title_'+lang]+'</a></h3>'+
                                         '<p>'+
                                            speakers.join('<br>')+
                                         '</p>'+
                                         '<p class="infos"><span class="dateLieu">'+formatter_date_hit.format(new Date(item.attributes.date * 1000))+' — '+item.attributes.start_time+' – '+item.attributes.end_time+'</span><br>'+
                                         '<span class="dateLieu">'+(item.attributes.conference_space != undefined ? item.attributes.conference_space : '')+(item.attributes.hall != undefined ? ' — Hall '+item.attributes.hall : '')+'</span></p>'+
                                     '</div>'+
                                '</div>'+
                            '</li>';
                    $('#conf .listeFavoris').append(html);
                });
            } else if (key == 'Exposition') {
                $('#conf_count').text(parseInt($('#conf_count').text()) + parseInt(Object.keys(items).length));
                $.each(items, function(id, item) {
                    var speakers = new Array;
                    $.each(item.attributes.speakers, function(k, speaker) {
                        speakers.push(speaker.full_name+' - '+'<span class="gris">'+speaker['job_'+lang]+'</span>');
                    });
                    var html = '<li>'+
                                '<div class="illuFav"><img src="'+item.attributes.image+'" alt=""></div>'+
                                    '<div class="descFav">'+
                                        '<div class="favori">'+
                                            '<div class="input-container">'+
                                                '<input type="checkbox" name="favorie'+id+'" id="favorie'+id+'" checked readonly data-type="Exposition" data-id="'+id+'"/>'+
                                                '<label for="favorie'+id+'"><span></span></label>'+
                                            '</div>'+
                                        '</div>'+
                                        '<div class="events">'+
                                        '<h3><a href="'+ item.attributes.ficheUrl+'">'+item.attributes['title_'+lang]+'</a></h3>'+
                                         '<p>'+
                                           item.attributes['description_'+lang]
                                         '</p>'+
                                         '<p class="infos">'+(item.attributes.hall != '' ? 'Hall '+item.attributes.hall : '')+'</p>'+
                                     '</div>'+
                                '</div>'+
                            '</li>';
                    $('#conf .listeFavoris').append(html);
                });
            } else if (key == 'Participant') {
                $('#participant_count').text(parseInt(Object.keys(items).length));
                $.each(items, function(id, item) {
                    var html = '<li>'+
                                    '<div class="illuFav">'+(item.attributes.image != null && item.attributes.image.path_fr != null ? '<img src="'+cdnUrl+'/190x135'+item.attributes.image.path_fr+'" alt="">' : '')+'</div>'+
                                        '<div class="descFav">'+
                                           '<div class="favori">'+
                                            '<div class="input-container">'+
                                            '<input type="checkbox" name="favorie'+id+'" id="favorie'+id+'" checked readonly  data-type="Participant" data-id="'+id+'" />'+
                                            '<label for="favorie'+id+'"><span></span></label>'+
                                        '</div>'+
                                        '</div>'+
                                        '<h3><a href="'+item.attributes.brand.ficheUrl+'">'+item.attributes.brand.name+'</a></h3>'+
                                        '<p class="quartiers">'+item.attributes['quartier_'+lang]+'</p>' +
                                    '</div>'+
                                '</li>';
                    $('#participants .listeFavoris').append(html);
                });
            } 

        });
    }
    $('.trichoice2 a').click(function(){
        var element = $(this).data('element');
        var type = $(this).data('type');
        if ($(this).data('sort') == 'asc') {
            var asc = $('#'+element).find('.listeFavoris li').sort(function(a, b) {
                return String($(a).data(type)) > String($(b).data(type));
            });
            asc.appendTo($('#'+element).find('.listeFavoris'));
        } else if ($(this).data('sort') == 'desc') {
            var desc = $('#'+element).find('.listeFavoris li').sort(function(a, b) {
                return String($(a).data(type)) < String($(b).data(type));
            });
            $('#'+element+' .listeFavoris ul').html(desc);
            desc.appendTo($('#'+element).find('.listeFavoris'));
        }
    });

    if (testEmail.test($('#send_favories input[name="email"], #send_favories_mob input[name="email"]').val())) {
        $('#send_favories input[name="email"], #send_favories_mob input[name="email"]').closest('form').find('.boutonValider').addClass('active');
    }

    $('#send_favories input[name="email"], #send_favories_mob input[name="email"]').on('keyup', function( event ) {
        if (testEmail.test($(this).val())) {
            $(this).closest('form').find('.boutonValider').addClass('active');
        } else {
            $(this).closest('form').find('.boutonValider').removeClass('active');
        }
    });

    $('#send_favories, #send_favories_mob').submit(function( event ) {
        var form = $(this);
        if (localStorage.getItem('favorites') != null && testEmail.test(form.find('input[name="email"]').val())) {
            $.ajax({
                url: lambdaUrl+"favorites/mail",
                method: "POST",
                crossDomain: true,
                data: JSON.stringify({ email: form.find('input[name="email"]').val(), locale: lang, favorites: JSON.parse(localStorage.getItem('favorites')), date: show_date, show_start_date: start_date, show_end_date: end_date }),
                success: function (data) {
                    form.find('.validationMsg').text(translate('Votre message a bien été envoyé'));
                },
                error: function (err) {
                    form.find('.validationMsg').text(translate('Votre message a bien été envoyé'));
                }

            })
            
        }
        event.preventDefault();
    });
});