\r\n

\r\n Priority<\/label>\r\n

\r\n \r\n <\/div>\r\n <\/div><\/div>\r\n

\r\n

\r\n Email<\/label>\r\n

\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div> \r\n

\r\n Message<\/label>\r\n

\r\n

<\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n                                                <div id=\"custom-field2\" class=\"form-group custom-field \" data-sort=\"2\">\r\n            <label class=\"control-label\"   for=\"input-ticket-form-field2\">Telephone<\/label>\r\n            <div>\r\n                <input type=\"text\" name=\"form_field[2]\" value=\"\" placeholder=\"Telephone\" id=\"input-ticket-form-field2\" class=\"form-control\" \/>\r\n            <\/div>\r\n        <\/div>\r\n                                                                                        <div id=\"custom-field5\" class=\"form-group custom-field \" data-sort=\"5\">\r\n            <label class=\"control-label\"   for=\"input-ticket-form-field5\">Your website address<\/label>\r\n            <div>\r\n                <input type=\"text\" name=\"form_field[5]\" value=\"\" placeholder=\"Your website address\" id=\"input-ticket-form-field5\" class=\"form-control\" \/>\r\n            <\/div>\r\n        <\/div>\r\n                                                \r\n\t<div class=\"form-group text-right\">\r\n\t    <div class=\"attachment-file\" style=\"display: none;\">\r\n\t    <div id=\"attachs\" ><\/div>\r\n\t    <br>\r\n\t    Attach File <button type=\"button\" id=\"button-upload-quick-popup-ticket\"class=\"btn btn-default\"><i class=\"fa fa-upload\"><\/i> Upload File<\/button>\r\n\t    <\/div>\r\n\t<\/div>\r\n\t<div class=\"form-group text-right\">\r\n\t    <span class=\"attachment pull-right\" id=\"show-attach\" style=\"font-size: 2.5em;padding-left: 20px;\"> <i class=\"fa fa-paperclip\" aria-hidden=\"true\"><\/i><\/span>\r\n\t    <button class=\"btn btn-primary pull-right\" type=\"button\" id=\"button-submit-quick-popup-ticket\">Submit<\/button>\r\n\t<\/div>\r\n    <\/fieldset>\r\n<\/form>\r\n<script type=\"text\/javascript\">\r\n    $('#button-upload-quick-popup-ticket').on('click', function () {\r\n        var node = this;\r\n\r\n        $('#form-upload').remove();\r\n\r\n        $('body').prepend('<form enctype=\"multipart\/form-data\" id=\"form-upload\" style=\"display: none;\"><input type=\"file\" name=\"file\" \/><\/form>');\r\n\r\n        $('#form-upload input[name=\\'file\\']').trigger('click');\r\n\r\n        if (typeof timer != 'undefined') {\r\n            clearInterval(timer);\r\n        }\r\n\r\n        timer = setInterval(function () {\r\n            if ($('#form-upload input[name=\\'file\\']').val() != '') {\r\n                clearInterval(timer);\r\n\r\n                $.ajax({\r\n                    url: 'index.php?route=ticket\/upload',\r\n                    type: 'post',\r\n                    dataType: 'json',\r\n                    data: new FormData($('#form-upload')[0]),\r\n                    cache: false,\r\n                    contentType: false,\r\n                    processData: false,\r\n                    beforeSend: function () {\r\n                        $(node).button('loading');\r\n                    },\r\n                    complete: function () {\r\n                        $(node).button('reset');\r\n                    },\r\n                    success: function (json) {\r\n                        $('.text-danger').remove();\r\n\r\n                        if (json['error']) {\r\n                            $(node).parent().append('<div class=\"text-danger\">' + json['error'] + '<\/div>');\r\n                        }\r\n\r\n                        if (json['success']) {\r\n                            $('#attachs').append('<div><i class=\"fa fa-minus-circle\"><\/i> ' + json['filename'] + '<input type=\"hidden\" name=\"attach_file[]\" value=\"' + json['code'] + '\" \/><\/div>');\r\n                        }\r\n                    },\r\n                    error: function (xhr, ajaxOptions, thrownError) {\r\n                        alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);\r\n                    }\r\n                });\r\n            }\r\n        }, 500);\r\n    });\r\n\r\n    $('#attachs').delegate('.fa-minus-circle', 'click', function () {\r\n        $(this).parent().remove();\r\n    });\r\n\r\n    $('#button-validate-order').on('click', function () {\r\n        $.ajax({\r\n            url: 'index.php?route=ticket\/ticket\/validateOrder',\r\n            type: 'post',\r\n            data: 'order_id=' + $('#validate-order').val() + '&email=' + $('#validate-email').val(),\r\n            dataType: 'json',\r\n            beforeSend: function () {\r\n                $('#button-validate-order').html('<i class=\"fa fa-circle-o-notch fa-spin\"><\/i>');\r\n            },\r\n            complete: function () {\r\n                $('#button-validate-order').html('Validate Order Product');\r\n            },\r\n            success: function (json) {\r\n                $('.text-danger, .text-error').remove();\r\n                if (json['error_email']) {\r\n                    $('#validate-email').after('<div class=\"text-danger\" style=\"color:#F00;\">' + json['error_email'] + '<\/div>');\r\n                }\r\n                if (json['error_order']) {\r\n                    $('#validate-order').after('<div class=\"text-danger\" style=\"color:#F00;\">' + json['error_order'] + '<\/div>');\r\n                }\r\n                if (json['error_product']) {\r\n                    $('#validate-order').after('<div class=\"text-danger\" style=\"color:#F00;\">' + json['error_product'] + '<\/div>');\r\n                }\r\n                if (json['products']) {\r\n                    for (i in json['products']) {\r\n                        if (!$('#product-order-' + i).length) {\r\n                            var html = '<div id=\"product-order-' + i + '\" class=\"radio\"><label><strong> Order ID - #' + i + '<\/label><\/strong> ';\r\n                            for (j in json['products'][i]) {\r\n                                html += '<br \/><label> <input type=\"checkbox\" name=\"product[' + i + '][]\" value=\"' + json['products'][i][j] + '\" \/> ' + json['products'][i][j] + '<\/label>';\r\n                            }\r\n                            html += '<\/div>';\r\n                            $('#products').append(html);\r\n                            $('#products').show();\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            error: function (xhr, ajaxOptions, thrownError) {\r\n                alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);\r\n            }\r\n        });\r\n    });\r\n\r\n    $('#products').delegate('.fa-minus-circle', 'click', function () {\r\n        $(this).parent().remove();\r\n    });\r\n\r\n    $('.date').datetimepicker({\r\n        pickTime: false\r\n    });\r\n\r\n    $('.time').datetimepicker({\r\n        pickDate: false\r\n    });\r\n\r\n    $('.datetime').datetimepicker({\r\n        pickDate: true,\r\n        pickTime: true\r\n    });\r\n\r\n    $('#button-submit-quick-popup-ticket').on('click', function () {\r\n        $.ajax({\r\n            url: 'index.php?route=ticket\/ticket\/confirmpopup&product_id=',\r\n            type: 'post',\r\n            data: $('#form-quick-popup-ticket').serialize(),\r\n            dataType: 'json',\r\n            beforeSend: function () {\r\n                $('#button-submit-quick-popup-ticket').html('<i class=\"fa fa-circle-o-notch fa-spin\"><\/i>');\r\n            },\r\n            complete: function () {\r\n                $('#button-submit-quick-popup-ticket').html('Submit');\r\n            },\r\n            success: function (json) {\r\n                $('.text-danger, .text-error').remove();\r\n                $('.form-group').removeClass('has-error');\r\n                if (json['error']) {\r\n\r\n                    if (json['error']['products']) {\r\n                        $('#table-order').after('<div class=\"text-danger\" style=\"color:#F00;\">' + json['error']['products'] + '<\/div>');\r\n                    } else {\r\n                        for (i in json['error']) {\r\n                            $('#input-ticket-' + i.replace('_', '-')).after('<span class=\"text-error\" style=\"color:#F00;\">' + json['error'][i] + '<\/span>');\r\n                        }\r\n\r\n                        $('.text-error').parent().parent().addClass('has-error');\r\n                    }\r\n                }\r\n\r\n                if (json['success']) {\r\n                    $('#quick-popup-modal-body').html('<div class=\"text-success\">' + json['success'] + '<\/div>');\r\n                }\r\n            },\r\n            error: function (xhr, ajaxOptions, thrownError) {\r\n                alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n   <script  type=\"text\/javascript\">\r\n\t$( \"#show-attach\" ).click(function() {\r\n\t    $(this).hide();\r\n\t    $('.attachment-file').show();\r\n\t});\r\n\t    <\/script>"}