{include file="public/head"}

    <!-- 主内容区 -->
    <main class="container">
        <div class="play-container">
            <!-- 左侧主要内容 -->
            <div class="play-main">
                <!-- 电影详情 -->
                <div class="movie-detail">
                    <div class="movie-detail-poster">
                        <img src="{:mac_url_img($obj.vod_pic)}" alt="{$obj.vod_name}">
                    </div>
                    <div class="movie-detail-info">
                        <h1 class="movie-detail-title">{$obj.vod_name}</h1>
                        <div class="movie-detail-meta">
                            <span>导演：{$obj.vod_director}</span>
                            <span>主演：{$obj.vod_actor}</span>
                            <span>类型：{$obj.vod_class}</span>
                            <span>年份：{$obj.vod_year}</span>
                            <span>地区：{$obj.vod_area}</span>
                            <span>语言：{$obj.vod_lang}</span>
                        </div>
                        <div class="movie-detail-desc">
                            <p>{$obj.vod_content|mac_substring=200}</p>
                        </div>
                    </div>
                </div>

                <!-- 播放器 -->
                <div class="player-container">
                    <div class="player-wrapper">
                        <script src="{$maccms.path}static/js/jquery.js"></script>
                        <script>var maccms={"path":"__ROOT__","mid":"{$maccms['mid']}","url":"{$maccms['site_url']}","wapurl":"{$maccms['site_wapurl']}","mob_status":"{$maccms['mob_status']}"};</script>
                        <script src="{$maccms.path}static/js/home.js"></script>
                        {$player_data}
                        {$player_js}
                    </div>
                </div>

                <!-- 播放源 -->
                <div class="play-sources">
                    <h3>播放源</h3>
                    <div class="play-source-list">
                        {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
                        <a href="{:mac_url_vod_play($obj,['sid'=>$vo.sid,'nid'=>1])}" class="play-source-item {if condition="$param.sid eq $vo.sid"}active{/if}">{$vo.player_info.show}</a>
                        {/maccms:foreach}
                    </div>
                </div>

                <!-- 剧集列表 -->
                <div class="play-sources">
                    <h3>剧集列表</h3>
                    <div class="play-source-list">
                        {maccms:foreach name="obj.vod_play_list[$param.sid]['urls']" id="vo" key="key"}
                        <a href="{:mac_url_vod_play($obj,['sid'=>$param.sid,'nid'=>$vo.nid])}" class="play-source-item {if condition="$param.nid eq $vo.nid"}active{/if}">{$vo.name}</a>
                        {/maccms:foreach}
                    </div>
                </div>
            </div>

            <!-- 右侧相关推荐 -->
            <div class="play-side">
                <div class="related-movies">
                    <h3>相关推荐</h3>
                    <div class="related-movie-list">
                        {maccms:vod num="10" paging="no" type="current" order="desc" by="time"}
                        <a href="{:mac_url_vod_detail($vo)}" class="related-movie-item">
                            <div class="related-movie-poster">
                                <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                            </div>
                            <div class="related-movie-info">
                                <h4 class="related-movie-title">{$vo.vod_name}</h4>
                                <p class="related-movie-desc">{$vo.vod_class} | {$vo.vod_year}</p>
                            </div>
                        </a>
                        {/maccms:vod}
                    </div>
                </div>
            </div>
        </div>
    </main>

{include file="public/foot"}