(function($, css) {
    'use strict';

    $(function() {

        if (_userdata.session_logged_in !== 1) return;

        $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(data) {

                var status = $('#field_id4 dd', data).text(),
                    name = _userdata.username,
                    type,
                    modal,
                    modal_action = $('<button>', {
                        class: 'mood_btn'
                    }).append('<a href="#">Notificar autor</a>');

                if (status > 1) return;
                switch (status) {
                    case '0':
                        type = 'reprovada';
                        break;
                    case '1':
                        type = 'aprovada';
                        break;
                }

                modal = $('<div>', {
                    class: 'mood_body'
                }).append(
                    '<div>' +
                    ' <div class="mood_header">' +
                    (_userdata.user_level == 0 ?
                        '<h2>Notificação</h2>' :
                        '<h2>Adicionar Notificação</h2>') +
                    ' </div>' +
                    ' <div>' +
                    (_userdata.user_level == 0 ?
                        'Olá ' + name + ', a equipa do fórum marcou a sua postagem como ' + type + '.</div>' :
                        'Escolha o tipo de notificação que queira enviar para um determinado membro usando o seu ID.' +
                        '<form class="mood_form"><p><b>Escolher tipo:</b><select name="form_status" required><option value="0">Postagem Reprovada</option><option value="1">Postagem Aprovada</option><option value="2">Remover Notificação</option></select></p></div>' +
                        '<p><b>Escolher membro:</b> <input type="number" placeholder="Exemplo.: ' + _userdata.user_id + '" name="form_id" required /><br></p>') +
                    ' <div class="mood_footer">' +
                    '<a href="#mood_action">' +
                    (_userdata.user_level == 0 ?
                        'Ok!</a>' :
                        'Alertar</a></form>') +
                    ' </div>' +
                    '</div>'
                );

                if(_userdata.user_level == 0) {
                $(modal)
                    .insertBefore('body');

              } else {
                $(modal_action)
                  .insertBefore('[id^="post-"]:first');
                }

                $('.mood_btn').click(function(event) {
                    // event.preventDefault();
                    $(modal)
                        .insertBefore('body');
                });
                $('a[href="#mood_action"]').click(function(event) {
                    event.preventDefault();
                    UpdateStatus();
                });

            },
            error: function(err) {
                alert('Contacte o suporte Forumeiros');
            }
        });

        function UpdateStatus() {

            $('.mood_body')
                .fadeOut();

            if (_userdata.user_level == 0) {

                $updateField({
                    id: 'field_id4',
                    name: 'profile_field_10_4',
                    user_id: _userdata.user_id,
                    value: '2'
                }, function(d) {
                    console.log(d); // log return data
                });
            } else {

                var form_id = $('[name="form_id"]').val(),
                    form_status = $('[name="form_status"]').val();

                if (!form_id.length) {

                    alert('Preencha o campo do ID do membro.');
                }

                $updateField({
                    id: 'field_id4',
                    name: 'profile_field_10_4',
                    user_id: form_id,
                    value: form_status
                }, function(d) {
                    console.log(d); // log return data
                });
            }
        }


        $('<style>')
            .text(css.join('\n'))
            .appendTo('head');

    });
}(jQuery, [
    '.mood_body {',
    '  background-color: rgba(0, 0, 0, 0.05);',
    '  display: flex;',
    '  position: fixed;',
    '  top: 0;',
    '  right: 0;',
    '  bottom: 0;',
    '  left: 0;',
    '  flex-direction: row;',
    '  align-items: center;',
    '  justify-content: center;',
    '  padding: 10px;',
    '  z-index: 1060;',
    '  overflow-x: hidden;',
    '  -webkit-overflow-scrolling: touch;',
    '}',
    '',
    '',
    '.mood_body > div {',
    '   display: flex;',
    '   position: relative;',
    '   flex-direction: column;',
    '   justify-content: center;',
    '   width: 32em;',
    '   max-width: 100%;',
    '   padding: 1.25em;',
    '   border-radius: .3125em;',
    '   background: #fff;',
    '   font-family: inherit;',
    '   box-sizing: border-box;',
    '}',
    '',
    '.mood_body .mood_header {',
    '   font-weight: bold;',
    '}',
    '',
    '.mood_body .mood_header h2 {',
    '   display: flex;',
    '   position: relative;',
    '   max-width: 100%;',
    '   margin: 0 0 .4em;',
    '   padding: 0;',
    '   color: #595959;',
    '   font-size: 1.875em;',
    '   font-weight: 600;',
    '   text-align: center;',
    '   text-transform: none;',
    '   word-wrap: break-word;',
    '}',
    '',
    '.mood_body .mood_footer {',
    '   display: flex;',
    '   justify-content: center;',
    '   margin: 1.25em 0 0;',
    '   padding: 1em 0 0;',
    '   border-top: 1px solid #eee;',
    '   color: #545454;',
    '   font-size: 1em;',
    '}'
]));