import { RichText } from "@wordpress/block-editor";
import {
    sanitizeURL,
    BlockProps
} from "@essential-blocks/controls";

const save = ({ attributes }) => {
    const {
        blockId,
        image,
        imageCaption,
        horizontalAlign,
        verticalAlign,
        verticalAlignCap2,
        stylePreset,
        captionStyle,
        hoverEffect,
        openInNewTab,
        imageLink,
        enableLink,
        classHook,
        imgSource
    } = attributes;

    if (imgSource !== 'custom') {
        return null;
    }

    let imageURL = image.url;

    const linkTarget = openInNewTab ? "_blank" : undefined;

    if (imageURL === "") return null;

    return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <figure
                    className={`eb-advanced-image-wrapper ${blockId} img-style-${stylePreset} ${captionStyle} caption-horizontal-${horizontalAlign} caption-vertical-${verticalAlign} ${verticalAlignCap2} ${hoverEffect}`}
                    data-id={blockId}
                >
                    <div className="image-wrapper">
                        {enableLink && (
                            <a
                                className={"eb-advimg-link"}
                                href={sanitizeURL(imageLink)}
                                target={linkTarget}
                                rel={linkTarget === "_blank" ? "noopener" : undefined}
                            >
                            </a>
                        )}
                        <img src={imageURL} alt={image.alt} />
                        {!RichText.isEmpty(imageCaption) &&
                            captionStyle != "caption-style-2" && (
                                <RichText.Content tagName="figcaption" value={imageCaption} />
                            )}
                    </div>

                    {!RichText.isEmpty(imageCaption) &&
                        captionStyle == "caption-style-2" && (
                            <RichText.Content tagName="figcaption" value={imageCaption} />
                        )}
                </figure>
            </div>
        </BlockProps.Save>
    );
};

export default save;
{"id":1504,"date":"2024-03-20T03:29:22","date_gmt":"2024-03-20T03:29:22","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=1504"},"modified":"2024-03-20T03:29:22","modified_gmt":"2024-03-20T03:29:22","slug":"718","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=1504","title":{"rendered":""},"content":{"rendered":"<p>\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d   \u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a<\/p>\n<ul>\n<li>\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d<\/li>\n<li>\u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a<\/li>\n<li>\u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a<\/li>\n<li>\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d \u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a \u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d \u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a \u0410\u043b\u044c\u0444\u0430-\u041a\u043b\u0438\u043a \u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a-\u041e\u043d\u043b\u0430\u0439\u043d<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[21,22],"_links":{"self":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/1504"}],"collection":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1504"}],"version-history":[{"count":1,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/1504\/revisions"}],"predecessor-version":[{"id":1505,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/1504\/revisions\/1505"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1504"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}