{{!-- TODO: why does this modal background not cover the PSM without style override? --}}

{{!-- close button --}}

{{!-- static header --}}

{{svg-jar "unsplash" class="fill-darkgrey-d2"}} {{t "Unsplash"}}

{{svg-jar "search"}}

{{!-- content container --}}

{{!-- scrollable image container --}}

{{#if this.unsplash.photos}}

{{#each this.unsplash.columns as |photos|}}

{{#each photos as |photo|}} {{/each}}

{{/each}}

{{else if (and this.unsplash.searchTerm (not this.unsplash.error this.unsplash.isLoading))}}

{{t "No photos found for '{term}'" term=this.unsplash.searchTerm}}

{{/if}} {{#if this.unsplash.error}} {{!-- TODO: add better error styles? --}}

{{this.unsplash.error}} ({{t "retry"}})

{{/if}} {{#if this.unsplash.isLoading}}

{{/if}}

{{!-- zoomed image overlay --}} {{#if this.zoomedPhoto}}

{{/if}}