'use strict';

pandora.ui.downloadVideoDialog = function(options) {

    var ui = pandora.user.ui,

        formats = {
            'webm': 'WebM',
            'mp4': 'MP4',
        },

        $content = Ox.Element()
            .css({margin: '16px'}),

        $text = $('<div>')
            .html((
                options.out
                ? Ox._(
                    'Download Selection ({0} - {1})<br>of {2}', [
                    Ox.formatDuration(options['in']),
                    Ox.formatDuration(options.out),
                    options.title
                    ]
                )
                : Ox._('Download {0}', [options.title])
            ))
            .css({marginBottom: '16px'})
            .appendTo($content),

        $form = window.$form = Ox.Form({
            items: [
                Ox.Select({
                        id: 'format',
                        items: pandora.site.video.formats.map(function(format) {
                            return {
                                id: format,
                                title: formats[format]
                            };
                        }),
                        label: Ox._('Format'),
                        labelWidth: 120,
                        value: pandora.site.video.downloadFormat,
                        width: 240
                    })
                    .bindEvent({
                        change: function(data) {
                        }
                    }),
                Ox.Select({
                        id: 'resolution',
                        items: pandora.site.video.resolutions.map(function(resolution) {
                            return {
                                id: resolution,
                                title: resolution + 'p'
                            };
                        }),
                        label: Ox._('Resolution'),
                        labelWidth: 120,
                        value: ui.videoResolution,
                        width: 240
                    })
                    .bindEvent({
                        change: function(data) {
                        }
                    })
            ]
        }).appendTo($content),

        failed = false,

        that = Ox.Dialog({
            buttons: [
                Ox.Button({
                    id: 'download',
                    title: Ox._('Download')
                }).bindEvent({
                    click: function() {
                        if (failed) {
                            that.close();
                            return
                        }
                        var values = $form.values(),
                            url
                        if (options.out) {
                            var $screen = Ox.LoadingScreen({
                                size: 16
                            })
                            that.options({content: $screen.start()});
                            pandora.api.extractClip({
                                item: options.item,
                                resolution: values.resolution,
                                format: values.format,
                                'in': options['in'],
                                out: options.out
                            }, function(result) {
                                if (result.data.taskId) {
                                    pandora.wait(result.data.taskId, function(result) {
                                        console.log('wait -> ', result)
                                        if (result.data.result) {
                                            url = '/' + options.item
                                                + '/' + values.resolution
                                                + 'p.' + values.format
                                                + '?t=' + options['in'] + ',' + options.out;
                                            that.close();
                                            document.location.href = url
                                        } else {
                                        }
                                    }, 1000)
                                } else {
                                    that.options({content: 'Failed to extract clip.'});
                                    that.options('buttons')[0].options({
                                        title: Ox._('Close')
                                    });
                                    failed = true;
                                }
                            })

                        } else {
                            url = '/' + options.item
                                + '/download/' + values.resolution
                                + 'p.' + values.format
                        }
                        if (url) {
                            that.close();
                            document.location.href = url
                        }
                    }
                })
            ],
            closeButton: true,
            content: $content,
            removeOnClose: true,
            keys: {enter: 'download', escape: 'close'},
            title: (
                options.out
                ? Ox._('Download Video Selection')
                : Ox._('Download Video')
            ),
            width: 432
        });

    return that;

};