{{#with data}}
{{#if showMediaSection}}
<div class="bs4--card {{#if @root/data/showProHeader}}agent-only-panel{{/if}} mb-15 ">
	<div class="bs4--card-header bs4--px-3 {{#if @root/data/showProHeader}}agent-only-header bs4--border-pro-yellow with-pro-plus-badge{{/if}}">
		<h4 class="headline-5 bs4--font-weight-normal bs4--my-0">Recent Photos</h4>
	</div>
	<div class="bs4--card-body bs4--p-3">
        <div class="row ps-r">
            <div id="{{@root/dom/divProPlusMedia}}" class="col-xs-10 col-xs-push-1 frame ph-0">
           		{{#if proPlusMedia.data.length}}
                <ul class="list-unstyled slidee">
                    {{#each proPlusMedia.data}}
                    <li  class="pull-left {{#if @first}}pl-10{{else if @last}}pr-10{{else}}ph-10{{/if}}" >
                        <img src="{{thumbnailURL}}" alt="" class="img-responsive pointer" style="width: 124px; max-height: 122px;" id="{{@root/dom/imgMedia}}_{{@index}}" />
                    </li>
                    {{/each}}
                </ul>
                {{/if}}
            </div>
            <a class="pointer no-hover media-arrow-prev ml-10" tabindex="0">
                <i id="{{@root/dom/spanPreviousPage}}" class="material-icons disabled pointer" aria-hidden="true">
                chevron_left</i>
                <span class="sr-only">Previous</span>
            </a>
            <a class="pointer no-hover media-arrow-next mr-10" tabindex="0">
                <i id="{{@root/dom/spanNextPage}}" class="material-icons nextPrev pointer" aria-hidden="true">chevron_right</i>
                <span class="sr-only">Next</span>
            </a>
        </div>
        {{#if showEditButton}}
        <div class="col-xs-12">
            <p class="pt-10 pb-0 paint-first-font"><a href="/pro/plus/report?mm=1&smm=1" id="{{@root/dom/aEdit}}" class="paint-first-font">Edit</a></p>
        </div>
        {{/if}}
	</div>
</div>
{{/if}}
{{/with}}