{{#each shiurim}}


<div class="post" itemscope itemtype="http://schema.org/Event">

    <div class="alignleft">

        <!--@if (shiur.shiurTeachers.Count > 0)
        {-->
        <div class="img-holder">

            {{#each shiurTeachers}}
            <img itemprop="image" src="{{teacherPhotoURL}}" alt="{{teacherName}}" width="50" height="50" loading="lazy" />

            {{/each}}
        </div>
        <!--}-->
        <a href="#" class="btn-new" onclick="javascript:; return false;">
            NEW
        </a>

    </div>
    <div class="textbox">

        <strong itemprop="name" class="title">
            <a class="shiur" href="{{shiurLectureURL}}" data-href="/sidebar/lectureData?shiurId={{shiurID}}" data-type="{{shiurMediaType}}" data-id="{{shiurID}}" data-page="featuredShiurim">
                {{shiurTitle}}
            </a>
        </strong>


        <ul>

            <li class="speaker-li">

                <span class="speaker-icon">

                    Speaker:
                </span>

                <span itemprop="performer" itemscope itemtype="http://schema.org/Person">
                    {{#each shiurTeachers}}
                    <a itemprop="url" class="teacher" href="/teachers/{{replaceSpecialCharacters teacherName}}" data-href="/teachers/sidebar/{{teacherID}}">
                        <span class="speaker-name" itemprop="name">
                            {{teacherName}}
                        </span>
                    </a>
                    {{/each}}


                    &nbsp;
                </span>

            </li>

            {{#if shiurDate}}
            <li class="date-li">
                <span>
                    Date:
                </span>
                <time itemprop="startDate" content="2021-11-24T00:00" datetime="2021-11-24">
                    {{formatDate shiurDate}}    <!--- this should be date string, and content etc should be formatted-->
                </time>
            </li>
            {{/if}}

        <li class="posted-li">
            {{#if shiurSeriesName}}
            <!-- fixxxxxxxxxx -->
            <span>
                Series:&nbsp;
            </span>
            <a class="postedin" href="/series/{{replaceSpecialCharacters shiurSeriesName}}" data-href="/series/sidebar/{{shiurSeries}}">
                {{shiurSeriesName}}
            </a>
            <br />
            {{/if}}

            {{#if shiurVenueName}}
            <span itemprop="location" itemscope itemtype="http://schema.org/Place">
                <!-- get venues xxxxxxxxxxxxxxxxxxxxxx -->
                <span>
                    Venue:&nbsp;
                </span>
                <a class="postedin" href="/venues/{{replaceSpecialCharacters shiurVenueName}}" data-href="/venues/sidebar/{{shiurVenue}}">
                    <span class="address" itemprop="address name">
                        {{shiurVenueName}}
                    </span>
                </a>

                <meta itemprop="name" content="Cong. Bnai Yeshurun (Teaneck, NJ)">
                <br />
            </span>
            {{/if}}

            <!--@{
    string previousCategoryName = "";
    var categoriesGrouped = shiur.shiurSubcategoriesObj.GroupBy(category => category.categoryShortName);
    }-->
            <!--formatCategories shiurSubcategoriesObj-->
            {{#each shiurGroupedSubcategoriesObj}}
            <div>
                <div class="category-group-name">
                    {{categoryShortName}}:
                </div>
                <div class="posted-indent">
                    {{#each subcategory}}
                    <span>
                        <a class="postedin" href="/categories/{{replaceSpecialCharacters categoryName}}/{{replaceSpecialCharacters name}}" data-href="/categories/sidebar/{{subCategoryID}}">
                            {{name}}
                        </a>
                    </span>
                    {{/each}}
                </div>
            </div>
            {{/each}}

        </li>

            {{#if shiurLength}}
            <li class="duration-li">
                <span>
                    Duration:
                </span>
                <small itemprop="duration">
                    {{formatTime shiurLength}}
                </small>
            </li>
            {{/if}}

            {{#if shiurDateSubmitted}}
            <li class="post-uploaded uploaded-li">
                <span>
                    {{formatDate shiurDateSubmitted}}
                </span>
            </li>
            {{/if}}

            {{#if shiurLastViewed}}
            <li class="post-viewed viewed-li">
                <span>
                    Last viewed {{formatDate_minutesAgo shiurLastViewed}}
                </span>
            </li>
            {{/if}}

        </ul>

    </div>
    <div class="slide-box">
        <ul class="add">
            <li class="download">
                <a href="{{downloadURL}}" title="Download this shiur" download target="_blank">
                    Download
                </a>
            </li>
            <li class="queue">
                <a href="#" data-id="{{shiurID}}" title="Add to queue list">
                    Play Later
                </a>
            </li>
            <li class="play">
                <a class="shiur" href="{{shiurLectureURL}}" data-href="/sidebar/lectureData?shiurId={{shiurID}}" data-type="{{shiurMediaType}}" data-page="featuredShiurim" title="Play this shiur">
                    Play Now
                </a>
            </li>
        </ul>
    </div>
    <div class="clear">
    </div>

</div>
{{/each}}