faridv/hop

<section class="module program-episodes">
    <div>
        <div class="row">
            <div class="col-3">
                <div class="program-details">
                    <h2>{{safe items.program.title}}</h2>
                    <figure>
                        <img src="{{items.program.image}}" alt=""/>
                    </figure>
                    <div class="desc">
                        {{#if items.program.schedule}}{{safe items.program.schedule}}{{/if}}
                        {{#if items.program.director}}<strong>کارگردان</strong> {{safe items.program.director}}{{/if}}
                        <hr/>
                        {{safe items.program.description}}
                    </div>
                </div>
            </div>
            <div class="col-9">
                <ul class="episode-items">
                    {{#each items.items}}
                    <li data-id="{{id}}" data-media="{{video}}">
                        <figure>
                            <span>
                                <img src="{{image}}" alt=""/>
                            </span>
                        </figure>
                        <div class="desc">
                            <h3>
                                <span class="title">{{safe title}}</span>
                            </h3>
                            <p class="summary">
                                <ins>قسمت {{part}}</ins>
                                {{#if summary}} - 
                                {{safe summary}}
                                {{/if}}
                            </p>
                        </div>
                    </li>
                    {{/each}}
                </ul>
            </div>
        </div>
        <div id="mediaplayer"></div>
    </div>
</section>