{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<v:resource.record.fal table="tt_content" field="assets" uid="{content.uid}" as="resources">
    <v:variable.set name="images" value="{resources}" />
</v:resource.record.fal>
<f:if condition="{images -> f:count()} > '1'">
    <f:then>
        <div class="gallery">
            <f:for each="{images}" as="file">
                <f:render partial="Car/Image" arguments="{file:file}" />
            </f:for>
        </div>
    </f:then>
    <f:else>
        <f:for each="{images}" as="file">

            <f:if condition="{file.title}">
                <f:then>
                    <v:variable.set name="imageTitle" value="{file.title}" />
                </f:then>
                <f:else>
                    <v:variable.set name="imageTitle" value="{file.originalResource.title}" />
                </f:else>
            </f:if>

            <f:if condition="{file.alternative}">
                <f:then>
                    <v:variable.set name="imageAlternative" value="{file.alternative}" />
                </f:then>
                <f:else>
                    <v:variable.set name="imageAlternative" value="{file.originalResource.alternative}" />
                </f:else>
            </f:if>

            <f:if condition="{file.mime_type} == 'video/youtube'">
                <f:then>
                    <v:variable.set name="youtubeUid" value="{file.url -> v:iterator.explode(glue:'=')}" />
                    <f:comment>Youtube file</f:comment>
                    <div class="video">
                        <div class="player">
                            <iframe src="https://www.youtube.com/embed/{youtubeUid.1}" frameborder="0" title="{file.title -> f:format.htmlspecialchars()}" allowfullscreen></iframe>
                        </div>
                    </div>
                </f:then>
                <f:else>
                    <f:comment>Normal rendering</f:comment>
                    <!-- Partials/Car/Parts/Images.html -->
                    <f:if condition="{file.link}">
                        <f:then>
                            <f:link.typolink parameter="{file.link}"><img{f:if(condition: '{imgClass}', then: ' class="{imgClass}"', else: '')} src="{v:uri.image(src:'{file.uid}', treatIdAsReference: '1')}" title="{imageTitle}" alt="{imageAlternative}"></f:link.typolink>
                        </f:then>
                        <f:else>
                            <img{f:if(condition: '{imgClass}', then: ' class="{imgClass}"', else: '')} src="{v:uri.image(src:'{file.uid}', treatIdAsReference: '1')}" title="{imageTitle}" alt="{imageAlternative}">
                        </f:else>
                    </f:if>
                    <f:comment>
                        <f:format.htmlentitiesDecode><f:link.action action="show" pageUid="{detailPid}" arguments="{car:car}"><img{f:if(condition: '{imgClass}', then: ' class="{imgClass}"', else: '')} src="{v:uri.image(src:'{file.uid}', treatIdAsReference: '1')}" title="{imageTitle}" alt="{imageAlternative}"></f:link.action></f:format.htmlentitiesDecode>
                    </f:comment>
                </f:else>
            </f:if>

        </f:for>
    </f:else>
</f:if>