{{response.title=base_title + ': ' + T('View your sponsored items')}}
{{response.files.append(URL('static', 'OZSponsor/sponsor_leaf.css'))}}
{{response.files.append(URL('static', 'css/content_pages.css'))}}
{{body_restricted_width = True}}{{extend 'uikit_layout.html'}}
{{import datetime}}

{{block masthead}}
<div class="home-heading uk-text-center uk-padding-small">
    <h1>{{=XML(T('Sponsorship page for %(slot0)s') % {'slot0': (xmlescape(most_recent.verified_donor_name or most_recent.username))})}}</h1>
    {{if sponsor_status:}}<p>{{=XML(T('%(slot0)s is a <a href="%(slot1)s"><span>%(slot2)s</span> sponsor</a>') % {'slot0': (xmlescape(most_recent.verified_donor_name or most_recent.username)), 'slot1': (xmlescape(URL('default', 'donor_list.html'))), 'slot2': (xmlescape(sponsor_status))})}}</p>{{pass}}
</div>
{{end block}}

<ul class="uk-list">{{for item in (r for r in rows if r.sponsorship_story):}}
  <li uk-grid class="uk-padding-small uk-flex-middle">
    <div class="uk-width-1-5@m" style="text-align:center">
        <div class="uk-margin-small-bottom">
          <a href="{{=URL('/life/@=%d?init=jump' % item.OTT_ID, url_encode=False)}}" target="_blank">
            <span class="img-species leafout leafout-corner"><img class="species" alt=""
                    src="{{=images.get(item.OTT_ID, {}).get('url','')}}"
                onerror="this.onerror=null; this.src='{{=URL('static','images/notAvailable.png')}}'"
                  title="{{=' / '.join(s for s in [images.get(item.OTT_ID, {}).get('rights', ''), images.get(item.OTT_ID, {}).get('licence', '')] if s)}}" /></span>
          </a>
        </div>

        <div>{{=html_names.get(item.OTT_ID, 'Unknown')}}</div>
        <div>
           {{=(T('Sponsored in %(year)s by') if item['verified_kind'] == 'by' else T('Sponsored in %(year)s for')) % {'year': item['verified_time'].strftime('%Y')} }}
           <i class="sponsored-by">{{=item['verified_name']}}</i>
        </div>
        {{if item.get('verified_more_info', ''):}}<br/><div>{{=item['verified_more_info']}}</div>{{pass}}
    </div>

    <div class="uk-width-expand@m">
      <p>{{=item.sponsorship_story}}</p>
    </div>
  </li>
{{pass}}</ul>

<!-- No story but image -->
<ul uk-grid class="uk-list uk-child-width-1-2@s uk-child-width-1-5@m">{{for item in (r for r in rows if not r.sponsorship_story and r.OTT_ID in images):}}
    <li class="uk-margin-remove-top" style="text-align:center">
        <div class="uk-margin-small-bottom">
          <a href="{{=URL('/life/@=%d?init=jump' % item.OTT_ID, url_encode=False)}}" target="_blank">
            <span class="img-species leafout leafout-corner"><img class="species" alt=""
                    src="{{=images[item.OTT_ID].get('url','')}}"
                onerror="this.onerror=null; this.src='{{=URL('static','images/notAvailable.png')}}'"
                  title="{{=' / '.join(s for s in [images[item.OTT_ID].get('rights', ''), images[item.OTT_ID].get('licence', '')] if s)}}" /></span>
          </a>
        </div>

        <div><a href="{{=URL('/life/@=%d?init=jump' % item.OTT_ID, url_encode=False)}}"
                target="_blank">{{=html_names.get(item.OTT_ID, 'Unknown')}}</a></div>
        <div>
           {{=(T('Sponsored in %(year)s by') if item['verified_kind'] == 'by' else T('Sponsored in %(year)s for')) % {'year': item['verified_time'].strftime('%Y')} }}
           <i class="sponsored-by">{{=item['verified_name']}}</i>
        </div>
        {{if item.get('verified_more_info', ''):}}<br/><div>{{=item['verified_more_info']}}</div>{{pass}}
    </li>
{{pass}}</ul>

<!-- No image or story -->
<ul uk-grid class="uk-list uk-child-width-1-2@s uk-child-width-1-5@m">{{for item in (r for r in rows if not r.sponsorship_story and r.OTT_ID not in images):}}
    <li class="uk-margin-remove-top" style="text-align:center">
        <div><a href="{{=URL('/life/@=%d?init=jump' % item.OTT_ID, url_encode=False)}}"
                target="_blank">{{=html_names.get(item.OTT_ID, 'Unknown')}}</a></div>
        <div>
           {{=(T('Sponsored in %(year)s by') if item['verified_kind'] == 'by' else T('Sponsored in %(year)s for')) % {'year': item['verified_time'].strftime('%Y')} }}
           <i class="sponsored-by">{{=item['verified_name']}}</i>
        </div>
        {{if item.get('verified_more_info', ''):}}<br/><div>{{=item['verified_more_info']}}</div>{{pass}}
    </li>
{{pass}}</ul>


{{if page:}}{{=A(XML('&lt;&nbsp;previous&nbsp;'+str(items_per_page)+'..'),_href=URL(args=[args[0], page-1], vars=vars),_class='hefty')}}{{pass}}
{{if len(rows)>items_per_page:}}{{=A(XML('..next&nbsp;'+str(items_per_page)+'&nbsp;&gt;'),_href=URL(args=[args[0], page+1], vars=vars),_class='hefty')}}{{pass}}