<?php
/*
 * Name: Single image
 * Section: content
 * Description: A single image with link
 */

/* @var $options array */
/* @var $wpdb wpdb */

$defaults = array(
    'image' => '',
    'url' => '',
    'width' => 0,
    'block_background' => '',
    'block_padding_left' => 0,
    'block_padding_right' => 0,
    'block_padding_bottom' => 15,
    'block_padding_top' => 15
);

$options = array_merge($defaults, $options);

if (empty($options['image']['id'])) {
    if (!empty($options['image-url'])) {
        $media = new TNP_Media();
        $media->url = $options['image-url'];
    } else {
        $media = new TNP_Media();
        // A placeholder can be set by a preset and it is kept indefinitely
        if (!empty($options['placeholder'])) {
            $media->url = $options['placeholder'];
            $media->width = 600;
            $media->height = 250;
        } else {
            $media->url = 'https://source.unsplash.com/1200x500/daily';
            $media->width = 600;
            $media->height = 250;
        }
    }
} else {
    $media = tnp_resize_2x($options['image']['id'], array(600, 0));
    // Should never happen but... it happens
    if (!$media) {
        echo 'The selected media file cannot be processed';
        return;
    }
}

if (!empty($options['width'])) {
    $media->set_width($options['width']);
}
$media->link = $options['url'];
if (!empty($options['image-alt'])) {
    $media->alt = $options['image-alt'];
}
$image_class_name = 'image';

$img_align = '';
if (isset($options['img_align']) && in_array($options['img_align'], array('left', 'right'))) {
    $img_align = 'float: ' . $options['img_align'] .';';
}

?>
<style>
    .<?php echo $image_class_name ?> {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        width: <?php echo $media->width ?>px;
        line-height: 0;
        margin: 0 auto;
        <?php echo $img_align ?>
    }
</style>

<?php echo TNP_Composer::image( $media, [ 'class' => $image_class_name ] ); ?>