$('.select-media').on('click', e => {
    e.preventDefault()
    let $this = $(e.currentTarget),
        $wrapper = $this.closest('.option-media-field'),
        $input = $wrapper.find('input'),
        $preview = $wrapper.find('.preview'),
        $clearButton = $wrapper.find('.clear-media')

    app.methods.media(true, $input.get(0), true, (data) => {
        let media = data.medias[0]
        $preview.empty().append(
            $('<img>').attr('src', media.url)
        )
        $clearButton.show()
    })
})

$('.clear-media').on('click', e => {
    e.preventDefault()
    let $this = $(e.currentTarget),
        $wrapper = $this.closest('.option-media-field'),
        $input = $wrapper.find('input'),
        $preview = $wrapper.find('.preview')

    $input.val(null)
    $preview.empty()
    $this.hide()
})